/* Méthode EVA — feuille de style. Couleurs modifiables dans :root. */
@font-face{font-family:"Cormorant Garamond";font-weight:500;src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;src:url(fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Inter";font-weight:400;src:url(fonts/inter-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Inter";font-weight:600;src:url(fonts/inter-latin-600-normal.woff2) format("woff2");font-display:swap}
:root{--bg:#05070C;--bg2:#0A1220;--tx:#F3F5F9;--mut:#A9B4C6;--ac:#7FAAE6;--ac2:#A5C4F0;--line:rgba(127,170,230,.28);--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 1.0625rem/1.7 var(--sans)}
img{max-width:100%;height:auto;display:block}a{color:var(--ac2)}
a:hover{color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--ac);color:var(--bg);padding:8px 14px;z-index:9}
.w{max-width:1120px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;margin:0 0 .6em}
h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.75rem}p{margin:0 0 1.1em;max-width:68ch}
.sec{padding:clamp(72px,10vw,128px) 0}.alt{background:var(--bg2)}
.btn{display:inline-block;padding:.85rem 1.6rem;border:1px solid var(--ac);color:var(--tx);text-decoration:none;font-weight:600;font-size:.98rem;background:none;cursor:pointer;font-family:inherit}
.btn:hover{background:rgba(127,170,230,.14);color:#fff}.btn.p{background:var(--ac);color:var(--bg)}.btn.p:hover{background:var(--ac2);color:var(--bg)}
/* En-tête */
.hd{position:sticky;top:0;z-index:5;background:rgba(5,7,12,.94);border-bottom:1px solid var(--line)}
.hd .w{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.hd img{height:54px;width:auto;mix-blend-mode:lighten}
.hd ul{display:flex;gap:6px 24px;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:.92rem}.hd a{color:var(--mut);text-decoration:none}.hd a:hover{color:#fff}
/* Hero */
.hero{position:relative;overflow:hidden;padding:clamp(56px,8vw,104px) 0}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 70% at 78% 40%,rgba(127,170,230,.17),transparent 70%)}
.hero .w{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(32px,6vw,72px);align-items:center}
.sur{font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.5;letter-spacing:.08em;color:var(--ac);font-weight:600;margin:0 0 .5em}.sur2{color:var(--mut);font-weight:600;font-size:1.05rem;margin-bottom:1.6em}
.hero h1{font-size:clamp(2.5rem,5.4vw,4.5rem);letter-spacing:-.01em}
.q{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.35;margin:1.4em 0 .4em;max-width:30ch}
.hero .lead{color:var(--mut)}.btns{display:flex;gap:14px;flex-wrap:wrap;margin:1.8em 0}
.base{font-size:.95rem;color:var(--mut);border-top:1px solid var(--line);padding-top:1.1em;max-width:60ch}
.hero img{justify-self:end;width:100%;max-width:390px;-webkit-mask-image:radial-gradient(ellipse 72% 78% at 50% 46%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 72% 78% at 50% 46%,#000 55%,transparent 100%)}
/* Section 2 */
.acc{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.3;max-width:34ch;margin-bottom:1.2em}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin:2.5em 0}
.cmp>div{padding:clamp(20px,3vw,36px);border-top:1px solid var(--line)}.cmp .eva{border-top:2px solid var(--ac);background:rgba(127,170,230,.06)}
.cmp h3{font-size:1.5rem}.cmp .cl h3,.cmp .cl li{color:var(--mut)}.cmp ul{list-style:none;margin:0;padding:0}.cmp li{padding:.8em 0;border-top:1px solid rgba(169,180,198,.15)}
.trans{font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,1.8rem);line-height:1.4;max-width:46ch;margin:0}
/* Section 3 */
.offers{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:2.5em}
.offers article{border-top:2px solid var(--ac);padding-top:1.6em}.offers .idl{color:var(--mut)}
.price{font-family:var(--serif);font-size:2.6rem;line-height:1;margin:1.2em 0 .7em;color:var(--tx)}.price span{font-size:1rem;font-family:var(--sans);color:var(--mut)}
/* Section 4 */
.fond{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:start}
.fond figure{margin:0}.fond figure img{border:1px solid var(--line)}.fond figcaption{margin-top:1.2em}.fond figcaption strong{font-family:var(--serif);font-size:1.9rem;font-weight:500;display:block}
.fond figcaption span{display:block;color:var(--mut)}
.pil{padding:0 0 1.6em;margin-bottom:1.6em;border-bottom:1px solid var(--line)}.pil:last-child{border:0;margin:0}
/* Section 5 */
.tem{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px);margin-top:2.5em}
.tem figure{margin:0;border-top:1px solid var(--line);padding-top:1.4em}.tem h3{font-size:1.35rem}
.tem blockquote{margin:0 0 1em;font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.45}.tem figcaption{color:var(--mut);font-size:.95rem}.auth{margin-top:2.5em;color:var(--mut);font-size:.9rem}
/* FAQ */
details{border-top:1px solid var(--line)}details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:1.3em 2.2em 1.3em 0;font-family:var(--serif);font-size:1.4rem;line-height:1.3;position:relative}
summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;top:1.05em;color:var(--ac);font-size:1.6rem;transition:transform .2s}
details[open] summary:after{transform:rotate(45deg)}details p{padding-bottom:.4em}
/* Pied de page */
.ft{background:var(--bg);border-top:1px solid var(--line)}
.ct{padding:clamp(64px,8vw,104px) 0 clamp(40px,6vw,64px)}
form{display:grid;gap:18px;max-width:640px}label{display:block;font-size:.92rem;color:var(--mut);margin-bottom:6px}
input,select,textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--tx);font:inherit;padding:.8rem 1rem;border-radius:0}
select option{background:var(--bg2)}.chk{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--mut)}.chk input{width:auto;margin-top:.35em}
.hp{position:absolute;left:-9999px}#st{min-height:1.6em;margin:0}
.cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:clamp(24px,4vw,48px);padding:48px 0;border-top:1px solid var(--line);font-size:.95rem}
.cols h2{font-size:1.5rem;margin-bottom:.5em}.cols h3{font-size:1.1rem;font-family:var(--sans);font-weight:600;margin-bottom:.8em}
.cols ul{list-style:none;margin:0;padding:0}.cols li{margin-bottom:.55em}.cols p{color:var(--mut);margin-bottom:.7em}
.bas{border-top:1px solid var(--line);padding:24px 0 40px;color:var(--mut);font-size:.88rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.bas p{margin:0}
.leg{padding:64px 0}.leg h1{font-size:2.4rem}
@media(max-width:860px){.hero .w,.cmp,.offers,.fond,.tem,.cols{grid-template-columns:1fr}.hero img{justify-self:start;max-width:320px;order:-1}.hd img{height:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}summary:after{transition:none}}

/* Version allégée */
details.more{border:0;margin:0 0 1.6em}details.more:last-of-type{border:0}
details.more>summary{font:600 .95rem var(--sans);color:var(--ac2);padding:.4em 2em .4em 0;display:inline-block}
details.more>summary:after{position:static;margin-left:.5em;font-size:1.1rem}
details.more[open]>summary{margin-bottom:1em}
.offers details.more{margin-top:1.4em}
details.pil{border-top:1px solid var(--line);border-bottom:0;padding:0;margin:0}details.pil:last-of-type{border-bottom:1px solid var(--line)}
.pil summary{font-size:1.65rem}
.hero .lead{font-size:.95rem;max-width:52ch}
.tem{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:clamp(24px,4vw,56px);padding-bottom:20px}
.tem figure{flex:0 0 min(88%,560px);scroll-snap-align:start}.tem blockquote{font-size:clamp(1.35rem,2.4vw,1.75rem)}
@keyframes lum{from{opacity:0}to{opacity:1}}
.hero:before{animation:lum 2.2s ease-out both}.hero img{animation:lum 2.2s ease-out .3s both}
@media(prefers-reduced-motion:reduce){.hero:before,.hero img{animation:none}}

/* Phrase de transition : conclusion centrée, filet bleu, sans gras */
.trans{font-family:var(--serif);font-weight:500;font-size:clamp(1.3rem,2.1vw,1.7rem);line-height:1.45;max-width:44ch;margin:clamp(48px,7vw,88px) auto 0;text-align:center}
.trans:before{content:"";display:block;width:56px;height:1px;background:var(--ac);margin:0 auto 1.5em}
.trans strong{font-weight:500}