/* ══════════════════════════════════════════════════════════
   AEY Service — Feuille de style partagée des pages service
   Réutilise le design system de la SPA (navy / gold / silver,
   Cormorant Garamond + Outfit). Ne PAS diverger de la charte.
   ══════════════════════════════════════════════════════════ */

:root{
  --navy:#07091a;--navy-mid:#0d1230;--navy-light:#151d45;
  --silver:#a8b4c0;--silver-light:#d4dde6;--silver-bright:#e8eef3;
  --white:#f8fafc;--gold:#c9a96e;--muted:#6b7a8d;
  --border:rgba(168,180,192,0.15);--border-b:rgba(168,180,192,0.3);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--navy);color:var(--white);font-family:'Outfit',sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.35;}
img{max-width:100%;height:auto;display:block;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 8vw;display:flex;align-items:center;justify-content:space-between;background:rgba(7,9,26,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(24px);}
.logo{font-family:'Cormorant Garamond',serif;font-size:2.1rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;color:var(--white);transition:opacity .35s;}
.logo:hover{opacity:.7;}
.logo em{color:var(--gold);font-style:normal;}
.nav-links{display:flex;gap:44px;align-items:center;}
.nav-links a{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--silver);text-decoration:none;font-weight:400;position:relative;padding-bottom:5px;transition:color .3s;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--gold);transition:width .38s cubic-bezier(.25,.46,.45,.94);}
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.nav-cta{border:1px solid rgba(201,169,110,.45)!important;padding:11px 26px;color:var(--gold)!important;letter-spacing:.18em!important;}
.nav-cta::after{display:none!important;}
.nav-cta:hover{background:var(--gold)!important;color:var(--navy)!important;border-color:var(--gold)!important;}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(7,9,26,.55);z-index:90;backdrop-filter:blur(3px);}
.nav-overlay.show{display:block;}
.burger{display:none;flex-direction:column;gap:6px;cursor:pointer;z-index:200;padding:4px;background:none;border:none;}
.burger span{width:26px;height:1px;background:var(--silver-light);transition:all .4s;}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.burger.open span:nth-child(2){opacity:0;transform:translateX(-10px);}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* PAGE HEADER */
.ph{padding:170px 8vw 90px;border-bottom:1px solid var(--border);position:relative;overflow:hidden;}
.ph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 90% at 75% 55%,rgba(13,18,48,.7) 0%,transparent 60%);}
.ph-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;}
.phi{position:relative;z-index:1;max-width:820px;}
.ph h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:300;line-height:1.1;margin-bottom:22px;}
.ph h1 em{font-style:italic;color:var(--silver-light);}
.ph .lead{font-size:.98rem;color:var(--silver);line-height:1.85;max-width:600px;}

/* BREADCRUMB */
.crumb{font-size:.63rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1;}
.crumb a{color:var(--muted);text-decoration:none;transition:color .3s;}
.crumb a:hover{color:var(--silver-light);}
.crumb span.sep{color:var(--border-b);}
.crumb span.cur{color:var(--silver);}

/* SECTIONS */
section{padding:90px 8vw;position:relative;z-index:1;}
.wrap{max-width:1100px;margin:0 auto;}
.wrap-narrow{max-width:820px;margin:0 auto;}
.stag{font-size:.63rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.stag::before{content:'';width:28px;height:1px;background:var(--gold);}
.stitle{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);font-weight:300;line-height:1.12;margin-bottom:18px;}
.stitle em{font-style:italic;color:var(--silver-light);}
h2{font-family:'Cormorant Garamond',serif;font-weight:300;}
h3{font-family:'Cormorant Garamond',serif;font-weight:400;}
.ssub{font-size:.94rem;color:var(--silver);max-width:600px;line-height:1.85;}
.divider{width:100%;height:1px;background:var(--border);}

/* PROSE */
.prose p{font-size:.95rem;color:var(--silver);line-height:1.9;margin-bottom:20px;max-width:760px;}
.prose p strong{color:var(--silver-light);font-weight:400;}
.prose h2{font-size:clamp(1.7rem,3vw,2.2rem);color:var(--white);margin:44px 0 18px;}
.prose h2:first-child{margin-top:0;}

/* FEATURE GRID (méthode / inclus) */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:36px;}
.feat{background:var(--navy-mid);padding:32px 28px;}
.feat-t{font-family:'Cormorant Garamond',serif;font-size:1.15rem;color:var(--white);margin-bottom:14px;}
.feat-ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.feat-ul li{font-size:.85rem;color:var(--silver);display:flex;align-items:flex-start;gap:9px;line-height:1.62;}
.feat-ul li::before{content:'—';color:rgba(168,180,192,.45);flex-shrink:0;}

/* MÉTHODE / ÉTAPES */
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;position:relative;}
.steps::before{content:'';position:absolute;top:36px;left:0;right:0;height:1px;background:var(--border);}
.step{padding:0 28px 0 0;position:relative;}
.step-n{width:72px;height:72px;border:1px solid var(--border-b);background:var(--navy);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--gold);margin-bottom:26px;}
.step-t{font-family:'Cormorant Garamond',serif;font-size:1.18rem;color:var(--white);margin-bottom:11px;}
.step-d{font-size:.83rem;color:var(--silver);line-height:1.78;}

/* IMAGE BLOCK */
.imgblock{margin-top:40px;border:1px solid var(--border);overflow:hidden;position:relative;}
.imgblock img{width:100%;height:auto;display:block;}

