@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');:root{--navy:#06132b;--navy2:#0b2042;--blue:#168af5;--sky:#5dc4ff;--yellow:#ffc52f;--ink:#10213c;--muted:#60718a;--line:#e3eaf3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topline{background:#031026;color:#c7d8f0;font-size:12px}.topinner{display:flex;justify-content:space-between;gap:12px;padding:10px 0}.topinner a{color:#fff}.header{position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 5px 24px #06132b12}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:57px;height:57px;object-fit:contain;border-radius:50%;background:#06132b}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font:900 27px Outfit,sans-serif;letter-spacing:.05em}.brand small{font:700 12px Outfit,sans-serif;letter-spacing:.19em;margin-top:5px}.navigation{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:700}.navigation>a:not(.nav-cta):hover{color:#087bdf}.nav-cta{background:#0c6fdb;color:#fff;padding:13px 17px;border-radius:9px}.menu-toggle{display:none;border:0;background:transparent;font-size:27px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 30%,#073f8b 0%,#071d42 30%,#06132b 70%);color:white}.hero-glow{position:absolute;inset:0;background:linear-gradient(130deg,transparent 40%,#167ff51b 70%,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr .93fr;align-items:center;gap:50px;padding:72px 0}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:#098df6}.eyebrow{color:#80cfff}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#24c2f5;margin-right:8px;box-shadow:0 0 0 4px #24c2f52b}h1,h2,h3{font-family:Outfit,Arial,sans-serif}h1{font-size:clamp(43px,5.2vw,78px);line-height:1.03;letter-spacing:-.045em;margin:25px 0}h1 em{font-style:normal;color:#46b7ff}h1 span{color:var(--yellow)}.hero-copy>p{font-size:18px;line-height:1.75;color:#c9d9ee;max-width:570px}.hero-points{display:flex;flex-wrap:wrap;gap:15px;margin:25px 0;color:#eaf5ff;font-weight:700;font-size:14px}.hero-points span{padding:9px 12px;border:1px solid #3b5e86;border-radius:8px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:13px 21px;border-radius:9px;font-weight:800;font-size:14px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.primary{background:#0e88f7;color:white;box-shadow:0 8px 25px #0874e03b}.outline{border:1px solid #6e91b9;color:white}.hero-note{font-size:12px;color:#92a8c6;margin-top:20px}.hero-art{border-radius:19px;overflow:hidden;box-shadow:0 28px 90px #0008;border:1px solid #32609c}.hero-art img{width:100%;aspect-ratio:1.5;object-fit:cover}.trustbar{background:#f3f7fd;border-bottom:1px solid var(--line)}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 0}.trustgrid>div{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800}.trustgrid strong{font-size:24px}.section{padding:92px 0}.section-head{max-width:750px;margin-bottom:36px}.section-head h2,h2{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:13px 0}.section-head h2 span,h2 span{color:#087ee4}.section-head p{color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{border:1px solid var(--line);padding:28px 22px;border-radius:17px;box-shadow:0 8px 35px #0d376509;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0d37651c}.service-icon{width:56px;height:56px;background:#eaf5ff;color:#087ee4;display:grid;place-items:center;border-radius:15px;font-size:28px}.service-card h3{font-size:21px;margin:22px 0 10px}.service-card p{color:var(--muted);font-size:14px;line-height:1.7;min-height:72px}.service-card a{font-weight:800;color:#087ee4;font-size:13px}.brands{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-top:38px;padding:22px;border-radius:13px;background:#f3f7fd}.brands b{font-size:13px;margin-right:10px}.brands span{font-weight:800;color:#4c5b71}.section-dark{background:#071831;color:#fff}.section-dark .section-head p{color:#aabdd8}.section-dark .section-head h2 span{color:#59bdff}.other-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.other-grid>div{background:#102746;border:1px solid #284669;border-radius:14px;padding:22px;font-size:26px;display:flex;flex-direction:column;gap:12px}.other-grid b{font:700 17px Outfit,sans-serif}.other-grid small{font-size:13px;line-height:1.5;color:#afc1d8}.poster{margin:42px auto 0;max-width:350px;border-radius:14px;overflow:hidden;border:1px solid #2c517a}.poster img{width:100%}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.benefits>div{padding:30px;border-left:3px solid #168af5;background:#f5f9fe;border-radius:0 12px 12px 0}.benefits span{font:900 38px Outfit;color:#bddcf8}.benefits h3{margin:12px 0}.benefits p{color:var(--muted);line-height:1.6}.cta-band{background:linear-gradient(110deg,#0769d0,#093c86);color:white;padding:52px 0}.cta-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.cta-content .kicker{color:#b5e4ff}.cta-content h2{margin:9px 0}.cta-content p{color:#d6eaff}.light{background:white;color:#0758af}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.contact-grid>div>p{color:var(--muted);line-height:1.7}.contact-line{display:flex;gap:17px;margin:25px 0;line-height:1.65;font-size:20px}.contact-line>div{font-size:15px}.contact-line strong{color:#0d2140}.contact-line a{color:#087ee4}.hint{display:block;color:#8794a8;font-size:11px}.map-panel{min-height:410px;background:radial-gradient(circle at center,#c8e8ff,#e9f4ff 60%,#dceaf8);border:1px solid #d4e6f7;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.map-graphic{font-size:60px}.map-panel h3{font-size:26px;margin:15px 0 0}.map-panel p{line-height:1.6}.map-panel a{color:#087ee4;font-weight:800}footer{background:#06132b;color:#e3edfb;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:55px}.footer-logo{font:900 25px Outfit}.footer-logo span{color:#63bdff}.footer-grid p{color:#9db2cc;max-width:340px;line-height:1.7}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:14px}.footer-grid b{color:#fff;margin-bottom:6px}.footer-grid a,.footer-grid span{color:#b6c9df}.footbottom{margin-top:48px;border-top:1px solid #24405e;padding-top:22px;font-size:12px;color:#9db2cc}.floating-call{position:fixed;right:22px;bottom:22px;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#0986ef;color:white;font-size:25px;box-shadow:0 8px 25px #0579d77a;z-index:15}@media(max-width:950px){.menu-toggle{display:block}.navigation{display:none;position:absolute;top:78px;left:0;right:0;background:white;box-shadow:0 15px 20px #06132b18;padding:20px;flex-direction:column;align-items:stretch}.navigation.open{display:flex}.hero-grid{grid-template-columns:1fr;padding:55px 0}.hero-art{max-width:700px}.cards,.other-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:30px}}@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.topinner{font-size:10px}.topinner span{max-width:220px}.brand img{width:45px;height:45px}.brand strong{font-size:21px}.brand small{font-size:10px}.hero-grid{gap:30px}.hero-copy>p{font-size:16px}.trustgrid{grid-template-columns:repeat(2,1fr);gap:16px}.trustgrid>div{font-size:12px}.section{padding:60px 0}.cards,.other-grid,.benefits,.contact-grid,.footer-grid{grid-template-columns:1fr}.service-card p{min-height:0}.cta-content{align-items:flex-start;flex-direction:column}.map-panel{min-height:300px}.footer-grid{gap:30px}.hero-art img{aspect-ratio:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}/* ==================================
   CORRECTION BANNIÈRE PRINCIPALE
   OFFICE MULTI-SERVICES
   ================================== */

