
    :root {
      --navy:#06142d;
      --navy2:#0b2147;
      --gold:#b8943f;
      --gold2:#d8bd68;
      --cream:#f8f3e8;
      --cream2:#fffaf2;
      --ink:#101a30;
      --muted:#5d6678;
      --line:#e8dcc6;
      --white:#ffffff;
      --shadow:0 28px 80px rgba(6,20,45,.13);
    }

    * { box-sizing:border-box; margin:0; padding:0; }
    html { scroll-behavior:smooth; }
    body {
      font-family: Georgia, "Times New Roman", serif;
      color:var(--ink);
      background:#fff;
      line-height:1.6;
      overflow-x:hidden;
    }
    a { color:inherit; text-decoration:none; }
    img { max-width:100%; display:block; }
    .container { width:min(1240px, calc(100% - 44px)); margin:0 auto; }

    header {
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(255,255,255,.99);
      border-bottom:1px solid rgba(232,220,198,.9);
      box-shadow:0 8px 28px rgba(6,20,45,.035);
    }
    .nav {
      min-height:118px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:40px;
    }
    .brand {
      width:330px;
      flex:0 0 auto;
    }
    .brand img {
      width:100%;
      filter:contrast(1.06) saturate(1.04);
    }
    .menu {
      display:flex;
      align-items:center;
      gap:38px;
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      font-weight:800;
      letter-spacing:.18em;
      text-transform:uppercase;
      color:var(--navy);
      white-space:nowrap;
    }
    .menu a {
      opacity:.88;
      transition:.25s ease;
    }
    .menu a:hover {
      opacity:1;
      color:var(--gold);
    }
    .menu .cta {
      background:var(--navy);
      color:#fff;
      opacity:1;
      padding:18px 36px;
      border-radius:999px;
      min-width:185px;
      text-align:center;
      box-shadow:0 18px 34px rgba(6,20,45,.15);
    }

    .hero {
      position:relative;
      min-height:790px;
      background:
        radial-gradient(circle at 18% 18%, rgba(184,148,63,.08), transparent 34%),
        linear-gradient(90deg, #fff 0%, #fffaf2 48%, #f1e8d7 100%);
      overflow:hidden;
      border-bottom:1px solid var(--line);
    }
    .hero::before {
      content:"";
      position:absolute;
      inset:0 auto 0 0;
      width:52%;
      background:
        linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.72)),
        repeating-linear-gradient(45deg, rgba(184,148,63,.055) 0 2px, transparent 2px 14px);
      opacity:.72;
      pointer-events:none;
    }
    .hero-grid {
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns: 1fr 1.08fr;
      min-height:790px;
      align-items:center;
      gap:42px;
      padding:64px 0 86px;
    }
    .hero-left {
      max-width:650px;
    }
    .eyebrow {
      display:inline-flex;
      align-items:center;
      gap:12px;
      padding:10px 16px;
      border-radius:999px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(184,148,63,.34);
      font-family:Arial, Helvetica, sans-serif;
      color:var(--navy);
      font-size:12px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.16em;
      margin-bottom:30px;
      box-shadow:0 14px 34px rgba(6,20,45,.035);
    }
    .eyebrow i {
      width:9px;
      height:9px;
      border-radius:999px;
      background:var(--gold);
      flex:0 0 auto;
    }
    h1 {
      color:var(--navy);
      font-size:clamp(43px,4.5vw,66px);
      line-height:1.08;
      letter-spacing:-.035em;
      font-weight:500;
      margin-bottom:24px;
    }
    .gold-line {
      width:110px;
      height:3px;
      background:linear-gradient(90deg,var(--gold),var(--gold2));
      margin:0 0 34px;
    }
    .hero-lead {
      color:#253047;
      font-family:Arial, Helvetica, sans-serif;
      font-size:18px;
      line-height:1.86;
      max-width:610px;
      margin-bottom:34px;
    }
    .hero-actions {
      display:flex;
      flex-wrap:wrap;
      gap:16px;
      margin-bottom:0;
    }
    .btn {
      min-height:58px;
      padding:0 28px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      font-weight:800;
      letter-spacing:.15em;
      text-transform:uppercase;
      border:1px solid transparent;
      transition:.25s ease;
      min-width:220px;
    }
    .btn:hover { transform:translateY(-2px); }
    .btn-primary {
      background:var(--navy);
      color:#fff;
      box-shadow:0 18px 36px rgba(6,20,45,.18);
    }
    .btn-outline {
      background:rgba(255,255,255,.86);
      color:var(--navy);
      border-color:var(--gold);
    }

    .hero-media {
      position:relative;
      min-height:600px;
      border-radius:300px 0 0 300px;
      overflow:hidden;
      box-shadow:var(--shadow);
      background:#d9c7a5;
      margin-right:calc((1240px - 100vw) / 2);
    }
    .hero-media img {
      width:100%;
      height:100%;
      min-height:600px;
      object-fit:cover;
      object-position:center;
      filter:saturate(1.05) contrast(1.02);
    }
    .hero-media::after {
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,rgba(255,250,241,.08),rgba(6,20,45,.06));
      pointer-events:none;
    }

    .quick-card {
      position:relative;
      z-index:5;
      margin-top:-78px;
    }
    .quick-grid {
      background:#fff;
      border-radius:26px;
      box-shadow:0 26px 70px rgba(6,20,45,.12);
      border:1px solid rgba(232,220,198,.8);
      display:grid;
      grid-template-columns:repeat(4,1fr);
      overflow:hidden;
    }
    .quick-item {
      padding:28px;
      display:grid;
      grid-template-columns:60px 1fr;
      gap:18px;
      align-items:center;
      border-right:1px solid var(--line);
      min-height:140px;
    }
    .quick-item:last-child { border-right:0; }
    .quick-icon {
      width:58px;
      height:58px;
      border-radius:50%;
      background:var(--cream);
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--navy);
      font-family:Arial, Helvetica, sans-serif;
      font-size:26px;
    }
    .quick-item h3 {
      color:var(--navy);
      font-family:Arial, Helvetica, sans-serif;
      font-size:14px;
      line-height:1.45;
      letter-spacing:.09em;
      text-transform:uppercase;
      margin-bottom:6px;
    }
    .quick-item p {
      color:#3d4659;
      font-family:Arial, Helvetica, sans-serif;
      font-size:14.5px;
      line-height:1.55;
    }

    .contact-strip {
      position:relative;
      z-index:6;
      margin:-6px auto 0;
      width:min(980px, calc(100% - 60px));
      background:var(--navy);
      color:#fff;
      border-radius:999px;
      padding:18px 34px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
      box-shadow:0 18px 42px rgba(6,20,45,.22);
      font-family:Arial, Helvetica, sans-serif;
    }
    .contact-strip div {
      display:flex;
      gap:12px;
      align-items:center;
      border-right:1px solid rgba(255,255,255,.22);
      padding-right:16px;
    }
    .contact-strip div:last-child {
      border-right:0;
      padding-right:0;
    }
    .contact-strip b {
      color:var(--gold2);
      font-size:20px;
      line-height:1;
    }
    .contact-strip strong {
      display:block;
      color:#dbe3f2;
      font-size:10px;
      letter-spacing:.14em;
      text-transform:uppercase;
      margin-bottom:3px;
    }
    .contact-strip span {
      display:block;
      color:#fff;
      font-size:13px;
      line-height:1.3;
    }

    section { padding:96px 0; }
    .center { text-align:center; }
    .soft {
      background:var(--cream);
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }
    .dark {
      background:
        radial-gradient(circle at 90% 12%, rgba(216,189,104,.15), transparent 34%),
        linear-gradient(135deg,var(--navy),#050d1c);
      color:#fff;
    }
    .kicker {
      color:var(--gold);
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      font-weight:800;
      letter-spacing:.22em;
      text-transform:uppercase;
      margin-bottom:18px;
    }
    h2 {
      color:var(--navy);
      font-size:clamp(34px,3.7vw,54px);
      line-height:1.1;
      letter-spacing:-.025em;
      font-weight:500;
      margin-bottom:26px;
    }
    .dark h2 { color:#fff; }
    .lead {
      max-width:940px;
      margin:auto;
      font-family:Arial, Helvetica, sans-serif;
      color:var(--muted);
      font-size:18px;
      line-height:1.9;
    }
    .dark .lead { color:#cbd5e4; }

    .cards {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:22px;
      margin-top:56px;
    }
    .card {
      background:#fff;
      border:1px solid var(--line);
      border-radius:30px;
      padding:30px;
      min-height:350px;
      box-shadow:0 16px 42px rgba(6,20,45,.06);
      text-align:left;
    }
    .card-number {
      width:55px;
      height:55px;
      border-radius:18px;
      background:var(--navy);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-family:Arial, Helvetica, sans-serif;
      margin-bottom:24px;
    }
    .card h3 {
      color:var(--navy);
      font-size:24px;
      line-height:1.2;
      font-weight:500;
      margin-bottom:16px;
    }
    .card p {
      color:var(--muted);
      font-family:Arial, Helvetica, sans-serif;
      font-size:15.7px;
      line-height:1.78;
    }

    .offers-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:24px;
      margin-top:56px;
    }
    .offer {
      background:#fff;
      border:1px solid var(--line);
      border-radius:32px;
      padding:34px;
      box-shadow:0 18px 48px rgba(6,20,45,.06);
      min-height:365px;
      text-align:left;
    }
    .offer .tag {
      display:inline-flex;
      padding:8px 12px;
      border-radius:999px;
      background:rgba(184,148,63,.12);
      color:var(--gold);
      font-family:Arial, Helvetica, sans-serif;
      font-size:11px;
      font-weight:800;
      letter-spacing:.16em;
      text-transform:uppercase;
      margin-bottom:22px;
    }
    .offer h3 {
      color:var(--navy);
      font-size:27px;
      line-height:1.18;
      font-weight:500;
      margin-bottom:18px;
    }
    .offer p, .offer li {
      color:var(--muted);
      font-family:Arial, Helvetica, sans-serif;
      font-size:15.8px;
      line-height:1.75;
    }
    .offer ul {
      margin-top:20px;
      display:grid;
      gap:10px;
      list-style:none;
    }
    .offer li {
      display:flex;
      gap:10px;
      align-items:flex-start;
    }
    .offer li::before {
      content:"";
      width:8px;
      height:8px;
      border-radius:99px;
      background:var(--gold);
      margin-top:9px;
      flex:0 0 auto;
    }

    .method {
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:18px;
      margin-top:54px;
    }
    .step {
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.14);
      border-radius:28px;
      padding:26px 22px;
      min-height:235px;
      text-align:left;
    }
    .step strong {
      display:inline-flex;
      width:44px;
      height:44px;
      border-radius:15px;
      align-items:center;
      justify-content:center;
      background:linear-gradient(135deg,var(--gold2),var(--gold));
      color:var(--navy);
      font-family:Arial, Helvetica, sans-serif;
      margin-bottom:22px;
    }
    .step h3 {
      font-size:21px;
      font-weight:500;
      line-height:1.18;
      margin-bottom:12px;
    }
    .step p {
      color:#cbd5e4;
      font-family:Arial, Helvetica, sans-serif;
      font-size:14.5px;
      line-height:1.7;
    }

    .vision-grid {
      display:grid;
      grid-template-columns:.95fr 1.05fr;
      gap:58px;
      align-items:stretch;
    }
    .vision-box {
      background:var(--navy);
      color:#fff;
      border-radius:38px;
      padding:46px;
      box-shadow:var(--shadow);
    }
    .vision-box .kicker { color:var(--gold2); }
    .vision-quote {
      font-size:31px;
      line-height:1.45;
      margin-bottom:30px;
    }
    .vision-founder {
      border-top:1px solid rgba(255,255,255,.18);
      padding-top:26px;
      color:#d4dbea;
      font-family:Arial, Helvetica, sans-serif;
      line-height:1.8;
    }
    .value-panel {
      background:#fff;
      border:1px solid var(--line);
      border-radius:38px;
      padding:42px;
      box-shadow:0 22px 60px rgba(6,20,45,.08);
    }
    .value-panel h3 {
      color:var(--navy);
      font-size:32px;
      line-height:1.2;
      font-weight:500;
      margin-bottom:26px;
    }
    .value-list {
      display:grid;
      gap:20px;
      font-family:Arial, Helvetica, sans-serif;
    }
    .value-list div {
      padding-left:22px;
      border-left:3px solid var(--gold);
    }
    .value-list strong {
      display:block;
      color:var(--navy);
      font-size:17px;
      margin-bottom:4px;
    }
    .value-list span {
      color:var(--muted);
      line-height:1.7;
      font-size:15.5px;
    }

    .contact-grid {
      display:grid;
      grid-template-columns:1fr .92fr;
      gap:30px;
      align-items:stretch;
      margin-top:56px;
      text-align:left;
    }
    form,.contact-card {
      background:rgba(255,255,255,.065);
      border:1px solid rgba(255,255,255,.14);
      border-radius:34px;
      padding:36px;
      min-height:570px;
      display:flex;
      flex-direction:column;
      box-shadow:0 26px 70px rgba(0,0,0,.16);
    }
    .field { margin-bottom:20px; }
    label {
      display:block;
      margin-bottom:9px;
      color:#ccd6e6;
      font-family:Arial, Helvetica, sans-serif;
      font-size:11px;
      letter-spacing:.18em;
      text-transform:uppercase;
    }
    input, textarea {
      width:100%;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.08);
      color:#fff;
      border-radius:18px;
      padding:16px 18px;
      outline:none;
      font-family:Arial, Helvetica, sans-serif;
      font-size:15px;
    }
    textarea { min-height:152px; resize:vertical; }
    input::placeholder, textarea::placeholder { color:rgba(255,255,255,.45); }
    .submit,.signature {
      margin-top:auto;
      width:100%;
      min-height:74px;
      border:0;
      border-radius:20px;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      background:linear-gradient(135deg,#f0df9a,var(--gold2) 45%,var(--gold));
      color:var(--navy);
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      font-weight:800;
      letter-spacing:.18em;
      text-transform:uppercase;
      box-shadow:0 14px 28px rgba(184,148,63,.18);
      cursor:pointer;
      padding:0 24px;
    }
    .contact-card h3 {
      color:#fff;
      font-weight:500;
      font-size:32px;
      margin-bottom:24px;
    }
    .contact-text {
      color:#cbd5e4;
      font-family:Arial, Helvetica, sans-serif;
      line-height:1.8;
      margin-bottom:30px;
    }
    .info-list {
      display:grid;
      gap:22px;
      font-family:Arial, Helvetica, sans-serif;
      color:#d7deeb;
      margin-bottom:34px;
    }
    .info-title {
      color:var(--gold2);
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.18em;
      margin-bottom:6px;
      font-weight:700;
    }

    footer {
      background:#050d1c;
      color:#9aa8bd;
      padding:28px 0;
      font-family:Arial, Helvetica, sans-serif;
      font-size:13px;
    }
    .footer-inner {
      display:flex;
      justify-content:space-between;
      gap:20px;
      flex-wrap:wrap;
    }

    @media(max-width:1100px) {
      .brand { width:270px; }
      .menu { gap:20px; font-size:11px; }
      .hero-grid, .vision-grid, .contact-grid { grid-template-columns:1fr; }
      .hero-media {
        margin-right:0;
        border-radius:34px;
        min-height:430px;
      }
      .hero-media img { min-height:430px; }
      .quick-grid, .cards { grid-template-columns:repeat(2,1fr); }
      .contact-strip { grid-template-columns:repeat(2,1fr); border-radius:30px; }
      .contact-strip div:nth-child(2) { border-right:0; }
      .offers-grid { grid-template-columns:1fr; }
      .method { grid-template-columns:repeat(2,1fr); }
    }
    @media(max-width:760px) {
      .container { width:min(100% - 28px,1240px); }
      .nav { min-height:92px; justify-content:center; }
      .brand { width:250px; }
      .menu { display:none; }
      .hero-grid { padding:52px 0 70px; min-height:auto; }
      .hero { min-height:auto; }
      h1 { font-size:40px; }
      .hero-lead { font-size:16.5px; }
      .hero-actions .btn { width:100%; }
      .hero-media { min-height:360px; border-radius:28px; }
      .hero-media img { min-height:360px; }
      .quick-card { margin-top:0; }
      .quick-grid, .cards, .method, .contact-strip { grid-template-columns:1fr; }
      .quick-item { border-right:0; border-bottom:1px solid var(--line); }
      .quick-item:last-child { border-bottom:0; }
      .contact-strip { width:min(100% - 28px,980px); border-radius:28px; margin-top:22px; }
      .contact-strip div { border-right:0; border-bottom:1px solid rgba(255,255,255,.18); padding-bottom:14px; }
      .contact-strip div:last-child { border-bottom:0; padding-bottom:0; }
      section { padding:70px 0; }
      .card, .offer, .vision-box, .value-panel, form, .contact-card { padding:26px; border-radius:26px; }
      form,.contact-card { min-height:auto; }
      .submit,.signature { margin-top:28px; }
    }
  
/* AMÉLIORATION VERSION EN LIGNE — SOBRE, PREMIUM, STABLE */
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

header,
.site-header {
  backdrop-filter: blur(18px);
  box-shadow: 0 10px 34px rgba(6,20,45,.045) !important;
}

.menu a:not(.cta) {
  position: relative;
}

.menu a:not(.cta)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -9px;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--gold), var(--gold-2, #d8bd68));
  transition: width .25s ease;
}

