/* ══════════════════════════════════════════
   KALIA ACCOMPAGNEMENT — shared.css v2
   ══════════════════════════════════════════ */

/* ── RESET ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; color: #1a2332; background: #fff; -webkit-font-smoothing: antialiased; }

/* ── VARIABLES ── */
:root {
  --navy:    #061B3B;
  --navy2:   #0A2958;
  --teal:    #2CCBC1;
  --teal-d:  #22a49b;
  --white:   #ffffff;
  --grey-bg: #F5F7FA;
  --grey-bd: #e8ecf2;
  --grey-tx: #5E6877;
  --radius:  14px;
  --radius-lg: 20px;
}

/* ── TYPE ── */
h1,h2,h3,h4,.logo { font-family: 'Manrope', sans-serif; font-weight: 800; }
h1 { font-size: clamp(2.1rem,5vw,3.6rem); line-height:1.1; letter-spacing:-.02em; }
h2 { font-size: clamp(1.6rem,3vw,2.3rem); line-height:1.2; letter-spacing:-.015em; }
h3 { font-size:1.15rem; line-height:1.3; }
h4 { font-size:.97rem; line-height:1.3; font-weight:700; }
p  { line-height:1.72; color:var(--grey-tx); }
a  { text-decoration:none; }

/* ── LAYOUT ── */
.container { max-width:1160px; margin:0 auto; padding:0 32px; }
section    { padding:96px 0; }

