:root{--gold:#C9A84C;--gold-light:#E8C96A;--gold-pale:#F5E6B8;--dark:#0A0A0A;--dark2:#111111;--dark3:#1A1A1A;--dark4:#222222;--white:#F8F4EE;--grey:#888;--grey-light:#BBBBBB}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--dark);color:var(--white);font-family:'Josefin Sans',sans-serif;font-weight:300;overflow-x:hidden}

/* NAV */
.logo-link{text-decoration:none;display:inline-flex;align-items:center}
.logo-img{height:52px;width:auto;display:block;object-fit:contain}
nav{position:fixed;top:0;width:100%;z-index:1000;padding:18px 60px;display:flex;align-items:center;justify-content:space-between;transition:all .4s}
nav.scrolled{background:rgba(10,10,10,.97);backdrop-filter:blur(20px);padding:12px 60px}
.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--grey-light);text-decoration:none;transition:color .3s}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-cta{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--dark);background:var(--gold);padding:10px 22px;text-decoration:none;transition:background .3s}
.nav-cta:hover{background:var(--gold-light)}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.burger span{width:24px;height:1px;background:var(--white);transition:.3s}
.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,.98);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:32px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--grey-light);text-decoration:none}
.mobile-nav a:hover{color:var(--gold)}
.mobile-close{position:absolute;top:24px;right:28px;font-size:22px;color:var(--grey);cursor:pointer;background:none;border:none}

/* HERO */
#hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0A0A0A 0%,#0F0E09 55%,#171308 100%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(201,168,76,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.03) 1px,transparent 1px);background-size:80px 80px}
.hero-glow{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(201,168,76,.06) 0%,transparent 65%);top:-10%;right:-5%;pointer-events:none}
.hero-line{position:absolute;top:0;right:16%;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(201,168,76,.18),transparent);transform:skewX(-8deg)}
.hero-content{position:relative;z-index:2;max-width:1300px;margin:0 auto;padding:140px 60px 100px;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.hero-eyebrow{font-size:10px;letter-spacing:6px;color:var(--gold);text-transform:uppercase;margin-bottom:28px;display:flex;align-items:center;gap:16px;opacity:0;animation:fadeUp .8s .2s forwards}
.hero-eyebrow::before{content:'';width:36px;height:1px;background:var(--gold)}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(48px,6vw,86px);font-weight:300;line-height:.98;opacity:0;animation:fadeUp .8s .4s forwards}
.hero-title em{font-style:italic;color:var(--gold)}
.hero-subtitle{font-size:15px;line-height:1.9;color:var(--grey-light);max-width:520px;margin:28px 0 44px;opacity:0;animation:fadeUp .8s .6s forwards;font-style:italic}
.hero-actions{display:flex;gap:22px;align-items:center;opacity:0;animation:fadeUp .8s .8s forwards;flex-wrap:wrap}
.hero-right{opacity:0;animation:fadeIn 1s .5s forwards;display:flex;flex-direction:column;gap:0}
.hero-photo img{width:100%;height:auto;display:block;object-fit:contain}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:3px}
.hstat{background:rgba(201,168,76,.07);padding:18px 20px}
.hstat-num{font-family:'Bebas Neue',sans-serif;font-size:36px;color:var(--gold);line-height:1;display:block}
.hstat-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--grey);margin-top:3px;display:block}
.hero-badges{margin-top:3px;display:flex;flex-direction:column;gap:3px}
.badge{background:rgba(201,168,76,.05);padding:11px 16px;display:flex;align-items:center;gap:10px}
.badge-dot{width:6px;height:6px;background:var(--gold);flex-shrink:0}
.badge-text{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-pale)}

/* BUTTONS */
.btn-gold{font-family:'Josefin Sans',sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--dark);background:var(--gold);padding:14px 32px;text-decoration:none;display:inline-block;transition:background .3s}
.btn-gold:hover{background:var(--gold-light)}
.btn-ghost{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--grey-light);text-decoration:none;border-bottom:1px solid rgba(201,168,76,.35);padding-bottom:3px;transition:color .3s}
.btn-ghost:hover{color:var(--gold)}
.btn-outline{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);text-decoration:none;border:1px solid rgba(201,168,76,.4);padding:13px 28px;display:inline-block;transition:all .3s}
.btn-outline:hover{border-color:var(--gold);background:rgba(201,168,76,.08)}