.menu a:not(.cta):hover::after {
  width: 100%;
}

.menu .cta,
.btn-primary {
  background: linear-gradient(135deg, #06142d, #0b2147) !important;
  box-shadow: 0 18px 38px rgba(6,20,45,.18) !important;
}

.btn,
.card,
.offer,
.step,
.value-panel,
.vision-box,
form,
.contact-card,
.proof-item {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.btn:hover,
.card:hover,
.offer:hover,
.proof-item:hover {
  transform: translateY(-4px);
}

.card:hover,
.offer:hover,
.proof-item:hover {
  box-shadow: 0 28px 72px rgba(6,20,45,.10) !important;
  border-color: rgba(184,148,63,.35) !important;
}

.hero {
  min-height: 735px !important;
}

.hero-grid {
  padding-top: 82px !important;
  padding-bottom: 86px !important;
}

h1 {
  max-width: 760px !important;
}

.hero-lead,
.hero p {
  max-width: 710px !important;
}

.hero-proof {
  margin-top: 2px;
}

section {
  scroll-margin-top: 120px;
}

.zones-section {
  background: #fff;
  border-top: 1px solid var(--line, #e8dcc6);
}

.country-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 46px;
  text-align: left;
}

.country {
  background: #fff;
  border: 1px solid var(--line, #e8dcc6);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 16px 42px rgba(6,20,45,.055);
  font-family: Arial, Helvetica, sans-serif;
}

.country strong {
  display: block;
  color: var(--navy, #06142d);
  font-size: 15px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.country span {
  color: var(--muted, #667085);
  font-size: 14.5px;
  line-height: 1.65;
}

.country:hover {
  border-color: rgba(184,148,63,.45);
  transform: translateY(-3px);
  box-shadow: 0 26px 64px rgba(6,20,45,.09);
}

.contact-card .signature,
.submit {
  background: linear-gradient(135deg, #f0df9a, #d8bd68 45%, #b8943f) !important;
}

@media(max-width:1100px) {
  .country-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:760px) {
  .hero {
    min-height: auto !important;
  }

  .country-grid {
    grid-template-columns: 1fr;
  }

  .country {
    padding: 22px;
    border-radius: 22px;
  }
}


/* RÉAJUSTEMENT CONTACT STRIP */
.contact-strip{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:22px !important;
  align-items:center !important;
}

.contact-item{
  min-height:88px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

@media(max-width:860px){
  .contact-strip{
    grid-template-columns:1fr !important;
  }

  .contact-item{
    text-align:center !important;
  }
}


/* AJUSTEMENT APRÈS SUPPRESSION SECTION ZONES */
#methode{
  border-top:1px solid rgba(232,220,198,.7);
}

.quick-card{
  margin-bottom:34px !important;
}


/* CORRECTION PROPRE CARTE CONTACT */
.contact-card .info-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:28px !important;
  margin:28px 0 34px !important;
}

.contact-card .info-list > div{
  margin:0 !important;
  padding:0 !important;
}

.contact-card .info-title{
  margin:0 0 8px !important;
}

.contact-card .signature{
  margin-top:34px !important;
}

@media(max-width:760px){
  .contact-card .info-list{
    gap:24px !important;
  }
}


/* CARTE CONTACT RECONSTRUITE PROPREMENT */
.contact-card{
  display:flex !important;
  flex-direction:column !important;
}

.clean-info-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:28px !important;
  margin:28px 0 0 !important;
  padding:0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  color:#d7deeb !important;
}

.clean-info-item{
  margin:0 !important;
  padding:0 !important;
}

.clean-info-item .info-title{
  color:var(--gold2, #d8bd68) !important;
  font-size:11px !important;
  text-transform:uppercase !important;
  letter-spacing:.18em !important;
  margin:0 0 8px 0 !important;
  font-weight:700 !important;
}

.clean-info-item a,
.clean-info-item p{
  margin:0 !important;
  padding:0 !important;
  color:#d7deeb !important;
  font-size:16px !important;
  line-height:1.55 !important;
}

.contact-card .signature{
  margin-top:auto !important;
}

@media(max-width:760px){
  .clean-info-list{
    gap:24px !important;
  }

  .contact-card .signature{
    margin-top:30px !important;
  }
}


/* AJUSTEMENT FINAL CARTE CONTACT */
.contact-card-refined{
  display:flex !important;
  flex-direction:column !important;
  padding:44px !important;
}

.contact-card-refined h3{
  margin-bottom:26px !important;
}

.contact-card-refined .contact-text{
  margin-bottom:42px !important;
}

.refined-info-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

.refined-info-item{
  padding:0 0 34px 0 !important;
  margin:0 0 34px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}

.refined-info-item.no-line{
  border-bottom:0 !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

.refined-info-item .info-title{
  margin:0 0 10px 0 !important;
  color:var(--gold2, #d8bd68) !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.refined-info-item a,
.refined-info-item p{
  margin:0 !important;
  padding:0 !important;
  color:#e5ebf7 !important;
  font-size:17px !important;
  line-height:1.55 !important;
}

.contact-card-refined .signature{
  margin-top:52px !important;
  width:100% !important;
}

@media(max-width:760px){
  .contact-card-refined{
    padding:28px !important;
  }

  .contact-card-refined .contact-text{
    margin-bottom:30px !important;
  }

  .refined-info-item{
    padding-bottom:26px !important;
    margin-bottom:26px !important;
  }

  .contact-card-refined .signature{
    margin-top:34px !important;
  }
}


/* ALIGNEMENT FINAL DES DEUX BLOCS OR */
.contact-grid{
  align-items:stretch !important;
}

.contact-grid form,
.contact-card-refined{
  min-height:620px !important;
  display:flex !important;
  flex-direction:column !important;
}

.contact-grid form .submit,
.contact-card-refined .signature{
  margin-top:auto !important;
  width:100% !important;
  min-height:82px !important;
  height:82px !important;
  padding:0 28px !important;
  border-radius:24px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;
  line-height:1 !important;
  vertical-align:middle !important;

  font-family:Arial, Helvetica, sans-serif !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;

  background:linear-gradient(135deg,#f0df9a,#d8bd68 45%,#b8943f) !important;
  color:#06142d !important;
}

.contact-grid form .submit{
  border:0 !important;
  cursor:pointer !important;
}

.contact-card-refined .signature{
  max-width:none !important;
}

@media(max-width:980px){
  .contact-grid form,
  .contact-card-refined{
    min-height:auto !important;
  }

  .contact-grid form .submit,
  .contact-card-refined .signature{
    margin-top:34px !important;
  }
}


/* AJUSTEMENT ESPACE POSITIONNEMENT + BLOCS OR */
.refined-info-item.no-line{
  padding-bottom:26px !important;
  margin-bottom:34px !important;
}

.refined-info-item.no-line p{
  margin-top:10px !important;
}

.contact-grid form .submit,
.contact-card-refined .signature{
  border-radius:30px !important;
  box-shadow:
    0 10px 30px rgba(216,189,104,.18),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
}


/* ALIGNEMENT PARFAIT DES BLOCS OR EN BAS */
.contact-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:stretch !important;
  gap:40px !important;
}

.contact-grid > *{
  height:100% !important;
}

.contact-grid form,
.contact-card-refined{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-height:100% !important;
}

.contact-grid form .submit,
.contact-card-refined .signature{
  margin-top:auto !important;
  position:relative !important;
  bottom:0 !important;
}

.contact-card-refined{
  padding-bottom:22px !important;
}

.contact-grid form{
  padding-bottom:22px !important;
}

@media(max-width:980px){
  .contact-grid{
    grid-template-columns:1fr !important;
  }
}


/* FOOTER FINAL */
footer .footer-inner{
  justify-content:center !important;
  text-align:center !important;
}

footer .footer-inner span:last-child{
  color:#d8bd68 !important;
  letter-spacing:.02em !important;
}


/* FOOTER — DISPOSITION FINALE */
footer{
  background:#070e1d !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  padding:24px 0 !important;
  color:#9aa8bd !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:14px !important;
}

footer .footer-inner{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:28px !important;
  flex-wrap:wrap !important;
  text-align:left !important;
}

footer .footer-inner span{
  color:#9aa8bd !important;
  letter-spacing:0 !important;
  font-weight:400 !important;
}

footer .footer-inner span:last-child{
  color:#9aa8bd !important;
  text-align:right !important;
}

@media(max-width:760px){
  footer .footer-inner{
    justify-content:center !important;
    text-align:center !important;
  }

  footer .footer-inner span:last-child{
    text-align:center !important;
  }
}


/* FORMULAIRE TELEPHONE */
.phone-row{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:16px;
  margin-bottom:22px;
}

.country-code select,
.phone-number input{
  width:100%;
  height:62px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:#ffffff;
  padding:0 18px;
  font-size:16px;
}

.country-code label,
.phone-number label{
  display:block;
  margin-bottom:10px;
  color:#d8bd68;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

footer .footer-inner{
  justify-content:space-between !important;
}

footer .footer-inner span:last-child{
  color:#9aa8bd !important;
  text-align:right !important;
}

@media(max-width:760px){
  .phone-row{
    grid-template-columns:1fr;
  }
}


/* CHAMP TÉLÉPHONE FORMULAIRE */
.phone-field{
  margin-bottom:20px !important;
}

.phone-combo{
  display:grid !important;
  grid-template-columns:190px 1fr !important;
  gap:14px !important;
  width:100% !important;
}

.phone-combo select,
.phone-combo input{
  width:100% !important;
  min-height:62px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border-radius:18px !important;
  padding:0 18px !important;
  outline:none !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:15px !important;
}

.phone-combo select option{
  color:#06142d;
  background:#ffffff;
}

@media(max-width:760px){
  .phone-combo{
    grid-template-columns:1fr !important;
  }
}


/* FORMULAIRE PREMIUM COMPLET */
.premium-contact-form{
  display:flex;
  flex-direction:column;
  height:100%;
}

.double-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.phone-country-grid{
  margin-top:4px;
}

.field{
  margin-bottom:22px;
}

.field label{
  display:block;
  margin-bottom:10px;
  color:#d8bd68;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-family:Arial, Helvetica, sans-serif;
}

.field input,
.field select,
.field textarea{
  width:100%;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:#ffffff;
  padding:18px 22px;
  font-size:16px;
  outline:none;
  transition:.25s ease;
  font-family:Arial, Helvetica, sans-serif;
}

.field input:focus,
.field select:focus,
.field textarea:focus{
  border-color:rgba(216,189,104,.55);
  box-shadow:0 0 0 4px rgba(216,189,104,.08);
}

.field textarea{
  min-height:190px;
  resize:vertical;
}

.phone-combo{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:14px;
}

.phone-combo select option,
.field select option{
  color:#06142d;
  background:#ffffff;
}

.premium-contact-form .submit{
  margin-top:auto;
}

@media(max-width:760px){

  .double-grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .phone-combo{
    grid-template-columns:1fr;
  }

}


/* MESSAGE FORMULAIRE */
.form-note{
  margin-top:18px;
  color:rgba(255,255,255,.62);
  font-size:13px;
  line-height:1.5;
  font-family:Arial, Helvetica, sans-serif;
}


/* CORRECTION DÉFINITIVE DU CHAMP TÉLÉPHONE */
.premium-contact-form{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.double-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
}

.field{
  margin-bottom:20px !important;
}

.field label{
  display:block !important;
  margin-bottom:10px !important;
  color:#d8bd68 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

.field input,
.field select,
.field textarea{
  width:100% !important;
  min-height:62px !important;
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.08) !important;
  color:#ffffff !important;
  padding:0 20px !important;
  font-size:16px !important;
  outline:none !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

.field textarea{
  min-height:170px !important;
  padding:18px 20px !important;
  resize:vertical !important;
}

.phone-field-full{
  width:100% !important;
}

.phone-combo-large{
  display:grid !important;
  grid-template-columns:120px minmax(0, 1fr) !important;
  gap:16px !important;
  width:100% !important;
}

.phone-combo-large select{
  width:120px !important;
  min-width:120px !important;
  max-width:120px !important;
  text-align:center !important;
  padding:0 14px !important;
}

.phone-combo-large input{
  width:100% !important;
  min-width:0 !important;
  font-size:17px !important;
}

.phone-combo-large select option,
.field select option{
  color:#06142d !important;
  background:#ffffff !important;
}

.premium-contact-form .submit{
  margin-top:auto !important;
}

@media(max-width:760px){
  .double-grid{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  .phone-combo-large{
    grid-template-columns:1fr !important;
  }

  .phone-combo-large select{
    width:100% !important;
    max-width:none !important;
  }
}


/* FORMULAIRE PREMIUM ÉPURÉ */
.premium-contact-form{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.double-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
}

.field{
  margin-bottom:20px !important;
}

.field label{
  display:block !important;
  margin-bottom:10px !important;
  color:#d8bd68 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

.field input,
.field textarea{
  width:100% !important;
  min-height:64px !important;
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.08) !important;
  color:#ffffff !important;
  padding:0 22px !important;
  font-size:16px !important;
  outline:none !important;
  font-family:Arial, Helvetica, sans-serif !important;
  transition:.25s ease !important;
}

.field input:focus,
.field textarea:focus{
  border-color:rgba(216,189,104,.45) !important;
  box-shadow:0 0 0 4px rgba(216,189,104,.08) !important;
}

.phone-inline{
  display:grid !important;
  grid-template-columns:120px 1fr !important;
  gap:14px !important;
}

.phone-inline input:first-child{
  text-align:center !important;
}

.message-field{
  flex:1 1 auto !important;
}

.field textarea{
  min-height:190px !important;
  padding:20px 22px !important;
  resize:vertical !important;
}

.form-bottom{
  margin-top:auto !important;
  display:flex !important;
  flex-direction:column !important;
}

.premium-contact-form .submit{
  width:100% !important;
  min-height:82px !important;
  border-radius:30px !important;
}

.form-note{
  margin-top:18px !important;
  text-align:center !important;
  color:rgba(255,255,255,.58) !important;
  font-size:13px !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

@media(max-width:760px){
  .double-grid{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  .phone-inline{
    grid-template-columns:1fr !important;
  }
}


/* ALIGNEMENT FINAL BAS CONTACT */
.contact-grid{
  align-items:stretch !important;
}

.contact-grid form,
.contact-card-refined{
  min-height:640px !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}

.form-bottom{
  margin-top:auto !important;
}

.premium-contact-form .submit,
.contact-card-refined .signature{
  margin-top:auto !important;
  min-height:82px !important;
  height:82px !important;
  width:100% !important;
  border-radius:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
}

.contact-card-refined .signature{
  flex:0 0 auto !important;
}

@media(max-width:980px){
  .contact-grid form,
  .contact-card-refined{
    min-height:auto !important;
  }
}


/* AJUSTEMENT INDICATIF / TELEPHONE */
.phone-inline{
  grid-template-columns:82px 1fr !important;
  gap:12px !important;
}

.phone-inline input:first-child{
  max-width:82px !important;
  min-width:82px !important;
  padding:0 10px !important;
  font-size:15px !important;
}

.phone-inline input:last-child{
  width:100% !important;
  font-size:17px !important;
  letter-spacing:.02em !important;
}


/* ==========================================================
   SYNELYA — FINAL PREMIUM CLEAN
   ========================================================== */

:root{
  --navy:#06142d;
  --navy-soft:#101b32;
  --gold:#b8943f;
  --gold2:#d8bd68;
  --line:rgba(255,255,255,.14);
}

body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Header */
header{
  backdrop-filter:blur(18px);
}

.menu a:not(.cta){
  position:relative;
}

.menu a:not(.cta)::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-9px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,var(--gold),var(--gold2));
  transition:width .25s ease;
}

.menu a:not(.cta):hover::after{
  width:100%;
}

/* Contact section */
.contact-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:40px !important;
  align-items:stretch !important;
}

.contact-grid form,
.contact-card-refined,
.contact-card{
  min-height:640px !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  border-radius:34px !important;
}

/* Form */
.premium-contact-form{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.double-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
}

.field{
  margin-bottom:20px !important;
}

.field label{
  display:block !important;
  margin-bottom:10px !important;
  color:var(--gold2) !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

.field input,
.field textarea{
  width:100% !important;
  min-height:64px !important;
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  padding:0 22px !important;
  font-size:16px !important;
  outline:none !important;
  font-family:Arial, Helvetica, sans-serif !important;
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease !important;
}

.field input::placeholder,
.field textarea::placeholder{
  color:rgba(255,255,255,.48) !important;
}

.field input:focus,
.field textarea:focus{
  border-color:rgba(216,189,104,.55) !important;
  box-shadow:0 0 0 4px rgba(216,189,104,.08) !important;
  background:rgba(255,255,255,.105) !important;
}

.phone-inline{
  display:grid !important;
  grid-template-columns:82px 1fr !important;
  gap:12px !important;
}

.phone-inline input:first-child{
  text-align:center !important;
  padding:0 10px !important;
  font-size:15px !important;
}

.phone-inline input:last-child{
  font-size:17px !important;
}

.message-field{
  flex:1 1 auto !important;
}

.message-field textarea{
  min-height:178px !important;
  height:100% !important;
  padding:20px 22px !important;
  resize:vertical !important;
}

.form-bottom{
  margin-top:auto !important;
}

/* Gold blocks */
.premium-contact-form .submit,
.contact-card-refined .signature,
.contact-card .signature{
  margin-top:auto !important;
  width:100% !important;
  min-height:82px !important;
  height:82px !important;
  border-radius:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
  border:0 !important;
  cursor:pointer !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  background:linear-gradient(135deg,#f0df9a,#d8bd68 45%,#b8943f) !important;
  color:#06142d !important;
  box-shadow:0 14px 36px rgba(216,189,104,.16), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

.premium-contact-form .submit:hover{
  transform:translateY(-2px);
}

/* Right contact card */
.contact-card-refined .contact-text,
.contact-card .contact-text{
  margin-bottom:34px !important;
}

.refined-info-list,
.clean-info-list,
.info-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
}

.refined-info-item,
.clean-info-item,
.contact-card .info-list > div{
  margin:0 0 28px 0 !important;
  padding:0 0 28px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}

.refined-info-item:last-child,
.clean-info-item:last-child,
.contact-card .info-list > div:last-child{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  border-bottom:0 !important;
}

.info-title{
  margin:0 0 10px 0 !important;
  color:var(--gold2) !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.refined-info-item a,
.refined-info-item p,
.clean-info-item a,
.clean-info-item p,
.contact-card .info-list a,
.contact-card .info-list p{
  color:#e6edf7 !important;
  font-size:17px !important;
  line-height:1.55 !important;
  margin:0 !important;
}

/* Footer */
footer{
  background:#070e1d !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  padding:24px 0 !important;
  color:#9aa8bd !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:14px !important;
}

footer .footer-inner{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:28px !important;
  flex-wrap:wrap !important;
  text-align:left !important;
}

footer .footer-inner span{
  color:#9aa8bd !important;
  letter-spacing:0 !important;
  font-weight:400 !important;
}

footer .footer-inner span:last-child{
  color:#9aa8bd !important;
  text-align:right !important;
}

/* Responsive */
@media(max-width:980px){
  .contact-grid{
    grid-template-columns:1fr !important;
  }

  .contact-grid form,
  .contact-card-refined,
  .contact-card{
    min-height:auto !important;
  }
}

@media(max-width:760px){
  .double-grid{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  .phone-inline{
    grid-template-columns:1fr !important;
  }

  .premium-contact-form .submit,
  .contact-card-refined .signature,
  .contact-card .signature{
    min-height:74px !important;
    height:74px !important;
    font-size:12px !important;
    letter-spacing:.16em !important;
  }

  footer .footer-inner{
    justify-content:center !important;
    text-align:center !important;
  }

  footer .footer-inner span:last-child{
    text-align:center !important;
  }
}


/* AJUSTEMENT FINAL ESPACE MESSAGE / BOUTON */
.message-field{
  margin-bottom:42px !important;
}

.message-field textarea{
  min-height:190px !important;
}

.form-bottom{
  margin-top:auto !important;
  padding-top:8px !important;
}

/* ALIGNEMENT PARFAIT BOUTONS GOLD */
.premium-contact-form .submit,
.contact-card-refined .signature,
.contact-card .signature{
  width:100% !important;
  min-height:82px !important;
  height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin-top:auto !important;
}

.contact-grid{
  align-items:stretch !important;
}

.contact-grid form,
.contact-card-refined,
.contact-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:640px !important;
}

@media(max-width:980px){
  .contact-grid form,
  .contact-card-refined,
  .contact-card{
    min-height:auto !important;
  }
}



/* CORRECTION RÉELLE HERO — IMAGE RECADRÉE, SANS CARTE BLANCHE */
.hero-media img,
.hero-visual img,
.hero-image img,
.hero-right img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

.hero-media,
.hero-visual,
.hero-image,
.hero-right{
  overflow:hidden !important;
}


/* FIX OVERLAY WHITE CARD */
.hero-section,
.hero,
.hero-wrapper,
.hero-container{
    position:relative !important;
    z-index:5 !important;
}

.stats-section,
.metrics-section,
.features-strip,
.hero-bottom-card{
    margin-top:40px !important;
    position:relative !important;
    z-index:1 !important;
}

@media (min-width: 1200px){
    .stats-section,
    .metrics-section,
    .features-strip,
    .hero-bottom-card{
        margin-top:60px !important;
    }
}


/* FIX WHITE GAP TOP HERO IMAGE */
.hero-media,
.hero-image,
.hero-visual,
.hero-right{
    line-height:0 !important;
    font-size:0 !important;
    overflow:hidden !important;
}

.hero-media img,
.hero-image img,
.hero-visual img,
.hero-right img{
    display:block !important;
    margin-top:-4px !important;
}