/* PRIX INDICATIF */
.pricebox{margin-top:40px;border:1px solid rgba(201,169,110,.28);background:rgba(201,169,110,.04);padding:32px 36px;display:flex;flex-wrap:wrap;align-items:center;gap:28px;justify-content:space-between;}
.pricebox .pb-l{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.pricebox .pb-v{font-family:'Cormorant Garamond',serif;font-size:2.2rem;color:var(--white);line-height:1;}
.pricebox .pb-v small{font-size:1rem;color:var(--silver);}
.pricebox .pb-note{font-size:.83rem;color:var(--silver);max-width:420px;line-height:1.7;}

/* FAQ ACCORDION */
.faq{margin-top:40px;border:1px solid var(--border);background:var(--border);display:flex;flex-direction:column;gap:1px;}
.acc{background:var(--navy);overflow:hidden;}
.acc-h{display:flex;align-items:center;gap:20px;padding:28px 32px;cursor:pointer;user-select:none;transition:background .3s;border:none;width:100%;text-align:left;background:transparent;color:inherit;font-family:inherit;}
.acc-h:hover{background:rgba(168,180,192,.05);}
.acc.open .acc-h{background:var(--navy-mid);}
.acc-q{flex:1;font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:var(--white);}
.acc-chevron{flex-shrink:0;width:9px;height:9px;border-right:1px solid var(--silver);border-bottom:1px solid var(--silver);transform:rotate(45deg) translateY(-2px);transition:transform .35s ease;}
.acc.open .acc-chevron{transform:rotate(-135deg) translateY(-2px);}
.acc-body{max-height:0;overflow:hidden;transition:max-height .5s ease;}
.acc.open .acc-body{max-height:600px;}
.acc-inner{padding:0 32px 30px;}
.acc-inner p{font-size:.9rem;color:var(--silver);line-height:1.8;}

/* CROSS-LINKS (services complémentaires) */
.xlinks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:40px;}
.xlink{background:var(--navy-mid);padding:34px 30px;text-decoration:none;display:flex;flex-direction:column;transition:background .35s;position:relative;overflow:hidden;}
.xlink::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
.xlink:hover{background:var(--navy-light);}
.xlink:hover::after{transform:scaleX(1);}
.xlink-sub{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.xlink-name{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--white);line-height:1.2;margin-bottom:10px;}
.xlink-d{font-size:.82rem;color:var(--silver);line-height:1.7;flex:1;}
.xlink-cta{margin-top:18px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}

/* BUTTONS */
.btn-p{display:inline-block;background:transparent;color:var(--white);padding:15px 38px;font-size:.73rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400;border:1px solid rgba(248,250,252,.3);transition:background .4s,color .4s,border-color .4s;text-decoration:none;cursor:pointer;font-family:'Outfit',sans-serif;}
.btn-p:hover{background:var(--white);color:var(--navy);border-color:var(--white);}
.btn-g{display:inline-block;color:var(--gold);padding:15px 0;font-size:.73rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400;border-bottom:1px solid transparent;transition:color .35s,border-color .35s;text-decoration:none;cursor:pointer;font-family:'Outfit',sans-serif;}
.btn-g:hover{color:var(--white);border-bottom-color:rgba(248,250,252,.25);}

/* CTA */
.cta{text-align:center;padding:80px 8vw;}
.cta .stag{justify-content:center;}
.cta .stitle{margin:0 auto 18px;}
.cta .ssub{margin:0 auto 40px;}

/* FOOTER */
footer{border-top:1px solid var(--border);padding:70px 8vw 50px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;}
.fl-logo{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;margin-bottom:30px;text-decoration:none;color:var(--white);}
.fl-logo em{color:var(--gold);font-style:normal;}
.fl-links{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;margin-bottom:36px;}
.fl-links a{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .3s;}
.fl-links a:hover{color:var(--silver-light);}
.fl-divider{width:1px;height:28px;background:var(--border);margin:0 auto 30px;}
.fl-signature{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.15rem;color:var(--silver-light);letter-spacing:.04em;margin-bottom:28px;}
.fl-copy{font-size:.66rem;color:var(--muted);letter-spacing:.12em;}

/* WHATSAPP */
.wa-btn{position:fixed;bottom:28px;right:28px;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:80;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:transform .3s,box-shadow .3s;text-decoration:none;}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.55);}
.wa-btn svg{width:27px;height:27px;fill:#fff;}

/* MOBILE */
@media(max-width:900px){
  nav{padding:16px 6vw;z-index:1000;}
  .nav-links{position:fixed;top:0;right:0;bottom:0;width:min(380px,88vw);background:rgba(7,9,26,.98);backdrop-filter:blur(28px);border-left:1px solid var(--border);flex-direction:column;justify-content:center;align-items:flex-start;padding:80px 10vw;gap:32px;z-index:1100;transform:translateX(100%);transition:transform .55s cubic-bezier(.25,.46,.45,.94);}
  .nav-links.open{transform:translateX(0);}
  .nav-links a{font-size:1.2rem;letter-spacing:.12em;color:var(--silver-light);}
  .nav-cta{display:inline-block!important;margin-top:6px;}
  .burger{display:flex;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
  .nav-overlay{z-index:990;}
  section{padding:60px 6vw;}
  .ph{padding:130px 6vw 60px;}
  .feats{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr 1fr;}
  .steps::before{display:none;}
  .step{margin-bottom:32px;}
  .xlinks{grid-template-columns:1fr;}
  .pricebox{flex-direction:column;align-items:flex-start;gap:18px;}
  footer{padding:56px 6vw 40px;}
  .fl-logo{font-size:2rem;letter-spacing:.24em;}
  .wa-btn{bottom:18px;right:18px;width:48px;height:48px;z-index:970;}
}