*{box-sizing:border-box}body{margin:0;background:#fff;color:#0a2167;font:16px/1.5 system-ui,Arial,sans-serif}a{text-decoration:none;color:inherit}main{max-width:1360px;margin:auto;padding:18px 16px 40px}.hero{position:relative;border-radius:19px;overflow:hidden;height:360px;background:#0c59a0}.hero img{width:100%;height:100%;object-fit:cover;display:block}.hero .copy{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding:30px 40px;max-width:48%;color:white;background:linear-gradient(90deg,#092d71e8,#092d7180 70%,transparent)}.hero h1{font-size:clamp(32px,4vw,56px);line-height:1.05;margin:0 0 15px}.hero p{font-size:clamp(15px,1.55vw,20px);margin:0;font-weight:600}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 28px}.card{border:1px solid #e2eaf6;border-radius:18px;overflow:hidden;box-shadow:0 5px 16px #102f6910;display:flex;flex-direction:column}.card>img{width:100%;height:225px;object-fit:cover}.card .inner{padding:20px;display:flex;flex-direction:column;flex:1}.card h2{font-size:27px;margin:0}.sub{font-size:15px;color:#3260a4;margin:0 0 14px}.card p{margin:0 0 14px}.card ul{padding:0;margin:0 0 22px;list-style:none}.card li{padding:4px 0}.card li:before{content:'✓';display:inline-grid;place-items:center;background:#08bd79;color:white;border-radius:50%;width:20px;height:20px;margin-right:9px;font-weight:700}.btn{margin-top:auto;display:block;text-align:center;padding:12px 13px;border:2px solid #0870f8;color:#075edc;border-radius:30px;font-weight:750}.btn:hover{background:#0966ef;color:#fff}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tile{border:1px solid #e2eaf6;border-radius:15px;overflow:hidden;display:block;background:#fff;box-shadow:0 4px 12px #112b6410}.tile img{display:block;width:100%;height:175px;object-fit:cover}.tile .caption{padding:13px;text-align:center;color:#0759c8;font-weight:800}.tile:hover .caption{text-decoration:underline}.demo{display:none;margin:15px 0;padding:16px;background:#f1f7ff;border:1px solid #bed7fa;border-radius:13px}.demo:target{display:block}.demo a{color:#0064de;font-weight:700}footer{text-align:center;padding:24px;color:#627a9e;font-size:13px}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.cards .card:last-child{grid-column:1/-1}.tiles{grid-template-columns:repeat(2,1fr)}.hero .copy{max-width:65%}}@media(max-width:600px){.top{justify-content:center}.top nav{justify-content:center;gap:12px}.hero{height:290px}.hero .copy{max-width:100%;padding:20px 24px;background:linear-gradient(90deg,#092d71d9,#092d7159)}.cards{grid-template-columns:1fr}.cards .card:last-child{grid-column:auto}.tiles{gap:10px}.tile img{height:135px}}
/* Visuel central valide : sans texte superpose */
.hero{max-width:970px;height:auto;aspect-ratio:3.2/1;margin:0 auto 24px;background:#fff}.hero .copy{display:none}.hero img{object-fit:cover}.card>img{height:200px}.tile img{height:160px}@media(max-width:600px){.hero{height:auto;aspect-ratio:3.2/1}.card>img{height:190px}.tile img{height:115px}}