:root{--red:#df3025;--black:#16191c;--line:#d8d8d8;--grey:#f3f4f5}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171717;background:#fff}
.wrap{width:min(1120px,calc(100% - 34px));margin:auto}
.hero{height:435px;position:relative;overflow:hidden;background:#eef2f5}
.hero-image{position:absolute;inset:0 0 0 44%;background:url("hero-maison.png") center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 37%,rgba(255,255,255,.72) 51%,rgba(255,255,255,0) 70%)}
.hero-inner{position:relative;height:100%;display:flex;align-items:center}
.hero-copy{width:55%}.logo{width:360px;max-width:90%;display:block;margin-bottom:22px}
h1{font-size:48px;line-height:1.03;margin:0 0 22px;font-weight:900;letter-spacing:-1.5px}
h1 span{color:var(--red)} .hero p{font-size:18px;line-height:1.45;max-width:560px}
.zones{display:flex;gap:28px;align-items:center;font-weight:800;font-size:19px}.zones i{height:28px;width:1px;background:#777}
.badge{position:absolute;top:26px;left:48%;width:135px;height:135px;border-radius:50%;background:#151515;color:#fff;border:5px solid #fff;outline:3px solid #171717;display:grid;place-content:center;text-align:center;transform:translateX(-50%);box-shadow:0 5px 18px #0003}
.badge small{font-weight:800}.badge strong{font-size:42px;color:var(--red);line-height:1}
.benefits{background:linear-gradient(#202326,#111416);color:#fff}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.benefits-grid>div{display:flex;gap:15px;align-items:center;padding:18px 20px;border-right:1px solid #777}
.benefits-grid>div:last-child{border-right:0}.benefits b{font-size:28px}.benefits span{display:grid;gap:4px}.benefits strong{font-size:13px}.benefits small{color:#ddd}
.main-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;padding:38px 0 52px}
.pitch{border-radius:4px;padding:0 18px 20px;background:#fff;box-shadow:0 4px 24px #00000012}
.red-title{background:var(--red);color:#fff;font-size:28px;font-weight:900;text-align:center;padding:8px 12px;margin:0 40px 10px}
.pitch h2{text-align:center;font-size:30px;margin:0 0 26px}
.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;text-align:center;gap:8px}
.steps>div:not(.arrow){display:grid;gap:7px}.steps b{font-size:43px}.steps strong{font-size:11px}.steps small{font-size:11px}.arrow{font-size:30px;font-weight:800}
.choice{margin-top:28px;background:#f3f3f3;padding:18px;display:flex;gap:16px;align-items:center}
.check-circle{width:58px;height:58px;border-radius:50%;background:#171717;color:#ffd442;display:grid;place-items:center;font-size:36px;font-weight:900;flex:0 0 auto}
.choice p{font-size:13px;line-height:1.45;margin:6px 0 0}.choice b{color:var(--red)}
.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.mini-cards div{height:100px;background:linear-gradient(145deg,#43474b,#eceff1);color:#fff;display:grid;place-items:end start;padding:10px;font-weight:800;text-shadow:0 1px 4px #000}
.form-card{background:#fff;border-radius:5px;box-shadow:0 4px 24px #00000018;padding:26px 28px}
.form-card h2{font-size:18px;margin:0 0 18px}.form-card h2 span{color:var(--red)}
label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}
input,textarea{width:100%;border:1px solid #cfd3d7;border-radius:3px;padding:10px 11px;font:14px Arial;background:#fff}
input:focus,textarea:focus{outline:2px solid #e75a52;outline-offset:-1px}
.row{display:grid;gap:10px}.row.two{grid-template-columns:1fr 1fr}.row.three{grid-template-columns:.65fr .7fr 1fr}
fieldset{border:0;padding:0;margin:8px 0 12px;display:flex;gap:18px;flex-wrap:wrap}
legend{font-size:12px;color:#666;margin-bottom:8px}.check{display:flex;gap:7px;align-items:center;font-weight:400;margin:0}.check input,.rgpd input{width:auto}
.upload-title{font-size:12px;font-weight:800;margin:15px 0 8px}.uploads{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.upload-box{border:1px solid #cfd3d7;border-radius:4px;padding:12px;text-align:center;display:grid;gap:4px;cursor:pointer;background:#fafafa}
.upload-box b{font-size:24px}.upload-box strong{font-size:10px}.upload-box small{font-size:9px;font-weight:400;color:#555}.upload-box input{font-size:9px;padding:4px;border:0}
.rgpd{display:flex;gap:8px;align-items:flex-start;margin:15px 0;font-weight:400}.rgpd a{color:var(--red)}
button{width:100%;border:0;border-radius:3px;background:linear-gradient(#ef3c31,#d9241b);color:#fff;font-weight:900;font-size:16px;padding:14px;cursor:pointer}
button:disabled{opacity:.65;cursor:wait}.note{text-align:center;font-size:10px;margin:8px 0 0;color:#444}
#formStatus{text-align:center;font-size:13px;font-weight:700;margin-top:9px}
.honeypot{position:absolute!important;left:-9999px!important}
footer{background:linear-gradient(#22272a,#15181b);color:#fff;padding:30px 0}
.footer-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr 1.5fr;gap:28px}.footer-grid>div{display:grid;gap:7px}.footer-grid small{color:#ddd;line-height:1.45}
@media(max-width:850px){
 .hero{height:auto;min-height:520px}.hero-image{inset:0;background-position:center;opacity:.35}.hero-overlay{background:rgba(255,255,255,.82)}
 .hero-inner{padding:35px 0}.hero-copy{width:100%}.badge{right:30px;left:auto;transform:none;width:110px;height:110px}
 h1{font-size:39px}.benefits-grid{grid-template-columns:1fr 1fr}.main-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .wrap{width:min(100% - 22px,1120px)}.logo{width:290px}.badge{display:none}h1{font-size:34px}.hero p{font-size:16px}
 .benefits-grid{grid-template-columns:1fr}.benefits-grid>div{border-right:0;border-bottom:1px solid #555}
 .red-title{margin:0 10px 10px;font-size:23px}.steps{grid-template-columns:1fr}.steps .arrow{transform:rotate(90deg)}
 .row.two,.row.three,.uploads{grid-template-columns:1fr}.form-card{padding:20px 16px}.footer-grid{grid-template-columns:1fr}
}