:root{--blue:#173b73;--blue2:#0f2f60;--red:#d42a32;--ink:#17202b;--muted:#68717d;--line:#e1e5ea;--soft:#f5f7fa;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
header{height:76px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--blue2);font-size:.86rem;font-weight:850;letter-spacing:.09em}.logo span{width:37px;height:37px;border-radius:7px;display:grid;place-items:center;background:var(--blue);color:white;letter-spacing:-.05em}.nav nav{display:flex;align-items:center;gap:28px}.nav nav a{text-decoration:none;color:var(--ink);font-weight:650;font-size:.9rem}.nav .nav-cta{color:white;background:var(--blue);padding:11px 16px;border-radius:6px}.menu{display:none;background:none;border:0;font-size:1.5rem}
.hero{padding:82px 0 92px;background:linear-gradient(135deg,#fff 58%,#f2f5f9 58%)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center}.kicker{font-size:.75rem;color:var(--red);font-weight:850;letter-spacing:.16em}.hero h1{font-family:Georgia,serif;font-size:clamp(3.5rem,6.5vw,6.3rem);font-weight:500;line-height:.94;letter-spacing:-.045em;margin:18px 0 28px}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:1.13rem;color:var(--muted);max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.btn{min-height:49px;padding:0 21px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:780;border:1px solid transparent;cursor:pointer;font-size:.9rem}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue2)}.ghost{border-color:#cbd1d8;color:var(--blue);background:#fff}.red{background:var(--red);color:white}.full{width:100%}.mini-trust{display:flex;gap:22px;flex-wrap:wrap;color:#65707d;font-size:.82rem}.mini-trust span::first-letter{color:var(--blue)}
.hero-panel{background:var(--blue2);border-radius:16px;overflow:hidden;color:#fff;box-shadow:0 25px 60px rgba(23,59,115,.18)}.flagline{height:5px;display:grid;grid-template-columns:1fr 1fr 1fr}.flagline i:nth-child(1){background:#164194}.flagline i:nth-child(2){background:#fff}.flagline i:nth-child(3){background:#e32636}.car{height:270px;position:relative;background:radial-gradient(circle at 50% 40%,#31588c 0,#102f5d 68%)}.car .body{position:absolute;left:13%;right:13%;bottom:67px;height:68px;border:3px solid rgba(255,255,255,.7);border-radius:70px 80px 22px 22px}.car .roof{position:absolute;left:30%;right:28%;bottom:130px;height:65px;border:3px solid rgba(255,255,255,.7);border-bottom:0;border-radius:80px 80px 0 0;transform:skewX(-13deg)}.wheel{position:absolute;bottom:45px;width:48px;height:48px;border:8px solid #091a32;background:#b8c1cc;border-radius:50%}.wheel.one{left:24%}.wheel.two{right:23%}.panel-copy{padding:26px 30px 32px}.panel-copy small{color:#aebbd0;letter-spacing:.12em}.panel-copy h3{font-family:Georgia,serif;font-size:1.55rem;font-weight:500;margin:8px 0}.panel-copy p{color:#c1ccdc;margin:0}
.section{padding:92px 0}.heading{max-width:780px;margin-bottom:44px}.heading.center{text-align:center;margin-left:auto;margin-right:auto}.heading h2{font-family:Georgia,serif;font-size:clamp(2.5rem,4.5vw,4.2rem);font-weight:500;line-height:1.04;letter-spacing:-.025em;margin:11px 0}.heading p{color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-grid article{padding:30px;border:1px solid var(--line);border-radius:12px}.service-grid b{color:var(--red);font-size:.75rem}.service-grid h3{margin:28px 0 8px}.service-grid p{color:var(--muted);margin:0}
.offers{background:var(--soft)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan{background:#fff;border:1px solid var(--line);border-radius:13px;padding:29px;position:relative;display:flex;flex-direction:column}.plan.recommended{border:2px solid var(--blue);transform:translateY(-7px);box-shadow:0 15px 40px rgba(23,59,115,.09)}.plan.premium{border-top:4px solid var(--red)}.badge{position:absolute;right:16px;top:15px;background:#eaf0f8;color:var(--blue);padding:5px 8px;border-radius:99px;font-size:.61rem;font-weight:850;letter-spacing:.07em}.plan-name{font-weight:850;color:var(--blue);letter-spacing:.04em}.price{font-family:Georgia,serif;font-size:3rem;margin-top:18px;color:var(--ink)}.sub{color:var(--muted);font-size:.88rem;min-height:28px}.proposals{margin:24px 0 12px;padding:14px;background:#f5f7fa;border-radius:8px;color:var(--blue)}.proposals strong{font-size:1.4rem}.plan p{color:var(--muted);flex:1}.compare{background:#fff;border:1px solid var(--line);border-radius:13px;margin-top:45px;padding:30px}.compare>h3{font-family:Georgia,serif;font-size:2rem;margin-top:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:14px 13px;border-bottom:1px solid #e7eaee;text-align:center;font-size:.88rem}th:first-child,td:first-child{text-align:left;width:46%}th{color:var(--blue);background:#f7f9fb}.money td{font-weight:850}.strong td{font-weight:800;color:var(--blue)}td:not(:first-child){font-weight:650}.footnote{font-size:.75rem;color:var(--muted)}
.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps article{border-top:3px solid var(--blue);padding-top:20px}.steps span{color:var(--red);font-weight:850;font-size:.75rem}.steps h3{margin:14px 0 7px}.steps p{color:var(--muted);margin:0}
.search{background:#f6f8fb}.path-switch{max-width:820px;margin:0 auto 25px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.path{padding:20px;border:1px solid #ccd3dc;border-radius:10px;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.path strong,.path small{display:block}.path strong{font-size:1rem}.path small{color:var(--muted);margin-top:3px}.path.active{border:2px solid var(--blue);background:#eef3fa}.path.active strong{color:var(--blue)}
form{max-width:960px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px;box-shadow:0 12px 35px rgba(20,40,70,.05)}form h3{font-family:Georgia,serif;font-size:1.7rem;font-weight:500;margin:0 0 22px}.form-path{display:none}.form-path.active{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{font-size:.8rem;font-weight:750;display:flex;flex-direction:column;gap:6px}input,select,textarea{width:100%;border:1px solid #ccd2da;border-radius:6px;background:white;padding:12px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue)}.wide{margin-top:17px}.equipment{border-top:1px solid var(--line);margin-top:30px;padding-top:30px}.equipment-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.equipment-head h3{margin-bottom:4px}.equipment-head p{font-size:.8rem;color:var(--muted);margin:0}.legend{font-size:.72rem;color:var(--muted);white-space:nowrap}.wanted-dot,.must-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:8px}.wanted-dot{background:var(--blue)}.must-dot{background:var(--red)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.chips button{border:1px solid #cbd2da;background:#fff;border-radius:99px;padding:8px 12px;cursor:pointer;color:#4c5765}.chips button.wanted{background:#e9f0fa;border-color:var(--blue);color:var(--blue);font-weight:750}.chips button.must{background:#fff0f1;border-color:var(--red);color:var(--red);font-weight:800}.form-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.submit{border:0}#message{margin-top:15px;color:var(--blue);font-weight:800;text-align:center}
footer{background:var(--blue2);color:white;padding:42px 0}.footer{display:flex;align-items:center;justify-content:space-between}.logo.light{color:#fff}.footer p{font-size:.78rem;color:#aebbd0}.tricolor{display:grid;grid-template-columns:repeat(3,35px);height:5px}.tricolor i:nth-child(1){background:#164194}.tricolor i:nth-child(2){background:white}.tricolor i:nth-child(3){background:#e32636}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.service-grid,.plans{grid-template-columns:1fr}.plan.recommended{transform:none}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wrap{width:calc(100% - 26px)}.menu{display:block}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.hero{padding-top:55px}.form-grid,.form-bottom,.path-switch,.steps{grid-template-columns:1fr}.section{padding:68px 0}.equipment-head,.footer{flex-direction:column}.legend{white-space:normal}.compare{padding:18px}form{padding:22px}.hero h1{font-size:3.5rem}}
.free-advice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  padding:18px 20px;

  border:1px solid #d7e0ec;
  border-radius:10px;

  background:#f7f9fc;
}

.free-advice-text{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.free-advice-text small{
  color:var(--red);
  font-size:.65rem;
  font-weight:850;
  letter-spacing:.12em;
}

.free-advice-text strong{
  color:var(--blue);
  font-size:.95rem;
}

.free-advice-text span{
  color:var(--muted);
  font-size:.75rem;
}

.free-price{
  min-width:95px;

  padding:12px 16px;

  border-radius:7px;

  background:var(--blue);
  color:white;

  text-align:center;

  font-weight:900;
  letter-spacing:.08em;
}
.car-photo{
  width:100%;
  height:300px;
  overflow:hidden;
}

.car-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

.nav-login{
  padding:10px 16px;
  border:1px solid var(--blue);
  border-radius:7px;
  color:var(--blue) !important;
  font-weight:800;
}

.nav-login:hover{
  background:var(--blue);
  color:white !important;
}

/* =====================================================
   COORDONNEES FORMULAIRE
===================================================== */

.contact-form-block{
  margin-top:28px;
  margin-bottom:22px;

  padding:22px;

  border:1px solid #dfe5ec;
  border-radius:12px;

  background:#f7f9fc;
}

.contact-form-head{
  margin-bottom:17px;
}

.contact-form-head small{
  display:block;

  margin-bottom:5px;

  color:#d62335;

  font-size:.62rem;
  font-weight:900;

  letter-spacing:.1em;
}

.contact-form-head h3{
  margin:0;

  color:#173f77;

  font-size:1rem;
}

.contact-form-head p{
  margin:6px 0 0;

  color:#738095;

  font-size:.75rem;

  line-height:1.45;
}

.contact-phone-label{
  display:grid;

  gap:7px;

  max-width:420px;

  color:#40556f;

  font-size:.74rem;
  font-weight:750;
}

.contact-phone-label input{
  width:100%;

  min-height:46px;

  padding:0 13px;

  border:1px solid #d0d9e3;
  border-radius:8px;

  background:white;

  color:#26354b;

  outline:none;
}

.contact-phone-label input:focus{
  border-color:#1d467f;

  box-shadow:
    0 0 0 3px
    rgba(29,70,127,.08);
}