:root{--bleu: #065ab3;--bleu-fonce: #043f7d;--bleu-clair: #eaf2fb;--nuit: #0a2540;--citron: #b1d50a;--citron-fonce: #8db600;--cyan: #0aaae6;--cyan-fonce: #0888c2;--fond: #f5f8fb;--fond-alt: #ffffff;--texte: #12263f;--texte-doux: #586b80;--bordure: #e3e9f0;--ombre: 0 1px 2px rgba(10, 37, 64, .06);--ombre-m: 0 8px 24px -10px rgba(10, 37, 64, .22);--ombre-l: 0 24px 50px -20px rgba(10, 37, 64, .35);--vert: var(--bleu);--vert-fonce: var(--bleu-fonce);--vert-clair: var(--bleu-clair)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--texte);background:var(--fond);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--bleu)}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;color:var(--texte)}h1{font-size:clamp(30px,4.5vw,44px);font-weight:800}h2{font-size:clamp(22px,3vw,30px);font-weight:800}h3{font-size:18px;font-weight:700}button{font-family:inherit;cursor:pointer}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bleu);color:#fff;border:none;border-radius:11px;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:background .12s,transform .12s,box-shadow .12s}.bouton:hover{background:var(--bleu-fonce);transform:translateY(-1px)}.bouton:disabled{opacity:.6;transform:none}.bouton--clair{background:#fff;color:var(--bleu);border:1.5px solid var(--bordure)}.bouton--clair:hover{background:var(--bleu-clair);border-color:var(--bleu)}.bouton--citron{background:var(--citron);color:var(--nuit);box-shadow:0 8px 18px -8px #8db600b3}.bouton--citron:hover{background:var(--citron);transform:translateY(-2px)}.bouton--blanc{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}.bouton--blanc:hover{background:#ffffff1f}.contenu{width:100%;max-width:none;margin:0 auto;padding:0 clamp(20px,4vw,64px)}.carte{background:#fff;border:1px solid var(--bordure);border-radius:16px;padding:22px;box-shadow:var(--ombre);transition:transform .14s,box-shadow .14s}.carte--survol:hover{transform:translateY(-4px);box-shadow:var(--ombre-m)}.kicker{color:var(--cyan-fonce);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.sous{color:var(--texte-doux);max-width:60ch;margin-top:12px;font-size:17px}.bande{background:#fff;border-top:1px solid var(--bordure);border-bottom:1px solid var(--bordure)}.liseret{height:4px;background:var(--citron)}.entete{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--bordure)}.marque{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--texte)}.marque img{width:48px;height:48px;border-radius:50%;display:block}.marque b{display:block;font-weight:800;font-size:16px;line-height:1.1;color:var(--bleu);letter-spacing:-.01em}.marque small{display:block;font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--citron-fonce)}.nav a:not(.bouton){color:var(--texte-doux);text-decoration:none;font-weight:600;font-size:15px;padding:9px 14px;border-radius:9px}.nav a:not(.bouton).actif,.nav a:not(.bouton):hover{color:var(--bleu);background:var(--bleu-clair)}.pied{background:var(--nuit);color:#ffffffd1}.pied a{color:#ffffffd1;text-decoration:none;display:block;padding:3px 0}.pied a:hover{color:#fff}.pied h4{color:#fff;margin:0 0 12px;font-size:15px}.page-tete{background:linear-gradient(180deg,var(--bleu-clair) 0%,rgba(234,242,251,0) 100%);padding:44px 0 10px}.page-tete h1{margin:6px 0 0}.champ{display:block;width:100%;padding:10px 12px;margin-top:6px;border:1px solid var(--bordure);border-radius:10px;font:inherit;font-size:15px;background:#fff;color:var(--texte)}.champ:focus{outline:none;border-color:var(--bleu);box-shadow:0 0 0 3px #065ab326}.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#065ab3,#043f7d)}.hero__paws{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.09;background-repeat:repeat;background-size:120px 120px}.hero__grille{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding-top:60px;padding-bottom:66px}.hero h1{color:#fff;max-width:16ch;margin:0}.hero .lead{font-size:clamp(16px,1.8vw,20px);color:#fffffff0;margin:16px 0 28px;max-width:46ch}.pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:600;font-size:13px;letter-spacing:.04em;padding:7px 14px;border-radius:999px;margin-bottom:20px}.medaillon{justify-self:center;width:290px;height:290px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--ombre-l);border:6px solid rgba(255,255,255,.5)}.medaillon img{width:255px;height:255px;border-radius:50%}.tuiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:34px}.tuile__ic{width:46px;height:46px;border-radius:12px;background:var(--bleu-clair);color:var(--bleu);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.tarifs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:32px}.tarif{background:var(--fond);border:1px solid var(--bordure);border-radius:16px;padding:24px 22px;position:relative;transition:transform .14s,box-shadow .14s}.tarif:hover{transform:translateY(-4px);box-shadow:var(--ombre-m)}.tarif__montant{font-size:32px;font-weight:800;color:var(--bleu);letter-spacing:-.02em}.tarif__lbl{color:var(--texte-doux);margin-top:6px;font-size:14.5px}.tarif--vedette{background:linear-gradient(160deg,#065ab3,#043f7d);border-color:transparent}.tarif--vedette .tarif__montant,.tarif--vedette .tarif__lbl{color:#fff}.tag{position:absolute;top:14px;right:14px;background:var(--citron);color:var(--nuit);font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.avatar{width:60px;height:60px;border-radius:50%;flex:0 0 60px;background:var(--bleu-clair);color:var(--bleu);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;object-fit:cover}@media (max-width: 820px){.hero__grille{grid-template-columns:1fr;padding-top:44px;padding-bottom:44px}.medaillon{width:220px;height:220px;margin-top:10px}.medaillon img{width:192px;height:192px}}