:root{
  --blue:#1687ff;--blue2:#005ee8;--black:#05070a;--dark:#0c1016;--card:#111720;
  --text:#f5f7fa;--muted:#aab3c0;--line:#202936;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111820;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(5,7,10,.92);backdrop-filter:blur(16px);border-bottom:1px solid #1c232d;color:#fff}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:27px;font-weight:900;font-style:italic;letter-spacing:-1.5px}.brand-auto{color:var(--blue)}.nav nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}.nav nav a{opacity:.88}.nav nav a:hover{opacity:1;color:#65b2ff}.nav-cta{padding:11px 18px;border:1px solid #2d9aff;border-radius:999px}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 25%,#092f61 0,#08111d 32%,#05070a 70%);color:#fff;padding:110px 0 90px}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:-150px;top:-180px;background:#0077ff;filter:blur(160px);opacity:.18}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:900;letter-spacing:3px;color:#4eabff;margin-bottom:17px}.hero h1{font-size:clamp(46px,7vw,84px);line-height:.95;letter-spacing:-4px;margin:0 0 25px}.hero h1 span{color:#1687ff}.hero-text{max-width:590px;color:#b9c2ce;font-size:19px;line-height:1.65}.hero-actions{display:flex;gap:14px;margin:32px 0}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:12px;font-weight:850;border:1px solid transparent;cursor:pointer;font-size:15px}.btn-primary{background:linear-gradient(135deg,#19a0ff,#0069f2);color:#fff;box-shadow:0 12px 35px rgba(0,116,255,.25)}.btn-ghost{border-color:#364352;color:#fff;background:rgba(255,255,255,.02)}.trust{display:flex;gap:22px;color:#9eabb9;font-size:13px}.hero-card{min-height:390px;border:1px solid #263341;border-radius:28px;background:linear-gradient(145deg,#101821,#05070a);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 35px 80px rgba(0,0,0,.35);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:18px;border:1px solid #18232e;border-radius:20px}.car-line{width:80%;height:85px;border-top:5px solid #1687ff;border-radius:50%;transform:skewX(-12deg);opacity:.9;margin-bottom:-15px}.hero-logo{position:relative;text-align:center}.logo-main{font-size:56px;font-style:italic;letter-spacing:-5px}.logo-main b{color:#fff}.logo-main strong{color:#1687ff}.logo-sub{margin-top:8px;font-size:11px;letter-spacing:4px;color:#c9d2dd}.hero-card-bottom{position:absolute;bottom:28px;color:#5e7185;font-size:10px;letter-spacing:2px}
.stats{background:#0a0e13;color:#fff;border-top:1px solid #1b242e;border-bottom:1px solid #1b242e}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0}.stats-grid div{text-align:center;border-right:1px solid #202934}.stats-grid div:last-child{border:0}.stats strong{display:block;color:#fff;font-size:18px}.stats span{color:#788696;font-size:12px}
.section{padding:105px 0}.section-head{max-width:700px;margin-bottom:50px}.section h2{font-size:clamp(34px,5vw,56px);letter-spacing:-2.5px;margin:0 0 14px}.section-head p{color:#697584;font-size:17px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:32px;border:1px solid #e2e7ec;border-radius:20px;background:#fff;box-shadow:0 12px 40px rgba(8,21,35,.05)}.card.featured{border-color:#1687ff;box-shadow:0 18px 50px rgba(0,119,255,.12)}.icon{font-size:12px;font-weight:900;color:#1687ff;letter-spacing:2px;margin-bottom:65px}.card h3{font-size:24px;margin:0 0 12px}.card p{color:#687583;line-height:1.65;min-height:80px}.tag{display:inline-block;margin-top:20px;padding:7px 10px;border-radius:999px;background:#eef6ff;color:#006bea;font-size:11px;font-weight:800}
.dark{background:#080c11;color:#fff}.dark .section-head p{color:#8f9baa}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{position:relative;border:1px solid #26303b;border-radius:22px;padding:32px;background:#0e141c}.price-main{border-color:#1687ff;transform:translateY(-8px);background:linear-gradient(160deg,#101c2b,#0b1017)}.popular{position:absolute;right:20px;top:20px;font-size:10px;font-weight:900;color:#62b7ff;letter-spacing:1px}.price-card h3{font-size:22px}.price{font-size:48px;font-weight:900;margin:20px 0}.price small{font-size:12px;color:#8793a1;font-weight:500}.price-card ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:13px;color:#bdc6d1;font-size:14px}.fineprint{color:#6e7b89;font-size:12px;margin-top:22px}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery-box{min-height:260px;border-radius:20px;background:linear-gradient(135deg,#e7ebef,#cbd2da);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#65717d;font-weight:800;letter-spacing:2px}.gallery-box.after{background:linear-gradient(135deg,#07111d,#163a61);color:#74bdff}.gallery-box p{font-weight:500;letter-spacing:0;margin:8px 0 0;font-size:13px}
.process{background:#f5f7fa}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps b{font-size:12px;color:#1687ff;letter-spacing:2px}.steps h3{font-size:24px;margin:14px 0 8px}.steps p{color:#687583;line-height:1.6}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact h2{font-size:clamp(38px,5vw,60px);letter-spacing:-3px;margin:0 0 18px}.contact p{color:#697584;line-height:1.7}.contact-points{display:grid;gap:14px;margin-top:30px;font-weight:700}.contact-points a{color:#006bea}.form{border:1px solid #e1e6eb;padding:30px;border-radius:22px;box-shadow:0 20px 60px rgba(13,28,43,.07);display:grid;gap:16px}.form label{font-size:12px;font-weight:800;color:#4b5866;display:grid;gap:7px}.form input,.form select,.form textarea{width:100%;border:1px solid #d8dfe6;border-radius:10px;padding:13px 14px;font:inherit;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:#1687ff;box-shadow:0 0 0 3px rgba(22,135,255,.1)}.form-note{font-size:12px!important;margin:0!important;color:#1687ff!important}
.footer{background:#05070a;color:#fff;padding:35px 0;border-top:1px solid #202731}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:24px;font-weight:900;font-style:italic}.footer-brand span{color:#1687ff}.footer small{color:#74808d}.footer-links{display:flex;gap:22px;font-size:13px;color:#aab3bd}
@media(max-width:850px){.nav nav{display:none}.menu{display:block}.hero{padding:80px 0}.hero-grid,.contact-grid{grid-template-columns:1fr}.hero-card{min-height:300px}.cards,.pricing,.steps{grid-template-columns:1fr}.price-main{transform:none}.stats-grid{grid-template-columns:1fr;gap:18px}.stats-grid div{border-right:0;border-bottom:1px solid #202934;padding-bottom:18px}.stats-grid div:last-child{border:0}.gallery{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.hero h1{letter-spacing:-2px}}
/* Cartes de parrainage BravAuto */
.parrainage-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.parrainage-cards .price-card {
  box-sizing: border-box;
  width: 100%;
  min-height: 320px;
  height: 100%;
  margin: 0;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 26px;
  color: #111827;
  box-shadow: none;
}

.parrainage-cards .price-card:first-child {
  background: linear-gradient(135deg, #f8fbff, #e7f1ff);
  border: 1px solid #91c5ff;
}

.parrainage-cards .price-card:nth-child(2) {
  background: linear-gradient(135deg, #fffaf3, #ffebcc);
  border: 1px solid #ffad42;
}

.parrainage-cards .price-card h3 {
  margin: 20px 0;
  color: #111827;
  font-size: 1.5rem;
}

.parrainage-cards .price-card p {
  margin: 0;
  color: #334155;
  line-height: 1.6;
}

.parrainage-cards .price-card .price {
  margin: 0 0 16px;
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.1;
}

.parrainage-cards .price-card:first-child .price {
  color: #087cf0;
}

.parrainage-cards .price-card:nth-child(2) .price {
  color: #ed7900;
}

@media (max-width: 650px) {
  .parrainage-cards {
    grid-template-columns: 1fr;
  }

  .parrainage-cards .price-card {
    min-height: 250px;
    padding: 28px;
  }
}
/* === Parrainage BravAuto : rendu final === */
#parrainage .pricing.parrainage-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  align-items: stretch;
}

#parrainage .parrainage-cards .price-card {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 404px;
  min-height: 0;
  margin: 0;
  padding: 40px 52px;
  overflow: hidden;
  border-radius: 28px;
  text-align: left;
  box-shadow: none;
}

#parrainage .parrainage-cards .price-card:first-child {
  background: linear-gradient(125deg, #f8fbff, #e5efff);
  border: 1px solid #d1e3ff;
}

#parrainage .parrainage-cards .price-card:nth-child(2) {
  background: linear-gradient(125deg, #fffaf3, #ffebce);
  border: 1px solid #ffb443;
}

#parrainage .card-label {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 32px;
  font-size: 20px;
  font-weight: 800;
}

#parrainage .price-card:first-child .card-label {
  color: #287df5;
}

#parrainage .price-card:nth-child(2) .card-label {
  color: #f47b08;
}

#parrainage .parrainage-cards .price-card h3 {
  margin: 0 0 22px;
  color: #111827;
  font-size: 36px;
  line-height: 1.2;
}

#parrainage .parrainage-cards .price-card .price {
  margin: 0 0 18px;
  font-size: 76px;
  font-weight: 850;
  line-height: 1;
}

#parrainage .parrainage-cards .price-card:first-child .price {
  color: #287df5;
}

#parrainage .parrainage-cards .price-card:nth-child(2) .price {
  color: #f47b08;
}

#parrainage .parrainage-cards .price-card p {
  margin: 0;
  color: #475569;
  font-size: 20px;
  line-height: 1.5;
}

@media (max-width: 650px) {
  #parrainage .pricing.parrainage-cards {
    grid-template-columns: 1fr;
  }

  #parrainage .parrainage-cards .price-card {
    height: auto;
    min-height: 320px;
    padding: 32px 26px;
  }

  #parrainage .parrainage-cards .price-card h3 {
    font-size: 28px;
  }

  #parrainage .parrainage-cards .price-card .price {
    font-size: 60px;
  }
}