*{box-sizing:border-box}
html{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#0b1f4a;background:#f4f8ff}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff 0,#eaf2ff 100%)}
.page{width:100%;max-width:980px;margin:0 auto;padding:28px 20px;flex:1}
.marque{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#0b1f4a;font-weight:800;letter-spacing:.06em;font-size:1.15rem}
.marque img{width:44px;height:44px}
h1{font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.12;margin:44px 0 14px;max-width:18em}
h1 span{color:#1259c3}
.intro{font-size:1.1rem;line-height:1.6;max-width:40em;margin:0 0 36px;color:#2b3f66}
.carte{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:#fff;border:1px solid #d5e3fb;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px -22px rgba(18,89,195,.45);text-decoration:none;color:inherit}
.carte+.carte{margin-top:24px}
.carte img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;aspect-ratio:800/498}
.carte div{padding:28px;display:flex;flex-direction:column;justify-content:center}
.carte small{font-weight:700;color:#1259c3;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.carte h2{margin:8px 0 10px;font-size:1.5rem}
.carte p{margin:0 0 20px;line-height:1.55;color:#2b3f66}
.bouton{display:inline-block;align-self:flex-start;background:#1259c3;color:#fff;font-weight:700;border-radius:999px;padding:12px 22px;text-decoration:none}
.carte:hover .bouton,.carte:focus-visible .bouton,.bouton:hover{background:#0b3f91}
.suite{margin:36px 0 0;line-height:1.6;color:#2b3f66}
.suite a{color:#1259c3;font-weight:700}
footer{padding:22px 20px;text-align:center;color:#566e90;font-size:.92rem}
footer a{color:#1259c3}
@media (max-width:720px){.carte{grid-template-columns:1fr}h1{margin-top:30px}}