.sp{padding-bottom:45px;background:#f8fafc;color:#071a3d}.sp-shell{width:min(100% - 46px,1400px);margin:auto}.sp-crumb{display:flex;gap:9px;padding:18px 0;font-size:12px;color:#65758b}.sp-crumb a{color:inherit;text-decoration:none}.sp-help-hero{padding:42px;text-align:center;border-radius:17px;background:#052b62 url('../images/support-pages/support-hero.png') center/cover;color:#fff}.sp-help-hero h1{margin:0;font-size:45px;line-height:1.08}.sp-help-hero em,.sp-photo-hero em{color:#ff6500;font-style:normal}.sp-help-hero p{margin:12px}.sp-help-hero label{width:min(720px,90%);height:58px;margin:20px auto 0;padding:0 20px;display:flex;align-items:center;gap:12px;border-radius:8px;background:#fff;color:#153866}.sp-help-hero input{width:100%;border:0;outline:0;font-size:14px}.sp-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0}.sp-categories a{min-height:210px;padding:25px 18px;text-align:center;border:1px solid #dce5ef;border-radius:14px;background:#fff;color:inherit;text-decoration:none}.sp-categories i{width:58px;height:58px;margin-bottom:14px;padding:13px;border-radius:50%;background:#edf4ff;color:#073d81}.sp-categories h2{font-size:15px}.sp-categories p{color:#65758b;font-size:10px;line-height:1.6}.sp-panel{margin-top:18px;padding:25px;border:1px solid #dce5ef;border-radius:14px;background:#fff}.sp-panel>h2{margin:0 0 20px}.sp-head{display:flex;justify-content:space-between;align-items:center}.sp-head a{color:#073d81;text-decoration:none;font-size:11px;font-weight:800}.sp-faq.two{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.sp-faq details{border:1px solid #e1e8f0;border-radius:7px}.sp-faq summary{padding:15px;display:flex;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:800;list-style:none}.sp-faq p{margin:0;padding:0 15px 15px;color:#607089;font-size:11px;line-height:1.6}.sp-photo-hero{min-height:405px;padding:55px;display:flex;align-items:center;border-radius:17px;background:#052b62 var(--hero) center/cover;color:#fff}.sp-photo-hero>div{width:53%}.sp-photo-hero h1{font-size:52px;line-height:1.08;margin:0 0 20px}.sp-photo-hero p{font-size:17px;line-height:1.6}.sp-track-card{position:relative;width:min(850px,90%);margin:40px auto 0;padding:52px 65px 35px;text-align:center;border:1px solid #dce5ef;border-radius:16px;background:#fff}.sp-round{position:absolute;top:-38px;left:calc(50% - 38px);width:76px;height:76px;display:grid;place-items:center;border:1px solid #dce5ef;border-radius:50%;background:#f2f6fc}.sp-round i{width:38px;color:#073d81}.sp-track-card h2{font-size:28px}.sp-track-card>p{color:#64738a}.sp-track-card form{text-align:left}.sp-track-card label{display:block;margin:16px 0 7px;font-weight:800;font-size:11px}.sp-track-card input{width:100%;height:48px;margin-top:8px;padding:0 15px;border:1px solid #ccd8e6;border-radius:7px}.sp-track-card button{width:100%;height:49px;margin-top:16px;border:0;border-radius:7px;background:#ff6500;color:#fff;font-weight:800}.sp-login{margin-top:22px;padding:18px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;background:#f1f6fd;font-size:11px}.sp-login a{padding:10px 15px;border:1px solid #0b55bd;border-radius:6px;color:#0b55bd;text-decoration:none}.sp-center-title{text-align:center;margin:34px 0 20px}.sp-steps,.sp-commitments{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sp-steps article,.sp-commitments article{position:relative;text-align:center}.sp-steps article>span,.sp-commitments article>span{position:absolute;top:0;left:calc(50% - 45px);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#ff6500;color:#fff;font-size:10px;font-weight:800}.sp-steps article>i,.sp-commitments article>i{width:74px;height:74px;padding:18px;border:1px solid #dce5ef;border-radius:50%;background:#fff;color:#073d81}.sp-steps h3,.sp-commitments h3{font-size:12px}.sp-steps p,.sp-commitments p{color:#64738a;font-size:10px;line-height:1.55}.sp-commitments{grid-template-columns:repeat(5,1fr)}.sp-commitments article{min-height:210px;padding:20px;border:1px solid #dce5ef;border-radius:12px}.sp-benefits{display:grid;grid-template-columns:repeat(4,1fr)}.sp-benefits div{padding:18px;display:flex;gap:14px;align-items:center;border-right:1px solid #e0e7ef}.sp-benefits div:last-child{border:0}.sp-benefits i{width:46px;height:46px;padding:10px;border-radius:50%;background:#edf4ff;color:#073d81}.sp-steps.small{grid-template-columns:repeat(5,1fr)}.sp-steps.small article{padding:18px}.sp-support{margin-top:22px;padding:24px 35px;display:flex;align-items:center;gap:25px;border:1px solid #f0dccf;border-radius:14px;background:#fff8f3}.sp-support>i{width:60px;color:#073d81}.sp-support h2,.sp-support p{margin:3px}.sp-support p{color:#66758b}.sp-support a{margin-left:auto;padding:13px 28px;border-radius:7px;background:#ff6500;color:#fff;text-decoration:none;font-weight:800;font-size:12px}
@media(max-width:1000px){.sp-categories{grid-template-columns:repeat(3,1fr)}.sp-commitments{grid-template-columns:repeat(3,1fr)}.sp-photo-hero>div{width:65%}}@media(max-width:700px){.sp-shell{width:min(100% - 26px,650px)}.sp-categories,.sp-faq.two,.sp-steps,.sp-steps.small,.sp-commitments,.sp-benefits{grid-template-columns:1fr}.sp-photo-hero{min-height:440px;padding:28px;background-position:65% center}.sp-photo-hero:before{content:"";position:absolute;inset:0;background:rgba(2,29,65,.6)}.sp-photo-hero{position:relative}.sp-photo-hero>div{position:relative;width:100%}.sp-photo-hero h1{font-size:38px}.sp-track-card{width:auto;padding:48px 20px 25px}.sp-login,.sp-support{align-items:flex-start;flex-direction:column}.sp-support a{margin:0}}

/* Les héros utilisent l'image entière : le fond bleu remplit l'espace restant sans recadrage. */
.sp-help-hero{background-color:#052b62;background-image:linear-gradient(90deg,rgba(5,43,98,.28),rgba(5,43,98,0)),url('../images/support-pages/support-hero.png');background-repeat:no-repeat;background-position:center,right center;background-size:100% 100%,auto 100%}
.sp-photo-hero{background-color:#052b62;background-image:linear-gradient(90deg,rgba(5,43,98,.28),rgba(5,43,98,0)),var(--hero);background-repeat:no-repeat;background-position:center,right center;background-size:100% 100%,auto 100%}
@media(max-width:700px){.sp-help-hero,.sp-photo-hero{background-position:center,right center;background-size:100% 100%,auto 100%}}

/* Composition fidèle aux maquettes : une seule bannière continue, sans séparation. */
.sp-help-hero{min-height:285px;background-image:radial-gradient(circle at 50% 35%,rgba(19,79,147,.48),transparent 48%),linear-gradient(120deg,#062653,#073a77);background-size:100% 100%;background-position:center}
.sp-photo-hero{min-height:405px;background-image:linear-gradient(90deg,rgba(3,33,72,.3),rgba(3,33,72,0)),var(--hero);background-size:100% 100%;background-position:center}
.sp-hero-badges{display:flex;gap:22px;margin-top:38px}.sp-hero-badges span{max-width:125px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800}.sp-hero-badges i{flex:0 0 28px;width:28px;height:28px;color:#ff6500}
@media(max-width:700px){.sp-help-hero,.sp-photo-hero{background-size:cover;background-position:center}.sp-hero-badges{display:grid;grid-template-columns:1fr 1fr;gap:12px}}
