@font-face{font-family:"Anton";src:url("assets/fonts/anton-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --blue:#1F8CEE; --blue-deep:#0B4FC4; --orange:#F96401; --orange-dark:#D95600;
  --ink:#0E1116; --text:#2A2F37; --muted:#5E6673; --line:#E4E1DA;
  --cream:#FAF7F2; --white:#FFFFFF;
  --radius:14px; --wrap:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:"Inter",system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{color:var(--ink);line-height:1.1}
h2{font-family:"Anton",Impact,sans-serif;font-weight:400;font-size:clamp(30px,4.2vw,46px);letter-spacing:.3px;text-transform:uppercase;margin-bottom:22px}
h3{font-size:20px;font-weight:700}
p+p{margin-top:14px}
b{color:var(--ink)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.narrow{max-width:780px}
.center{text-align:center}
.muted{color:var(--muted);font-size:15px}

/* Boutons */
.btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;font-weight:700;padding:16px 28px;border-radius:999px;box-shadow:0 6px 18px rgba(249,100,1,.28);transition:transform .15s ease,background .15s ease}
.btn:hover{background:var(--orange-dark);transform:translateY(-2px)}
.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.btn-small{padding:10px 18px;font-size:14px;box-shadow:none}
.link-light{color:#fff;font-weight:600;text-underline-offset:4px}

/* En-tête */
.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.95);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Anton",Impact,sans-serif;font-size:22px;text-transform:uppercase;color:var(--blue);letter-spacing:.5px}
.brand b{color:var(--ink);font-weight:400}
.nav{display:flex;gap:26px}
.nav a{text-decoration:none;font-size:15px;font-weight:600;color:var(--text)}
.nav a:hover{color:var(--blue)}

/* Hero */
.hero{background:linear-gradient(160deg,var(--blue) 0%,var(--blue-deep) 100%);color:#fff;padding:96px 0 104px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-120px;top:-80px;width:460px;height:460px;background:url("assets/fraise.png") no-repeat center/contain;opacity:.10;transform:rotate(14deg)}
.hero-in{position:relative;z-index:1;max-width:900px}
.kicker{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#CFE6FF;margin-bottom:22px}
.hero h1{font-family:"Anton",Impact,sans-serif;font-weight:400;text-transform:uppercase;color:#fff;font-size:clamp(42px,7vw,84px);line-height:1.02;letter-spacing:.5px}
.hero h1 span{display:inline-block;margin-top:.14em;color:var(--ink);background:#fff;padding:.02em .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lead{font-size:clamp(18px,2vw,21px);max-width:680px;margin-top:26px}
.hero .lead{color:#EAF4FF}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:36px}
.hero-note{margin-top:22px;font-size:15px;color:#CFE6FF}

/* Chiffres */
.stats{background:var(--ink);color:#fff;padding:56px 0}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 40px}
.stat strong{display:block;font-family:"Anton",Impact,sans-serif;font-weight:400;font-size:clamp(36px,4vw,50px);color:var(--orange);line-height:1}
.stat span{display:block;margin-top:10px;font-size:15px;color:#C9CED6;max-width:300px}

/* Marques */
.trust{background:var(--cream);padding:34px 0;border-bottom:1px solid var(--line)}
.trust-title{text-align:center;font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
.trust-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 46px;margin-top:16px}
.trust-list{gap:12px 14px !important}
.trust-list li{font-size:15px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px}

/* Sections */
.section{padding:96px 0}
.alt{background:var(--cream)}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--orange);margin-bottom:12px}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.two-col .btn{margin-top:28px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:0 10px 30px rgba(14,17,22,.06)}
.card-title{font-weight:700;color:var(--ink);margin-bottom:14px}
.criteria ol{padding-left:22px}
.criteria li{padding:7px 0;border-bottom:1px dashed var(--line)}
.criteria li:last-child{border-bottom:0}
.criteria li::marker{color:var(--orange);font-weight:700}

/* Piliers */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:14px}
.pillar{background:#fff;border-radius:var(--radius);padding:28px;border-top:4px solid var(--blue)}
.pillar .num{font-family:"Anton",Impact,sans-serif;font-size:30px;color:var(--orange)}
.pillar h3{margin:8px 0 10px}
.pillar p{font-size:15px;color:var(--muted)}

/* Études de cas */
.cases{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:14px}
.case{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;transition:box-shadow .15s ease}
.case:hover{box-shadow:0 12px 30px rgba(14,17,22,.08)}
.tag{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
.case h3{margin-top:6px}
.case-num{font-family:"Anton",Impact,sans-serif;font-size:44px;color:var(--orange);line-height:1;margin-top:14px}
.case-sub{margin-top:8px !important;color:var(--text)}
details summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none}
details summary::-webkit-details-marker{display:none}
.case details{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.case details summary::after{content:" +";color:var(--orange)}
.case details[open] summary::after{content:" −"}
.case details p{margin-top:10px;font-size:15px;color:var(--muted)}

/* Offres */
.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:14px 0 40px}
.offer{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column}
.offer.featured{border:2px solid var(--orange);box-shadow:0 14px 34px rgba(249,100,1,.12)}
.offer-tag{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--orange)}
.offer h3{margin:8px 0 12px}
.offer>p{font-size:15px}
.offer ul{list-style:none;margin:18px 0;flex:1}
.offer li{padding:6px 0 6px 26px;position:relative;font-size:15px}
.offer li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700}
.offer-time{font-weight:700;color:var(--ink);font-size:14px;border-top:1px solid var(--line);padding-top:14px}

/* Comparatif */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:14px}
.compare-col{border-radius:var(--radius);padding:30px}
.compare-col ul{list-style:none}
.compare-col li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid rgba(0,0,0,.06)}
.compare-col li:last-child{border-bottom:0}
.compare-title{font-family:"Anton",Impact,sans-serif;font-size:24px;text-transform:uppercase;margin-bottom:10px}
.other{background:var(--cream);color:var(--muted)}
.other li::before{content:"✕";position:absolute;left:0;color:#B4B9C2;font-weight:700}
.us{background:var(--blue);color:#fff}
.us .compare-title{color:#fff}
.us li{border-bottom-color:rgba(255,255,255,.18)}
.us li::before{content:"✓";position:absolute;left:0;color:#fff;font-weight:700}

/* À propos */
.about{display:grid;grid-template-columns:180px 1fr;gap:44px;align-items:start;max-width:920px}
.about-photo{width:180px;height:180px;border-radius:50%;border:6px solid #fff;box-shadow:0 10px 26px rgba(14,17,22,.12);object-fit:cover}

/* FAQ */
.faq{border-bottom:1px solid var(--line);padding:20px 0}
.faq summary{font-size:18px;display:flex;justify-content:space-between;gap:20px}
.faq summary::after{content:"+";color:var(--orange);font-size:24px;line-height:1}
.faq[open] summary::after{content:"−"}
.faq p{margin-top:12px;color:var(--muted)}

/* Appel final */
.final{background:linear-gradient(160deg,var(--blue) 0%,var(--blue-deep) 100%);color:#fff;padding:96px 0}
.final h2{color:#fff;font-size:clamp(34px,5vw,58px)}
.final .lead{margin:0 auto 34px;color:#EAF4FF}

/* Pied de page */
.footer{background:var(--ink);color:#C9CED6;padding:40px 0;font-size:14px}
.footer-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.footer .brand{color:#fff;font-size:18px}
.footer .brand b{color:var(--orange)}
.footer a{color:#fff}

/* Page légale */
.legal{padding:72px 0 96px}
.legal h1{font-family:"Anton",Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:42px;margin-bottom:28px}
.legal h2{font-size:24px;margin:34px 0 10px}


/* Bloc ROI */
.roi{background:var(--ink);color:#fff;padding:64px 0}
.roi-in{text-align:center}
.roi h2{color:#fff;margin-bottom:30px}
.roi-figs{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap}
.roi-fig{background:#1A1F27;border:1px solid #2A303A;border-radius:var(--radius);padding:24px 28px;min-width:240px}
.roi-fig strong{display:block;font-family:"Anton",Impact,sans-serif;font-weight:400;font-size:56px;line-height:1;color:#9AA3AF}
.roi-fig.hot{border-color:var(--orange)}
.roi-fig.hot strong{color:var(--orange)}
.roi-fig span{display:block;margin-top:10px;font-size:15px;color:#C9CED6;max-width:220px;margin-left:auto;margin-right:auto}
.roi-vs{font-family:"Anton",Impact,sans-serif;font-size:22px;text-transform:uppercase;color:#7C8390}
.roi p{margin-top:24px;color:#EAF4FF}
.roi .src{margin-top:10px;font-size:13px;color:#8D95A1}
.roi .src a{color:#C9CED6}

/* Constat */
.pains{list-style:none;margin:18px 0}
.pains li{padding:12px 0 12px 34px;position:relative;border-bottom:1px solid var(--line)}
.pains li::before{content:"✕";position:absolute;left:4px;color:var(--orange);font-weight:700}
.punch{font-family:"Anton",Impact,sans-serif;font-size:clamp(24px,3vw,32px);text-transform:uppercase;color:var(--blue);line-height:1.15;margin-top:28px !important}

/* Chiffres : titre et mention */
.stats-title{color:#fff;margin-bottom:34px}
.disclaimer{margin-top:30px;font-size:13px;color:#8D95A1}

/* Témoignages */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.quote{background:#fff;border-radius:var(--radius);padding:28px;border-left:4px solid var(--orange)}
.quote blockquote{font-size:17px;color:var(--ink)}
.quote figcaption{margin-top:14px;font-size:14px;font-weight:600;color:var(--muted)}

/* Pour qui */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fit-col{background:#fff;border-radius:var(--radius);padding:30px;border:1px solid var(--line)}
.fit-title{font-family:"Anton",Impact,sans-serif;font-size:22px;text-transform:uppercase;margin-bottom:10px;color:var(--ink)}
.fit-col ul{list-style:none}
.fit-col li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--line)}
.fit-col li:last-child{border-bottom:0}
.yes li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700}
.no li::before{content:"✕";position:absolute;left:0;color:#B4B9C2;font-weight:700}
.no{color:var(--muted)}

/* À propos (accueil) */
.quote-line{font-weight:600;color:var(--ink);font-style:italic}
.link-arrow{display:inline-block;margin-top:16px;font-weight:700;color:var(--blue);text-underline-offset:4px}
.link-arrow::after{content:" →"}

/* Pages secondaires */
.page-hero{background:var(--cream);padding:72px 0 40px}
.page-hero-in{text-align:center}
.page-hero .about-photo{margin:0 auto 22px}
.page-hero h1{font-family:"Anton",Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(32px,4.6vw,52px);line-height:1.08}
.story{padding-top:56px}
.story>.wrap>p{font-size:18px}
.story>.wrap>p.muted{font-size:15px}
.story h2{margin-top:56px}
.principles{display:grid;gap:18px}
.principle{background:var(--cream);border-radius:var(--radius);padding:24px 26px;border-left:4px solid var(--blue)}
.principle h3{margin-bottom:6px}
.principle p{color:var(--muted)}
.story .wrap>.conviction{margin-top:40px !important;font-family:"Anton",Impact,sans-serif;font-size:clamp(22px,2.6vw,30px);text-transform:uppercase;color:var(--blue);line-height:1.2}
.contact-page{padding:110px 0}
.contact-page h1{font-family:"Anton",Impact,sans-serif;font-weight:400;text-transform:uppercase;color:#fff;font-size:clamp(38px,5.4vw,64px)}
.contact-page .lead{margin:20px auto 0;color:#EAF4FF}
.contact-page .btn{margin-top:34px}
.contact-mail{margin-top:30px;color:#EAF4FF}
.contact-mail a{color:#fff;font-weight:600}
.signature{margin-top:36px !important;color:#EAF4FF;line-height:1.5}
.signature span{font-size:14px;color:#CFE6FF}

/* Tablette */
@media (max-width:960px){
  .nav{display:none}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .two-col{grid-template-columns:1fr;gap:36px}
  .pillars{grid-template-columns:repeat(2,1fr)}
  .offers{grid-template-columns:1fr}
  .quotes{grid-template-columns:1fr}
}
/* Téléphone */
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .topbar-in{height:60px}
  .brand{font-size:18px}
  .btn-small{padding:9px 14px;font-size:13px}
  .hero{padding:64px 0 72px}
  .section,.final{padding:68px 0}
  .stats-grid,.pillars,.cases,.compare,.fit{grid-template-columns:1fr}
  .roi-fig{min-width:0;width:100%}
  .roi-fig strong{font-size:44px}
  .about{grid-template-columns:1fr;gap:24px}
  .about-photo{width:140px;height:140px}
  .hero::after{width:300px;height:300px;right:-110px;top:-40px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.case{transition:none}}