*{box-sizing:border-box;margin:0;padding:0}
:root{
  --o:#F47012;--c:#FDF0E5;--b:#034AAD;--s:#DBE9FE;--w:#FFFFFF;
  --t:#1A1A1A;--m:#6B7280;
  --ft:-apple-system,'SF Pro Display','Helvetica Neue',Arial,sans-serif;
  --fs:'Fraunces',Georgia,serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--ft);background:var(--c);color:var(--t);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}

/* NAV */
nav{background:var(--c);border-bottom:1px solid rgba(244,112,18,.12);position:sticky;top:0;z-index:200}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;max-width:1200px;margin:0 auto}
.nav-logo{font-family:var(--fs);font-size:22px;font-weight:400;color:var(--o);text-decoration:none}
.nav-links{display:flex;gap:6px;align-items:center}
.nav-links a{font-size:13px;font-weight:500;color:var(--b);text-decoration:none;padding:7px 14px;border-radius:100px;transition:background .15s}
.nav-links a:hover{background:rgba(3,74,173,.07)}
.nav-links a.active{background:var(--sky);color:var(--b)}
.nav-cta{background:var(--o)!important;color:var(--w)!important;font-weight:700!important}
.nav-cta:hover{opacity:.88;background:var(--o)!important}

/* UTILITAIRES */
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--o);font-weight:700;display:block;margin-bottom:12px}
.eyebrow--c{text-align:center}
.eyebrow--muted{color:rgba(255,255,255,.5)}
.section{padding:80px 40px}
.s--white{background:var(--w)}
.s--sky{background:var(--s)}
.s--blue{background:var(--b)}
.s--cream{background:var(--c)}
.wrap{max-width:820px;margin:0 auto}
.wrap--wide{max-width:1100px;margin:0 auto}
h2.st{font-family:var(--ft);font-size:clamp(26px,4vw,42px);font-weight:700;color:var(--b);line-height:1.15;letter-spacing:-.02em;margin-bottom:18px}
h2.st em{font-family:var(--fs);font-style:italic;font-weight:300;color:var(--o)}
h2.st--c{text-align:center}
h2.st--w{color:var(--w)}
h3.ss{font-family:var(--fs);font-size:20px;font-weight:400;color:var(--b);margin-bottom:10px;line-height:1.35}
.divider{width:48px;height:3px;background:var(--o);border-radius:2px;margin-bottom:28px}
.d--c{margin-left:auto;margin-right:auto}
p{margin-bottom:14px;color:var(--t)}
p:last-child{margin-bottom:0}
strong{color:var(--t)}

/* BOUTONS */
.btn-p{display:inline-block;text-align:center;background:var(--o);color:var(--w);padding:15px 36px;border-radius:100px;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:opacity .2s}
.btn-p:hover{opacity:.88}
.btn-p--block{display:block;width:100%}
.btn-w{display:inline-block;background:var(--w);color:var(--b);padding:14px 32px;border-radius:100px;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:opacity .2s}
.btn-w:hover{opacity:.9}
.btn-s{display:inline-block;text-align:center;background:transparent;color:var(--b);padding:15px 36px;border-radius:100px;font-size:14px;font-weight:600;text-decoration:none;border:1.5px solid rgba(3,74,173,.3);transition:border-color .2s}
.btn-s:hover{border-color:var(--b)}

/* IMAGES */
img.cover{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.photo-portrait{width:100%;aspect-ratio:3/4;border-radius:22px;overflow:hidden}
.photo-square{width:100%;aspect-ratio:1;border-radius:22px;overflow:hidden}
.photo-land{width:100%;aspect-ratio:4/3;border-radius:22px;overflow:hidden}

/* BULLETS ORANGE */
.obullets{list-style:none;margin-bottom:28px}
.obullets li{font-size:15px;color:var(--t);padding:6px 0 6px 24px;position:relative;line-height:1.6}
.obullets li::before{content:'';position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:50%;background:var(--o)}
.obullets--white li{color:rgba(255,255,255,.85)}
.obullets--white li::before{background:var(--o)}

/* PULLQUOTE */
.pullquote{font-family:var(--fs);font-style:italic;font-size:20px;font-weight:300;color:var(--t);border-left:3px solid var(--o);padding:4px 0 4px 20px;margin:28px 0;line-height:1.5}

/* TÉMOIGNAGES */
.testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tc{background:var(--w);border-radius:18px;padding:24px}
.s--white .tc{background:var(--c)}
.tc-head{font-family:var(--ft);font-size:14px;font-weight:700;color:var(--b);margin-bottom:10px}
.tc blockquote{font-family:var(--fs);font-style:italic;font-size:15px;font-weight:300;color:var(--t);line-height:1.65;margin-bottom:12px}
.tc blockquote strong{font-style:normal;font-weight:600}
.tc-author{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--o)}

/* DISCLAIMER */
.disclaimer{font-size:12px;color:var(--m);line-height:1.55;margin-top:10px;text-align:center;max-width:480px;margin-left:auto;margin-right:auto}

/* FOOTER */
footer{background:var(--b);border-top:1px solid rgba(255,255,255,.08);padding:28px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.f-logo{font-family:var(--fs);font-size:20px;color:var(--w);font-weight:400;text-decoration:none}
.f-links{display:flex;gap:20px;flex-wrap:wrap}
.f-links a{font-size:12px;color:rgba(255,255,255,.45);text-decoration:underline}

/* RESPONSIVE */
@media(max-width:768px){
  .nav-inner{padding:14px 20px}
  .nav-links .nav-hide{display:none}
  .section{padding:56px 20px}
  .two-col{grid-template-columns:1fr!important}
}