.hero-copy {
  width: 100%;
  min-width: 0;
  text-align: left;
}

.hero-copy .hero-description {
  max-width: 650px;
  margin: 24px 0;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 400;
  color: #c9d9ee;
  text-align: left;
}

.hero-points {
  justify-content: flex-start;
  align-items: center;
}

.hero-copy .actions {
  justify-content: flex-start;
  align-items: center;
}

.hero-note {
  text-align: left;
}

/* Adaptation sur téléphone */
@media (max-width: 650px) {
  .hero-copy .hero-description {
    font-size: 16px;
    line-height: 1.65;
    max-width: 100%;
  }
} /* EN-TÊTE PREMIUM OFFICE MULTI-SERVICES */

.header {
  background: #000000;
  box-shadow: 0 5px 25px rgba(0,0,0,.25);
}

.nav {
  height: 100px;
}

.brand {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.brand .logo-officiel {
  width: 230px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
}

.navigation {
  gap: 24px;
}

.navigation > a:not(.nav-cta) {
  color: #ffffff;
}

.navigation > a:not(.nav-cta):hover {
  color: #46b7ff;
}

.menu-toggle {
  color: #ffffff;
}

/* TABLETTES ET MOBILES */

@media (max-width: 950px) {
  .nav {
    height: 85px;
  }

  .brand .logo-officiel {
    width: 220px;
  }

  .navigation {
    top: 85px;
    background: #06132b;
  }
}

@media (max-width: 650px) {
  .nav {
    height: 75px;
  }

  .brand .logo-officiel {
    width: 190px;
  }

  .navigation {
    top: 75px;
  }
}
@media (max-width: 950px) {
  .brand .logo-officiel {
    width: 200px;
  }
}

@media (max-width: 650px) {
  .brand .logo-officiel {
    width: 175px;
  }
} /* Titre de la section réparations */
#reparations .section-head {
  max-width: 100%;
}

#reparations .section-head h2 {
  font-size: clamp(30px, 3vw, 44px);
  letter-spacing: -0.035em;
}

/* Adaptation mobile */
@media (max-width: 650px) {
  #reparations .section-head h2 {
    font-size: 30px;
  }
}
/* WhatsApp officiel */
.floating-call.whatsapp {
  width: 58px;
  height: 58px;
  background: #25D366;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 22px rgba(37, 211, 102, .35);
}

.floating-call.whatsapp i {
  font-size: 34px;
  line-height: 1;
}

.floating-call.whatsapp:hover {
  background: #20bd5a;
  transform: scale(1.06);
}