/* SECTIONS */
section{padding:100px 60px}
.container{max-width:1300px;margin:0 auto}
.stag{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:14px}
.stag::before{content:'';width:28px;height:1px;background:var(--gold)}
.stag.center{justify-content:center}
.stag.center::before{display:none}
.stitle{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,3.6vw,56px);font-weight:300;line-height:1.05;margin-bottom:18px}
.stitle em{font-style:italic;color:var(--gold)}
.sdivider{width:52px;height:1px;background:var(--gold);margin-bottom:46px}
.sdivider.center{margin:16px auto 0}

/* PROBLEM */
#probleme{background:var(--dark2)}
.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.prob-text p{font-size:15px;line-height:2;color:var(--grey-light);margin-bottom:18px}
.prob-cards{display:flex;flex-direction:column;gap:4px}
.prob-card{background:rgba(201,168,76,.04);padding:24px 28px;border-left:2px solid transparent;transition:all .3s}
.prob-card:hover{background:rgba(201,168,76,.09);border-left-color:var(--gold)}
.prob-card h3{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;margin-bottom:8px}
.prob-card p{font-size:13px;color:var(--grey);line-height:1.8}

/* COACHING OFFER */
#coaching{background:var(--dark)}
.coaching-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.coaching-list{display:flex;flex-direction:column;gap:4px;margin-top:32px}
.coaching-item{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:var(--dark3);transition:background .3s}
.coaching-item:hover{background:var(--dark4)}
.ci-check{width:28px;height:28px;background:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;color:var(--dark);font-weight:700}
.ci-text h4{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--white);margin-bottom:4px}
.ci-text p{font-size:12px;color:var(--grey);line-height:1.7}
.coaching-right{display:flex;flex-direction:column;gap:3px}
.coaching-pillar{background:rgba(201,168,76,.05);padding:26px 24px;border-top:1px solid rgba(201,168,76,.12);transition:all .3s}
.coaching-pillar:hover{background:rgba(201,168,76,.1)}
.cp-num{font-family:'Bebas Neue',sans-serif;font-size:42px;color:rgba(201,168,76,.15);line-height:1;display:block;margin-bottom:6px}
.cp-title{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;margin-bottom:6px}
.cp-desc{font-size:12px;color:var(--grey);line-height:1.8}

/* METHOD */
#methode{background:linear-gradient(150deg,#0D0C08,#181408 50%,#0A0A0A);position:relative;overflow:hidden}
#methode::before{content:'CLAIR';position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:'Bebas Neue',sans-serif;font-size:220px;color:rgba(201,168,76,.025);pointer-events:none;line-height:1}
.methode-header{text-align:center;max-width:640px;margin:0 auto 64px}
.methode-header p{font-size:14px;line-height:2;color:var(--grey-light);margin-top:16px}
.clair-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
.clair-step{background:rgba(201,168,76,.04);padding:36px 24px;text-align:center;position:relative;transition:all .4s;cursor:default}
.clair-step::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .4s}
.clair-step:hover::after{transform:scaleX(1)}
.clair-step:hover{background:rgba(201,168,76,.1);transform:translateY(-4px)}
.cs-letter{font-family:'Bebas Neue',sans-serif;font-size:72px;color:var(--gold);opacity:.3;line-height:1;display:block;transition:opacity .3s}
.clair-step:hover .cs-letter{opacity:.9}
.cs-title{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;margin:10px 0 8px}
.cs-desc{font-size:11px;color:var(--grey);line-height:1.8}

/* SEANCES */
#seances{background:var(--dark2)}
.seances-header{text-align:center;max-width:640px;margin:0 auto 64px}
.seances-header p{font-size:14px;line-height:2;color:var(--grey-light);margin-top:16px}
.seances-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.seance-card{background:var(--dark3);padding:40px 32px;position:relative;overflow:hidden;transition:all .3s}
.seance-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--gold);transition:height .4s}
.seance-card:hover::before{height:100%}
.seance-card:hover{background:var(--dark4)}
.sc-num{font-family:'Bebas Neue',sans-serif;font-size:56px;color:rgba(201,168,76,.08);line-height:1;display:block;margin-bottom:8px}
.sc-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;display:block}
.sc-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;margin-bottom:12px}
.sc-desc{font-size:13px;color:var(--grey);line-height:1.8}