/* ── NAV ── */
#navbar {
  position:fixed; top:0; left:0; right:0; z-index:200;
  background:rgba(6,27,59,.95); backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(44,203,193,.12);
  transition:box-shadow .3s;
}
.nav-inner { max-width:1160px; margin:0 auto; padding:0 32px; height:66px; display:flex; align-items:center; justify-content:space-between; }
.logo      { font-family:'Manrope',sans-serif; font-weight:800; color:#fff; font-size:1.25rem; letter-spacing:.13em; }
.logo span { display:block; font-size:.52rem; font-weight:600; letter-spacing:.28em; color:var(--teal); margin-top:2px; }
.nav-links { display:flex; align-items:center; gap:32px; list-style:none; }
.nav-links a { color:rgba(255,255,255,.72); font-size:.85rem; font-weight:500; letter-spacing:.03em; transition:color .2s; }
.nav-links a:hover { color:#fff; }
.nav-cta { background:var(--teal) !important; color:var(--navy) !important; padding:9px 20px; border-radius:8px; font-weight:700 !important; transition:background .2s !important; }
.nav-cta:hover { background:var(--teal-d) !important; }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
.hamburger span { width:24px; height:2px; background:#fff; border-radius:2px; transition:all .3s; }

/* ── BUTTONS ── */
.btn { display:inline-flex; align-items:center; gap:9px; padding:13px 26px; border-radius:10px; font-family:'Inter',sans-serif; font-weight:600; font-size:.9rem; cursor:pointer; border:none; transition:all .22s; letter-spacing:.02em; white-space:nowrap; }
.btn-primary     { background:var(--teal); color:var(--navy); }
.btn-primary:hover { background:var(--teal-d); transform:translateY(-1px); box-shadow:0 8px 24px rgba(44,203,193,.3); }
.btn-outline     { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.4); }
.btn-outline:hover { border-color:var(--teal); color:var(--teal); transform:translateY(-1px); }
.btn-outline-navy { background:transparent; color:var(--navy); border:1.5px solid var(--navy); }
.btn-outline-navy:hover { background:var(--navy); color:#fff; transform:translateY(-1px); }
.btn-navy        { background:var(--navy); color:#fff; }
.btn-navy:hover  { background:var(--navy2); transform:translateY(-1px); }
.full-width      { width:100%; justify-content:center; margin-top:22px; }

/* ── HERO ── */
#hero { min-height:100vh; display:flex; align-items:center; position:relative; overflow:hidden; padding:0; }
.hero-bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(105deg,rgba(6,27,59,.92) 0%,rgba(6,27,59,.7) 50%,rgba(6,27,59,.2) 100%); }
.hero-content { position:relative; z-index:2; padding:120px 0 80px; max-width:640px; }
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(44,203,193,.12); border:1px solid rgba(44,203,193,.3); color:var(--teal); padding:7px 16px; border-radius:100px; font-size:.75rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; margin-bottom:28px; }
.hero-badge::before { content:''; width:6px; height:6px; background:var(--teal); border-radius:50%; }
.hero-title { color:#fff; margin-bottom:24px; }
.hero-title .accent { color:var(--teal); }
.hero-text { color:rgba(255,255,255,.72); font-size:1.02rem; max-width:500px; margin-bottom:40px; line-height:1.8; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; }
.hero-scroll { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; z-index:2; color:rgba(255,255,255,.35); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; }
.hero-scroll-line { width:1px; height:38px; background:linear-gradient(to bottom,rgba(44,203,193,.6),transparent); animation:pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:.3} 50%{opacity:1} }

/* ── TRUST BAR ── */
.trust-bar { padding:24px 0; background:var(--grey-bg); border-top:1px solid var(--grey-bd); border-bottom:1px solid var(--grey-bd); }
.trust-inner { display:flex; align-items:center; justify-content:center; gap:44px; flex-wrap:wrap; }
.trust-item { display:flex; align-items:center; gap:10px; font-size:.83rem; font-weight:600; color:var(--navy2); }
.trust-icon { width:30px; height:30px; background:rgba(44,203,193,.1); border-radius:7px; display:flex; align-items:center; justify-content:center; }
.trust-sep { width:1px; height:26px; background:var(--grey-bd); }

/* ── SECTION LABEL ── */
.section-label { display:inline-flex; align-items:center; gap:10px; font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--teal); margin-bottom:16px; }
.section-label::before { content:''; width:18px; height:1.5px; background:var(--teal); }
.section-label.light { color:var(--teal); }

/* ── SECTION HEADER ── */
.section-header { text-align:center; margin-bottom:56px; }
.section-header h2 { color:var(--navy); margin-bottom:14px; }
.section-header.light h2 { color:#fff; }
.section-header p { color:var(--grey-tx); max-width:560px; margin:0 auto; font-size:.97rem; }
.section-header.light p { color:rgba(255,255,255,.6); }
.section-header .section-label { justify-content:center; }

/* ── TWO COLUMN ── */
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.visual-block { position:relative; border-radius:var(--radius-lg); overflow:hidden; }
.visual-block img { width:100%; height:480px; object-fit:cover; display:block; }
.visual-badge { position:absolute; bottom:24px; left:24px; background:rgba(6,27,59,.88); backdrop-filter:blur(10px); border:1px solid rgba(44,203,193,.25); border-radius:12px; padding:14px 20px; }
.vb-num { font-family:'Manrope',sans-serif; font-weight:800; font-size:2rem; color:var(--teal); }
.vb-label { font-size:.75rem; color:rgba(255,255,255,.65); margin-top:3px; }
.visual-quote { position:absolute; bottom:0; left:0; right:0; padding:28px; background:linear-gradient(to top,rgba(6,27,59,.75),transparent); }
.visual-quote p { color:#fff; font-size:1rem; line-height:1.6; }
.visual-quote strong { color:var(--teal); }
.text-block h2 { color:var(--navy); margin-bottom:18px; }
.text-block p { margin-bottom:16px; font-size:.96rem; }

/* ── CHECK LIST ── */
.check-list { margin:24px 0 30px; display:flex; flex-direction:column; gap:13px; }
.check-item { display:flex; align-items:flex-start; gap:11px; font-size:.92rem; color:#2d3a4e; }
.check-icon { width:21px; height:21px; background:rgba(44,203,193,.13); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px; }
.check-icon svg { width:11px; height:11px; }

/* ── DARK SECTION ── */
.section-dark { background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%); padding:96px 0; position:relative; overflow:hidden; }
.section-dark h2 { color:#fff; }

/* ── REPÈRE ── */
.repere-bg-text { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:'Manrope',sans-serif; font-weight:800; font-size:clamp(5rem,13vw,13rem); color:rgba(255,255,255,.025); letter-spacing:.3em; white-space:nowrap; pointer-events:none; }
.repere-word { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:2px; margin-bottom:56px; position:relative; z-index:2; }
.repere-word span { font-family:'Manrope',sans-serif; font-weight:800; font-size:clamp(2.5rem,5.5vw,4.5rem); color:#fff; line-height:1; }
.repere-word em { font-style:normal; font-size:clamp(1.2rem,2vw,2rem); color:var(--teal); margin:0 6px; align-self:center; }
.repere-steps { display:grid; grid-template-columns:repeat(6,1fr); gap:2px; position:relative; z-index:2; }
.repere-step { padding:24px 18px; border-top:2px solid rgba(255,255,255,.07); transition:border-color .2s; }
.repere-step:hover { border-top-color:var(--teal); }
.step-num-badge { font-size:.65rem; font-weight:700; color:var(--teal); letter-spacing:.12em; text-transform:uppercase; margin-bottom:9px; }
.rs-title { font-family:'Manrope',sans-serif; font-weight:700; color:#fff; font-size:.93rem; margin-bottom:9px; }
.rs-text { font-size:.8rem; color:rgba(255,255,255,.5); line-height:1.6; }

/* ── CARDS GRID ── */
.cards-grid { display:grid; gap:22px; }
.three-col { grid-template-columns:repeat(3,1fr); }
.four-col  { grid-template-columns:repeat(4,1fr); }
.two-grid  { grid-template-columns:repeat(2,1fr); }

/* ── CARD ── */
.card { background:#fff; border-radius:var(--radius-lg); padding:34px 30px; border:1px solid var(--grey-bd); transition:all .25s; position:relative; overflow:hidden; }
.card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--teal); transform:scaleX(0); transform-origin:left; transition:transform .3s; }
.card:hover { box-shadow:0 18px 56px rgba(6,27,59,.09); transform:translateY(-3px); }
.card:hover::before { transform:scaleX(1); }
.card-featured { background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%); border-color:transparent; }
.card-featured::before { background:var(--teal); }
.card-featured h3 { color:#fff; }
.card-featured p { color:rgba(255,255,255,.6); }
.card-icon { width:46px; height:46px; border-radius:11px; display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.card-icon.light { background:rgba(44,203,193,.11); }
.card-icon.dark  { background:rgba(44,203,193,.15); }
.card-tag { font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--teal); margin-bottom:7px; }
.card h3 { color:var(--navy); margin-bottom:10px; }
.card p  { font-size:.87rem; line-height:1.65; }
.card-price { margin:18px 0 0; }
.price-main { font-family:'Manrope',sans-serif; font-weight:800; font-size:2rem; color:var(--navy); }
.card-featured .price-main { color:var(--teal); }
.price-old { font-size:.85rem; color:#aaa; text-decoration:line-through; margin-left:7px; }
.price-note { font-size:.78rem; color:var(--grey-tx); margin-top:4px; }
.card-featured .price-note { color:rgba(255,255,255,.45); }

/* ── PROCESS LIST ── */
.process-list { display:flex; flex-direction:column; gap:0; margin-top:28px; }
.proc-item { display:flex; gap:18px; padding:20px 0; border-bottom:1px solid var(--grey-bd); }
.proc-item:last-child { border-bottom:none; }
.proc-num { width:40px; height:40px; border-radius:50%; background:var(--grey-bg); display:flex; align-items:center; justify-content:center; font-family:'Manrope',sans-serif; font-weight:800; font-size:.84rem; color:var(--navy); flex-shrink:0; transition:all .2s; }
.proc-item:hover .proc-num { background:var(--teal); color:#fff; }
.proc-item h4 { color:var(--navy); margin-bottom:5px; }
.proc-item p { font-size:.86rem; }

/* ── TESTIMONIALS ── */
.testi-card { background:#fff; border-radius:var(--radius-lg); padding:30px; border:1px solid var(--grey-bd); }
.stars { color:var(--teal); font-size:1rem; margin-bottom:16px; letter-spacing:2px; }
.testi-text { font-size:.9rem; line-height:1.72; color:#3d4a5c; margin-bottom:22px; font-style:italic; }
.testi-author { display:flex; align-items:center; gap:11px; }
.avatar { width:38px; height:38px; border-radius:50%; background:var(--grey-bg); display:flex; align-items:center; justify-content:center; font-family:'Manrope',sans-serif; font-weight:800; font-size:.88rem; color:var(--navy); flex-shrink:0; }
.tname  { font-weight:600; font-size:.86rem; color:var(--navy); }
.tctx   { font-size:.76rem; color:var(--grey-tx); }

/* ── WA SECTION ── */
.wa-section { padding:48px 0; background:#fff; }
.wa-banner { background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%); padding:48px 44px; border-radius:var(--radius-lg); display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; border:1px solid rgba(44,203,193,.15); }
.wa-left { display:flex; align-items:center; gap:20px; }
.wa-icon-wrap { width:52px; height:52px; background:rgba(37,211,102,.12); border-radius:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.wa-left h3 { font-family:'Manrope',sans-serif; font-weight:700; color:#fff; font-size:1.1rem; margin-bottom:5px; }
.wa-left p { color:rgba(255,255,255,.55); font-size:.88rem; }
.wa-right { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.wa-num { color:var(--teal); font-weight:700; font-size:.97rem; }
.btn-wa { background:#25D366; color:#fff; display:inline-flex; align-items:center; gap:8px; padding:12px 24px; border-radius:10px; font-weight:700; font-size:.88rem; transition:all .2s; }
.btn-wa:hover { background:#1db954; transform:translateY(-1px); box-shadow:0 7px 20px rgba(37,211,102,.3); }

/* ── CONSEIL CARDS ── */
.conseil-card { display:block; border-radius:var(--radius); padding:26px 22px; background:var(--grey-bg); border:1px solid var(--grey-bd); transition:all .2s; color:inherit; }
.conseil-card:hover { background:#fff; box-shadow:0 10px 38px rgba(6,27,59,.08); transform:translateY(-3px); }
.conseil-cat { font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--teal); margin-bottom:9px; }
.conseil-title { font-family:'Manrope',sans-serif; font-weight:700; color:var(--navy); font-size:.95rem; margin-bottom:9px; line-height:1.4; }
.conseil-excerpt { font-size:.82rem; color:var(--grey-tx); line-height:1.6; }
.conseil-link { display:inline-flex; align-items:center; gap:6px; margin-top:14px; font-size:.79rem; font-weight:600; color:var(--teal); }
.conseil-link svg { transition:transform .2s; }
.conseil-card:hover .conseil-link svg { transform:translateX(4px); }

/* ── CENTER HELPERS ── */
.center-action { text-align:center; margin-top:20px; }
.center-content { text-align:center; }
.center-content h2 { color:#fff; margin-bottom:16px; }
.center-content p  { color:rgba(255,255,255,.6); max-width:520px; margin:0 auto; }
.cta-note { margin-top:18px; font-size:.78rem; color:rgba(255,255,255,.35); }

/* ── NEWSLETTER ── */
.newsletter-box { background:#fff; border-radius:var(--radius-lg); padding:52px 56px; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; border:1px solid var(--grey-bd); }
.nl-text h3 { font-family:'Manrope',sans-serif; color:var(--navy); font-size:1.3rem; margin-bottom:10px; }
.nl-text p  { font-size:.9rem; max-width:400px; }
.nl-form { display:flex; gap:12px; flex-wrap:wrap; flex-shrink:0; }
.nl-form input { padding:12px 18px; border:1.5px solid var(--grey-bd); border-radius:9px; font-family:'Inter',sans-serif; font-size:.9rem; outline:none; min-width:260px; transition:border-color .2s; }
.nl-form input:focus { border-color:var(--teal); }

/* ── FOOTER ── */
footer { background:#030e1e; border-top:1px solid rgba(255,255,255,.06); padding:56px 0 28px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:44px; margin-bottom:44px; }
.footer-brand .logo { font-size:1.1rem; }
.footer-brand p { color:rgba(255,255,255,.42); font-size:.84rem; margin-top:14px; max-width:240px; line-height:1.72; }
.footer-contacts { margin-top:22px; display:flex; flex-direction:column; gap:10px; }
.footer-contacts a { display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.45); font-size:.82rem; transition:color .2s; }
.footer-contacts a:hover { color:var(--teal); }
.footer-col h4 { font-family:'Manrope',sans-serif; font-weight:700; color:rgba(255,255,255,.88); font-size:.8rem; letter-spacing:.09em; text-transform:uppercase; margin-bottom:17px; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-col ul a { color:rgba(255,255,255,.42); font-size:.84rem; transition:color .2s; }
.footer-col ul a:hover { color:var(--teal); }
.footer-bottom { border-top:1px solid rgba(255,255,255,.06); padding-top:26px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.footer-bottom p { color:rgba(255,255,255,.28); font-size:.77rem; }
.teal { color:var(--teal); }

/* ── PAGE HERO (inner pages) ── */
.page-hero { background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%); padding:136px 0 72px; text-align:center; }
.page-hero h1 { color:#fff; font-size:clamp(1.9rem,4vw,3rem); margin-bottom:16px; }
.page-hero p { color:rgba(255,255,255,.65); max-width:560px; margin:0 auto; font-size:1rem; }
.page-hero .section-label { justify-content:center; }

/* ── FORM ── */
.form-wrapper { max-width:660px; margin:0 auto; }
.form-group { margin-bottom:20px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
label { display:block; font-size:.82rem; font-weight:600; color:var(--navy); margin-bottom:7px; }
input[type=text],input[type=email],input[type=tel],input[type=date],select,textarea {
  width:100%; padding:12px 16px; border:1.5px solid var(--grey-bd); border-radius:9px;
  font-family:'Inter',sans-serif; font-size:.92rem; color:var(--navy); background:#fff;
  outline:none; transition:border-color .2s;
}
input:focus,select:focus,textarea:focus { border-color:var(--teal); }
textarea { min-height:120px; resize:vertical; }
.form-note { font-size:.78rem; color:var(--grey-tx); margin-top:5px; }
.radio-group { display:flex; flex-wrap:wrap; gap:10px; }
.radio-label { display:flex; align-items:center; gap:8px; padding:9px 16px; border:1.5px solid var(--grey-bd); border-radius:8px; cursor:pointer; font-size:.86rem; color:var(--navy); transition:all .2s; }
.radio-label:hover { border-color:var(--teal); }
.radio-label input { display:none; }
.radio-label.selected { border-color:var(--teal); background:rgba(44,203,193,.08); color:var(--navy); font-weight:600; }

/* ── PRICING TABLE ── */
.pricing-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.pricing-card { background:#fff; border-radius:var(--radius-lg); padding:34px 28px; border:1px solid var(--grey-bd); text-align:center; position:relative; transition:all .25s; }
.pricing-card:hover { box-shadow:0 16px 50px rgba(6,27,59,.1); transform:translateY(-4px); }
.pricing-card.featured { background:linear-gradient(135deg,var(--navy),var(--navy2)); border-color:transparent; }
.pricing-card.featured * { color:#fff !important; }
.pricing-card.featured .price-big { color:var(--teal) !important; }
.pricing-badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--teal); color:var(--navy); font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:4px 14px; border-radius:100px; white-space:nowrap; }
.price-big { font-family:'Manrope',sans-serif; font-weight:800; font-size:2.8rem; color:var(--navy); line-height:1; margin:18px 0 6px; }
.price-per { font-size:.78rem; color:var(--grey-tx); margin-bottom:16px; }
.pricing-features { list-style:none; text-align:left; display:flex; flex-direction:column; gap:10px; margin:20px 0; }
.pricing-features li { display:flex; align-items:flex-start; gap:9px; font-size:.84rem; color:var(--grey-tx); }
.pricing-features li::before { content:'✓'; color:var(--teal); font-weight:700; flex-shrink:0; }
.pricing-card.featured .pricing-features li { color:rgba(255,255,255,.65); }

/* ── ARTICLE ── */
.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.article-card { background:#fff; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--grey-bd); transition:all .25s; display:block; color:inherit; }
.article-card:hover { box-shadow:0 14px 44px rgba(6,27,59,.09); transform:translateY(-3px); }
.article-thumb { height:200px; overflow:hidden; }
.article-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.article-card:hover .article-thumb img { transform:scale(1.04); }
.article-body { padding:24px 26px; }
.article-cat { font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--teal); margin-bottom:8px; }
.article-title { font-family:'Manrope',sans-serif; font-weight:700; color:var(--navy); font-size:1rem; margin-bottom:10px; line-height:1.4; }
.article-excerpt { font-size:.83rem; color:var(--grey-tx); line-height:1.62; }
.article-link { display:inline-flex; align-items:center; gap:6px; margin-top:14px; font-size:.8rem; font-weight:600; color:var(--teal); }

/* ── FILTER BAR ── */
.filter-bar { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:40px; }
.filter-btn { padding:8px 18px; border-radius:100px; border:1.5px solid var(--grey-bd); background:#fff; font-family:'Inter',sans-serif; font-size:.82rem; font-weight:600; color:var(--grey-tx); cursor:pointer; transition:all .2s; }
.filter-btn:hover,.filter-btn.active { border-color:var(--teal); color:var(--teal); background:rgba(44,203,193,.07); }

/* ── MENTIONS / LEGAL ── */
.legal-content { max-width:780px; margin:0 auto; }
.legal-content h3 { color:var(--navy); margin:36px 0 12px; font-size:1.1rem; }
.legal-content p,.legal-content li { font-size:.92rem; line-height:1.78; color:#3d4a5c; margin-bottom:10px; }
.legal-content ul { padding-left:20px; }

/* ── ABOUT ── */
.mission-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:64px; }
.value-card { padding:28px 24px; background:var(--grey-bg); border-radius:var(--radius); border-left:3px solid var(--teal); }
.value-card h4 { color:var(--navy); margin-bottom:8px; }
.value-card p { font-size:.86rem; line-height:1.62; }

/* ── CONTACT ── */
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.contact-info h3 { color:var(--navy); margin-bottom:20px; }
.contact-item { display:flex; align-items:flex-start; gap:14px; margin-bottom:22px; }
.c-icon { width:40px; height:40px; background:rgba(44,203,193,.1); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.c-title { font-weight:600; color:var(--navy); font-size:.9rem; margin-bottom:3px; }
.c-val { font-size:.86rem; color:var(--grey-tx); }
.c-val a { color:var(--teal); font-weight:600; }

/* ── SUCCESS MESSAGE ── */
.success-msg { display:none; background:rgba(44,203,193,.1); border:1px solid rgba(44,203,193,.3); border-radius:10px; padding:18px 22px; color:var(--navy); font-size:.9rem; font-weight:600; margin-top:16px; }
.success-msg.show { display:block; }

/* ── RESPONSIVE ── */
@media (max-width:960px) {
  .two-col,.mission-grid,.contact-grid { grid-template-columns:1fr; gap:40px; }
  .visual-block img { height:300px; }
  .three-col,.pricing-grid { grid-template-columns:1fr 1fr; }
  .four-col { grid-template-columns:1fr 1fr; }
  .repere-steps { grid-template-columns:repeat(3,1fr); }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .article-grid { grid-template-columns:1fr 1fr; }
  .value-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:640px) {
  .container { padding:0 20px; }
  section { padding:64px 0; }
  .nav-links { display:none; position:fixed; top:66px; left:0; right:0; background:rgba(6,27,59,.97); flex-direction:column; padding:24px 20px; gap:18px; }
  .nav-links.open { display:flex; }
  .hamburger { display:flex; }
  .hero-content { padding:100px 0 60px; }
  .repere-steps { grid-template-columns:1fr 1fr; }
  .repere-word span { font-size:2rem; }
  .three-col,.pricing-grid,.two-grid { grid-template-columns:1fr; }
  .four-col { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; }
  .wa-banner { flex-direction:column; padding:30px 22px; }
  .trust-sep { display:none; }
  .newsletter-box { flex-direction:column; padding:32px 24px; }
  .nl-form input { min-width:0; width:100%; }
  .form-row { grid-template-columns:1fr; }
  .article-grid { grid-template-columns:1fr; }
  .value-grid { grid-template-columns:1fr; }
  .mission-grid { grid-template-columns:1fr; }
}

/* ── ANIMATIONS ── */
.fade-in { opacity:0; transform:translateY(20px); transition:opacity .55s ease, transform .55s ease; }
.fade-in.visible { opacity:1; transform:translateY(0); }
Vérifie toutes les images du site. Les images ne s’affichent plus après déploiement Netlify. Vérifie les chemins des fichiers et génère la liste complète des images à ajouter dans le dossier images/. Fournis également les chemins corrigés dans tous les fichiers HTML.

La page trouver-mon-accompagnement.html est incomplète. Le questionnaire s’arrête à la question 2. Vérifie le HTML et le JavaScript et génère la version complète avec toutes les questions, le calcul du résultat et la recommandation finale.

Aligne verticalement tous les boutons des cartes de la section Formules et Tarifs afin qu’ils soient exactement sur la même ligne quel que soit le contenu de la carte.

Supprime l’affichage du numéro de téléphone dans le bloc WhatsApp. Conserve uniquement un bouton “Écrire sur WhatsApp” ouvrant directement la conversation WhatsApp avec mon compte que je puisse programmer facilement. 


Remplace le champ date par un vrai sélecteur de calendrier moderne compatible mobile et desktop.

Vérifie le système de formulaire. Je veux recevoir automatiquement chaque demande à l’adresse laurakoriche@gmail.com. Vérifie que l’envoi fonctionne réellement après déploiement Netlify et indique précisément la configuration utilisée.



Le bouton de paiement PayPal doit ouvrir directement la page de paiement PayPal avec le montant correspondant. Vérifie que le bouton est réellement connecté à PayPal et fournis la configuration complète nécessaire.
