@font-face{font-family:HKManrope;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:HKManrope;src:url(/assets/fonts/manrope-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:HKManrope;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:HKCormorant;src:url(/assets/fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:HKCormorant;src:url(/assets/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");font-style:normal;font-display:swap}
:root{--ink:#20223d;--green:#303b80;--green-2:#242d65;--brown:#303B80;--sand:#BDEBEA;--muted:#62667D;--line:#DCE0EE;--ivory:#F1EDF8;--white:#fff;--pad:clamp(20px,5vw,64px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.lp{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.65 HKManrope,Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.lp a{color:inherit}
.lp img{max-width:100%;display:block}
.lp-w{max-width:1240px;margin:0 auto;padding:0 var(--pad)}
/* en-tête */
.lp-nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lp-nav .lp-w{height:78px;display:flex;align-items:center;justify-content:space-between}
.lp-logo{text-decoration:none;font:600 1.6rem/1 HKManrope,sans-serif;letter-spacing:-.05em;display:inline-flex;align-items:flex-start;color:var(--ink)}
.lp-logo span{color:var(--brown)}
.lp-logo small{font-size:.5rem;letter-spacing:.18em;margin:2px 0 0 8px;font-weight:600;color:var(--muted)}
/* boutons */
.lp-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;padding:0 10px 0 26px;background:var(--green);color:#fff!important;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font:600 .82rem/1 HKManrope,sans-serif;border:0;cursor:pointer;transition:background .3s,transform .3s}
.lp-btn b{width:40px;height:40px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;font-weight:400;transition:transform .3s}
.lp-btn:hover{background:var(--green-2)}
.lp-btn:hover b{transform:rotate(45deg)}
.lp-btn.light{background:var(--sand);color:var(--ink)!important}
.lp-btn.light b{border-color:rgba(32,34,61,.4)}
.lp-btn.small{min-height:48px;padding-left:20px;gap:18px;font-size:.74rem}
.lp-btn.small b{width:32px;height:32px}
.lp-link{font-size:.9rem;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
/* typographie */
.lp-kick{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:600;color:var(--brown);margin:0 0 22px}
.lp h1{font:500 clamp(2.9rem,6.2vw,5.4rem)/.92 HKManrope,sans-serif;letter-spacing:-.065em;margin:0 0 26px;color:var(--ink)}
.lp h1 em,.lp h2 em{font-family:HKCormorant,serif;font-style:italic;font-weight:400;color:var(--brown);letter-spacing:-.03em}
.lp h1 em{display:block;font-size:1.06em;line-height:.95}
.lp h2{font:600 clamp(2.1rem,4.4vw,3.6rem)/1 HKManrope,sans-serif;letter-spacing:-.05em;margin:0 0 20px}
.lp h2 em{display:block;font-size:1.02em}
.lp-lead{font-size:1.08rem;line-height:1.75;color:#3b433f;max-width:34em;margin:0 0 34px}
.lp-eye{display:flex;align-items:center;gap:16px;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;margin-bottom:34px}
.lp-eye span{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;letter-spacing:.05em;font-size:.72rem}
.lp-eye i{width:70px;height:1px;background:currentColor;opacity:.35}
/* hero */
.lp-hero{padding:clamp(48px,7vw,96px) 0 clamp(56px,7vw,100px);background:linear-gradient(180deg,#fff 0,#fbf9f5 100%)}
.lp-hero .lp-w{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,90px);align-items:center}
.lp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px 30px}
.lp-meta{margin-top:30px;font-size:.86rem;color:var(--muted)}
.lp-stars{color:var(--brown);letter-spacing:2px}
.lp-visual{position:relative}
.lp-visual img{width:100%;height:auto;box-shadow:0 40px 80px -45px rgba(32,34,61,.55)}
.lp-note{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 22px 40px -24px rgba(32,34,61,.45);padding:12px 16px 12px 14px;display:flex;gap:12px;align-items:center;font-size:.86rem;line-height:1.35;min-width:220px;animation:lpf 5s ease-in-out infinite}
.lp-note small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.lp-note s{text-decoration-color:var(--brown);text-decoration-thickness:1.5px;color:#4a514d}
.lp-note .ic{width:30px;height:30px;border-radius:50%;background:var(--ivory);display:grid;place-items:center;flex:none;color:var(--brown);font-weight:600}
.lp-note.n1{top:8%;left:-14%}.lp-note.n2{top:41%;right:-8%;animation-delay:1.2s}.lp-note.n3{bottom:12%;left:-10%;animation-delay:2.4s}
@keyframes lpf{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media (prefers-reduced-motion:reduce){.lp-note{animation:none}}
/* bandeau */
.lp-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.lp-band ul{list-style:none;margin:0 auto;padding:22px var(--pad);max-width:1240px;display:grid;grid-template-columns:repeat(4,1fr)}
.lp-band li{text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:#4a514d;border-left:1px solid var(--line)}
.lp-band li:first-child{border-left:0}
.lp-band li b{color:var(--brown);font-weight:600}
/* sections */
.lp-sec{padding:clamp(72px,9vw,128px) 0}
.lp-sec.ivory{background:var(--ivory)}
.lp-sec.dark{background:var(--green);color:#f4f0e8}
.lp-sec.dark h2{color:#fff}.lp-sec.dark h2 em{color:var(--sand)}
.lp-sec.dark .lp-eye{color:#f4f0e8}
.lp-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px);margin-top:56px}
.lp-col{border-top:1px solid #d6cdbf;padding-top:26px}
.lp-col h3{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:600;color:var(--brown);margin:0 0 14px}
.lp-col q{display:block;font:italic 1.45rem/1.25 HKCormorant,serif;color:var(--ink);margin-bottom:14px;quotes:"« " " »"}
.lp-col p{margin:0;color:#4a514d}
.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d6cdbf;margin-top:56px}
.lp-step{padding:34px clamp(18px,3vw,44px) 10px;border-left:1px solid #d6cdbf}
.lp-step:first-child{border-left:0;padding-left:0}
.lp-step small{font-size:.74rem;letter-spacing:.14em;color:var(--muted)}
.lp-step h3{font:italic 400 2rem/1.1 HKCormorant,serif;margin:18px 0 12px}
.lp-step p{margin:0;color:#4a514d;font-size:.95rem}
.lp-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,90px);align-items:center}
.lp-split video{width:100%;background:#000;box-shadow:0 40px 70px -40px rgba(0,0,0,.6)}
.lp-list{list-style:none;padding:0;margin:0 0 36px}
.lp-list li{padding:15px 0 15px 34px;border-bottom:1px solid rgba(244,240,232,.16);position:relative;line-height:1.5}
.lp-list li::before{content:"✦";position:absolute;left:0;top:15px;color:var(--sand);font-size:.85rem}
.lp-sec:not(.dark) .lp-list li{border-color:var(--line)}
.lp-sec:not(.dark) .lp-list li::before{color:var(--brown)}
.lp-quotes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);margin-top:48px}
.lp-quotes figure{margin:0;border-top:1px solid #d6cdbf;padding-top:28px}
.lp-quotes blockquote{margin:12px 0 18px;font:italic 1.7rem/1.3 HKCormorant,serif;color:var(--ink)}
.lp-quotes figcaption{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lp-compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d6cdbf;margin-top:48px;background:#fff}
.lp-compare > div{padding:clamp(28px,4vw,48px)}
.lp-compare > div + div{background:var(--green);color:#f4f0e8}
.lp-compare small{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:var(--muted)}
.lp-compare > div + div small{color:var(--sand)}
.lp-compare strong{display:block;font:500 clamp(2.6rem,5vw,3.8rem)/1 HKManrope,sans-serif;letter-spacing:-.05em;margin:16px 0 10px}
.lp-compare p{margin:0;font-size:.95rem}
.lp-offers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d6cdbf;margin-top:48px;background:#fff}
.lp-offer{padding:clamp(26px,3vw,40px);border-left:1px solid #d6cdbf}
.lp-offer:first-child{border-left:0}
.lp-offer.hl{background:var(--green);color:#f4f0e8}
.lp-offer small{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:var(--brown)}
.lp-offer.hl small{color:var(--sand)}
.lp-offer strong{display:block;font:500 2.6rem/1 HKManrope,sans-serif;letter-spacing:-.05em;margin:14px 0 12px}
.lp-offer p{margin:0;font-size:.94rem;opacity:.85}
.lp-faq{max-width:860px}
.lp-faq details{border-bottom:1px solid #d6cdbf;padding:22px 0}
.lp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:600;font-size:1.04rem}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";font-weight:400;font-size:1.4rem;line-height:1;color:var(--brown);transition:transform .3s}
.lp-faq details[open] summary::after{transform:rotate(45deg)}
.lp-faq p{margin:14px 0 0;color:#4a514d;max-width:44em}
.lp-final{text-align:center}
.lp-final h2 em{display:inline}
.lp-final p{max-width:36em;margin:0 auto 34px;opacity:.85}
/* formulaire */
.lp-form{background:#fff;border:1px solid var(--line);box-shadow:0 40px 80px -50px rgba(32,34,61,.5);padding:clamp(24px,3vw,38px)}
.lp-form .k{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:600;color:var(--brown);margin:0 0 14px}
.lp-form .k span{width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:.7rem;letter-spacing:0}
.lp-form .t{font:italic 1.6rem/1.25 HKCormorant,serif;margin:0 0 22px}
.lp-form label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;margin-bottom:16px}
.lp-form input[type=text],.lp-form input[type=email]{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #d6cdbf;border-radius:0;font:400 .95rem HKManrope,sans-serif;background:#fbf9f5;color:var(--ink)}
.lp-form input:focus{outline:2px solid var(--brown);outline-offset:-1px}
.lp-form .ok{display:flex;gap:10px;font-weight:400;font-size:.8rem;letter-spacing:0;color:var(--muted);line-height:1.5}
.lp-form .ok input{margin-top:3px;flex:none;accent-color:var(--green)}
.lp-form .lp-btn{width:100%;margin-top:6px}
.lp-form .n{font-size:.78rem;color:var(--muted);margin:14px 0 0;text-align:center}
.lp-shot{margin-top:6px}
.lp-shot img{width:100%;box-shadow:0 40px 70px -45px rgba(32,34,61,.55)}
/* pied */
.lp-foot{background:var(--green-2);color:rgba(244,240,232,.7);font-size:.84rem;padding:44px 0 110px}
.lp-foot .lp-w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px 40px}
.lp-foot a{color:#f4f0e8;text-decoration:none;border-bottom:1px solid rgba(244,240,232,.25)}
.lp-foot .lp-logo{color:#f4f0e8;border:0}
.lp-foot .lp-logo span{color:var(--sand)}
.lp-foot p{margin:6px 0}
.lp-foot button{background:none;border:0;padding:0;font:inherit;color:#f4f0e8;border-bottom:1px solid rgba(244,240,232,.25);cursor:pointer}
/* barre mobile */
.lp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:10px 16px;display:none;align-items:center;justify-content:space-between;gap:12px;transform:translateY(105%);transition:transform .3s}
.lp-sticky.show{transform:none}
.lp-sticky span{font-size:.82rem;color:var(--muted)}.lp-sticky b{color:var(--ink)}
@media (max-width:900px){
  .lp-hero .lp-w,.lp-split{grid-template-columns:1fr}
  .lp-cols,.lp-steps,.lp-quotes,.lp-offers,.lp-compare{grid-template-columns:1fr}
  .lp-step{border-left:0;border-top:1px solid #d6cdbf;padding-left:0}.lp-step:first-child{border-top:0}
  .lp-offer{border-left:0;border-top:1px solid #d6cdbf}.lp-offer:first-child{border-top:0}
  .lp-band ul{grid-template-columns:1fr 1fr;row-gap:14px}.lp-band li:nth-child(3){border-left:0}
  .lp-note{min-width:0;font-size:.78rem;padding:9px 12px}.lp-note .ic{width:24px;height:24px}
  .lp-note.n1{left:-2%}.lp-note.n2{right:-2%}.lp-note.n3{left:-2%}
  .lp-sticky{display:flex}
  .lp-nav .lp-btn{display:none}
  .lp-actions .lp-btn{width:100%}
}
.lp-col h3,.lp-offer h3,.lp-faq summary{font-family:HKManrope,Manrope,Arial,sans-serif}
.lp-step h3{font-family:HKCormorant,serif}
@media (max-width:900px){.lp-btn{font-size:.72rem;letter-spacing:.07em;gap:14px;padding-left:18px;white-space:nowrap}.lp-btn b{width:34px;height:34px}}
@media (max-width:900px){.lp-note.n1{display:none}}

.lp-visual .lp-film{display:block;width:100%;max-width:400px;margin:0 auto;aspect-ratio:9/16;height:auto;object-fit:cover;border-radius:18px;background:#20223d;box-shadow:0 40px 80px -45px rgba(32,34,61,.55)}
@media (max-width:860px){.lp-visual .lp-film{max-width:300px}}

/* v68 : estimateur, garantie, contact écrit */
.lp-form .lp-est-t{margin:0 0 14px;font-size:1rem}
.lp-chips{border:0;padding:0;margin:0 0 16px}
.lp-chips legend{font-size:.8rem;font-weight:600;letter-spacing:.04em;margin-bottom:8px;padding:0}
.lp-chips label{display:inline-block;margin:0 6px 8px 0;font-weight:500;letter-spacing:0}
.lp-chips input{position:absolute;opacity:0;width:1px;height:1px}
.lp-chips span{display:inline-block;padding:9px 14px;border:1px solid #d6cdbf;border-radius:999px;font-size:.86rem;cursor:pointer;background:#fff;transition:background .15s,border-color .15s}
.lp-chips input:checked+span{background:#303b80;color:#fff;border-color:#303b80}
.lp-chips input:focus-visible+span{outline:2px solid #a8794b;outline-offset:2px}
.lp-est{background:#f4efe6;border-left:3px solid #303b80;padding:12px 14px;margin:0 0 18px}
.lp-est small{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#7a6a55}
.lp-est strong{display:block;font-size:1.35rem;margin:2px 0}
.lp-est span{font-size:.86rem;color:#4a514d}
.lp-guar{margin:12px 0 6px;font-size:.9rem;font-weight:600;color:#303b80}
.lp-contact{justify-content:center;flex-wrap:wrap;gap:12px}
.lp-help{margin-top:22px;font-size:.92rem}
.lp-help a{font-weight:600}
.lp-hero .lp-w>*{min-width:0}
.lp-shot img{max-width:100%;height:auto}
.lp-chips span{white-space:normal}

/* Finition editoriale des landing pages, palette HoteKit indigo / lilas. */
body.lp{--brown:#67529C;--sand:#E5DEF1;--ivory:#F4F1FA;--muted:#626477;--line:#DED7EB}
.lp-nav{border-bottom-color:#E7E2EF}
.lp-logo span{color:#67529C}
.lp-hero{background:linear-gradient(150deg,#fff 12%,#F4F1FA 100%)}
.lp h1{line-height:1.04;letter-spacing:-.05em}
.lp h1 em,.lp h2 em{color:#67529C;line-height:1.02}
.lp h2{line-height:1.08}
.lp-sec.dark h2 em{color:#E5DEF1}
.lp-btn{border-radius:4px;letter-spacing:.07em;min-height:54px}
.lp-btn:focus-visible{outline:3px solid #67529C;outline-offset:4px}
.lp-btn.light{background:#E5DEF1;color:#242D65!important}
.lp-btn.light:hover{background:#D9CFEA}
.lp-form,.lp-compare,.lp-offers,.tdb-cb,.tb-card{border-color:#DED7EB;border-radius:8px}
.lp-note{border-color:#DED7EB;border-radius:8px;animation:none}
.lp-est{background:#F4F1FA;border-left-color:#67529C}
.lp-est small{color:#67529C}
.lp-chips span{border-color:#DED7EB}
.lp-sec.dark{background:#303B80}
@media(max-width:700px){.lp h1{font-size:clamp(2.1rem,9vw,3.2rem)}.lp-btn{min-height:52px;white-space:normal;line-height:1.35}.lp-band ul{row-gap:14px}}

/* Le configurateur d'ouverture garde un titre compact et une tonalite lilas. */
.lp .kc-top{background:linear-gradient(145deg,#fff 0%,#F4F1FA 100%);padding:40px 0 48px}
.lp .kc-h1{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.14;letter-spacing:-.035em;max-width:28ch;margin:10px 0 22px;text-wrap:balance}
.lp .kc-kick{color:#67529C;letter-spacing:.12em}
.lp .kc-lead{font-size:1rem;line-height:1.75;margin-bottom:18px}
.lp .kc-bar{background:#EAE5F5}.lp .kc-bar div{background:#67529C}
.lp .kc-opt,.lp .kc-phone,.lp .kc-row{border-color:#DED7EB}.lp .kc-opt{border-radius:6px}
.lp .kc-opt:focus-visible,.lp .kc-in:focus{outline-color:#67529C}
@media(max-width:700px){.lp .kc-top{padding:28px 0 36px}.lp .kc-h1{font-size:clamp(1.9rem,7.8vw,2.6rem)}}

/* Confort sur telephone : cibles tactiles et espace pour la barre d'achat. */
@media(max-width:700px){
 body.lp{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
 .lp-nav .lp-w{gap:10px;padding-inline:16px}
 .lp-nav .lp-logo{font-size:1.25rem;flex-shrink:0}
 .lp-nav .lp-btn{min-height:44px;font-size:.66rem;padding-inline:12px;letter-spacing:.025em;gap:8px}
 .lp-sticky{flex-wrap:wrap;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:8px}
 .lp-sticky .lp-btn{width:auto;min-width:0;flex:1 1 110px;min-height:48px;justify-content:center;padding:10px 12px;line-height:1.35}
 .lp-sticky>span{flex:0 1 auto}
 .lp input,.lp select,.lp textarea{font-size:16px}
 .lp button,.lp summary,.kc-opt{min-height:44px}
 .lp .lp-w{overflow-wrap:anywhere}
 .lp .lp-actions{gap:12px}
}