/* POUR QUI */
#pourqui{background:var(--dark)}
.pq-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.pq-list{display:flex;flex-direction:column;gap:4px;margin-top:32px}
.pq-item{display:flex;align-items:center;gap:16px;padding:18px 24px;background:var(--dark3);transition:all .3s}
.pq-item:hover{background:var(--dark4);transform:translateX(6px)}
.pq-arrow{color:var(--gold);font-size:16px;flex-shrink:0}
.pq-item span{font-size:14px;color:var(--grey-light);line-height:1.6}
.pq-cta{margin-top:36px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}

/* RESULTATS */
#resultats{background:var(--dark2)}
.res-header{text-align:center;max-width:640px;margin:0 auto 64px}
.res-header p{font-size:14px;line-height:2;color:var(--grey-light);margin-top:16px}
.res-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
.res-card{background:rgba(201,168,76,.04);padding:36px 24px;text-align:center;transition:all .4s;position:relative;overflow:hidden}
.res-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(201,168,76,.06));opacity:0;transition:opacity .3s}
.res-card:hover::after{opacity:1}
.res-card:hover{transform:translateY(-4px)}
.rc-icon{font-size:28px;margin-bottom:16px;display:block}
.rc-title{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;margin-bottom:8px}
.rc-desc{font-size:11px;color:var(--grey);line-height:1.8}

/* CREDIBILITE */
#credibilite{background:var(--dark)}
.cred-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;align-items:start}
.about-text p{font-size:14px;line-height:2;color:var(--grey-light);margin-bottom:18px}
.certif-list{margin-top:40px;display:flex;flex-direction:column;gap:4px}
.certif-item{background:rgba(201,168,76,.05);padding:20px 24px;display:flex;gap:16px;align-items:flex-start;transition:background .3s}
.certif-item:hover{background:rgba(201,168,76,.1)}
.certif-icon{width:46px;height:46px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:10px;color:var(--dark);flex-shrink:0;text-align:center;line-height:1.3}
.certif-org{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.certif-name{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;margin-bottom:4px}
.certif-info{font-size:12px;color:var(--grey);line-height:1.6}
.cred-right{display:flex;flex-direction:column;gap:3px}
.about-photo-main{position:relative}
.about-photo-main img{width:100%;height:auto;display:block;object-fit:contain}
.about-photo-accent{position:absolute;top:0;left:0;width:4px;height:60%;background:linear-gradient(to bottom,var(--gold),transparent)}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:3px 0}
.pillar{background:var(--dark3);padding:24px 20px;transition:background .3s}
.pillar:hover{background:var(--dark4)}
.pillar-icon{font-size:20px;margin-bottom:9px;display:block}
.pillar-name{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:600;margin-bottom:5px}
.pillar-desc{font-size:11px;color:var(--grey);line-height:1.7}

/* PARTNERS */
#partenaires{background:var(--dark2);padding:80px 60px}
.scroll-band{overflow:hidden;position:relative;margin-top:52px}
.scroll-band::before{content:'';position:absolute;left:0;top:0;bottom:0;width:80px;background:linear-gradient(to right,var(--dark2),transparent);z-index:2;pointer-events:none}
.scroll-band::after{content:'';position:absolute;right:0;top:0;bottom:0;width:80px;background:linear-gradient(to left,var(--dark2),transparent);z-index:2;pointer-events:none}
.scroll-track{display:flex;width:max-content;animation:slide 40s linear infinite}
.scroll-track:hover{animation-play-state:paused}
@keyframes slide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.logo-slide{display:flex;align-items:center;justify-content:center;padding:0 28px;height:80px;min-width:130px}
.logo-slide img{max-height:50px;max-width:120px;width:auto;height:auto;object-fit:contain;opacity:.75;transition:opacity .3s}
.logo-slide:hover img{opacity:1}

/* QUOTE */
.quote-wrap{background:var(--dark3);padding:90px 60px;text-align:center;position:relative;overflow:hidden}
.quote-wrap::before{content:'"';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'Cormorant Garamond',serif;font-size:440px;line-height:1;color:rgba(201,168,76,.025);pointer-events:none}
.quote-inner{position:relative;z-index:1}
.quote-text{font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.5vw,31px);font-weight:300;font-style:italic;line-height:1.65;max-width:880px;margin:0 auto 26px}
.quote-sig{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;justify-content:center;gap:14px}
.quote-sig::before,.quote-sig::after{content:'';width:34px;height:1px;background:var(--gold)}

/* CONTACT */
#contact{background:var(--dark)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.contact-intro p{font-size:14px;line-height:2;color:var(--grey-light);margin-bottom:38px}
.contact-items{display:flex;flex-direction:column;gap:4px;margin-bottom:28px}
.citem{background:var(--dark3);padding:14px 18px;display:flex;align-items:center;gap:14px;transition:background .3s;text-decoration:none}
.citem:hover{background:var(--dark4)}
.citem-icon{width:34px;height:34px;background:rgba(201,168,76,.1);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.citem-label{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1px}
.citem-val{font-size:13px;color:var(--white)}
.social-btns{display:flex;gap:4px;flex-wrap:wrap}
.sbtn{flex:1;min-width:80px;height:44px;background:var(--dark3);display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--grey);text-decoration:none;transition:all .3s}
.sbtn:hover{background:rgba(201,168,76,.1);color:var(--gold)}
.sbtn.whatsapp{background:rgba(37,211,102,.08);color:#25d366}
.sbtn.whatsapp:hover{background:rgba(37,211,102,.18)}
.cform{display:flex;flex-direction:column;gap:14px}
.crow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cfield{display:flex;flex-direction:column;gap:6px}
.cfield label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--grey)}
.cfield input,.cfield select,.cfield textarea{background:var(--dark3);border:none;outline:none;color:var(--white);padding:13px 14px;font-family:'Josefin Sans',sans-serif;font-size:13px;font-weight:300;resize:none;appearance:none;transition:background .3s}
.cfield input:focus,.cfield select:focus,.cfield textarea:focus{background:var(--dark4)}
.cfield textarea{height:96px}
.cfield select{cursor:pointer}
.csubmit{font-family:'Josefin Sans',sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--dark);background:var(--gold);padding:14px;border:none;cursor:pointer;transition:background .3s;width:100%}
.csubmit:hover{background:var(--gold-light)}
.cform-note{font-size:11px;line-height:1.7;color:var(--grey);margin-top:10px;text-align:center}

/* FOOTER */
footer{background:#050505;padding:52px 60px 30px}
.footer-top{max-width:1300px;margin:0 auto 40px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px}
.footer-brand p{font-size:12px;line-height:1.9;color:var(--grey);margin-top:14px;max-width:270px}
.footer-col-title{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.footer-nav{display:flex;flex-direction:column;gap:10px}
.footer-nav a{font-size:12px;color:var(--grey);text-decoration:none;transition:color .3s}
.footer-nav a:hover{color:var(--gold)}
.footer-info{display:flex;flex-direction:column;gap:10px}
.footer-info span{font-size:12px;color:var(--grey)}
.footer-bottom{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding-top:26px;border-top:1px solid rgba(201,168,76,.08)}
.footer-copy{font-size:10px;color:rgba(136,136,136,.5)}
.footer-socials{display:flex;gap:8px}
.footer-socials a{width:32px;height:32px;background:var(--dark3);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--grey);text-decoration:none;transition:all .3s}
.footer-socials a:hover{background:rgba(201,168,76,.1);color:var(--gold)}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* RESPONSIVE */
@media(max-width:1024px){
.hero-content{grid-template-columns:1fr;padding:120px 28px 60px;gap:40px}
.clair-steps{grid-template-columns:repeat(3,1fr)}
.res-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:960px){
nav{padding:16px 24px}
nav.scrolled{padding:11px 24px}
.nav-links,.nav-cta{display:none}
.burger{display:flex}
section,#partenaires{padding:66px 24px}
.quote-wrap{padding:66px 24px}
footer{padding:44px 24px 24px}
.prob-grid,.coaching-grid,.pq-grid,.cred-grid,.contact-grid{grid-template-columns:1fr;gap:36px}
.pillars,.crow{grid-template-columns:1fr}
.clair-steps{grid-template-columns:repeat(2,1fr)}
.seances-grid{grid-template-columns:1fr 1fr}
.res-grid{grid-template-columns:repeat(2,1fr)}
.footer-top{grid-template-columns:1fr;gap:30px}
.footer-bottom{flex-direction:column;gap:14px;text-align:center}
}
@media(max-width:560px){
.clair-steps,.seances-grid,.res-grid{grid-template-columns:1fr}
.hero-actions{flex-direction:column;align-items:flex-start}
}
