/* LPF Logistique — Styles v12 */
:root{
  --bg:#0b0b0b;
  --panel:#121212;
  --muted:#b8b8b8;
  --text:#f7f7f7;
  --gold:#d4af37;
  --gold-2:#e4c44f;
  --accent: var(--gold);
  --radius:14px;
  --radius-sm:10px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;line-height:1.55}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1120px, 92%);margin-inline:auto}

.site-header{position:sticky;top:0;background:rgba(11,11,11,.8);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid #1e1e1e;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{width:160px;height:auto;display:block}

.nav{display:flex;gap:20px;align-items:center}
.nav a{color:#fff;opacity:.9}
.nav .cta.sm{padding:.55rem .9rem;border-radius:999px;background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#111;border:0;box-shadow:var(--shadow)}
.lang{background:#1a1a1a;border:1px solid #2a2a2a;color:#fff;border-radius:10px;padding:.5rem .7rem;cursor:pointer}

.hamburger{display:none;background:#0b0b0b;border:1px solid #262626;color:#fff;border-radius:12px;padding:.5rem .6rem;cursor:pointer;transition:transform .2s ease;outline:none}
.hamburger:focus{box-shadow:0 0 0 3px rgba(212,175,55,.35)}
.hamburger .ham{display:block}
.hamburger .line{fill:none;stroke:var(--gold);stroke-width:6;stroke-linecap:round;transition:transform .35s ease, opacity .2s ease, stroke .2s ease}
.hamburger .top{transform-origin: 50px 29px}
.hamburger .bottom{transform-origin: 50px 71px}
.hamburger.open .top{transform: translateY(21px) rotate(45deg)}
.hamburger.open .middle{opacity:0}
.hamburger.open .bottom{transform: translateY(-21px) rotate(-45deg)}

.mobile-nav{position:fixed;top:60px;left:0;right:0;background:#0f0f0f;border-top:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b;box-shadow:0 12px 24px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:10px;padding:14px;z-index:9}
.mobile-nav a{padding:.9rem 1rem;border:1px solid #242424;border-radius:12px;background:#121212;color:#eee;text-decoration:none}
.mobile-nav a.cta.sm{background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#111;border-color:transparent}

.hero{padding:72px 0 36px;background:radial-gradient(1200px 600px at 85% 0%,rgba(212,175,55,.08),transparent);}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.hero-copy h1{font-size:clamp(28px,3.6vw,44px);margin:0 0 12px 0}
.lead{color:#eaeaea;opacity:.9;font-size:1.1rem;margin:0 0 18px 0}
.actions{display:flex;gap:12px;margin:22px 0}
.cta{display:inline-block;background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#111;font-weight:700;border-radius:999px;padding:.9rem 1.2rem;border:0;box-shadow:var(--shadow)}
.ghost{display:inline-block;border:1px solid #2a2a2a;padding:.85rem 1.15rem;border-radius:999px;color:#fff}

.trust{display:flex;gap:14px;flex-wrap:wrap;padding:0;margin:18px 0;list-style:none}
.trust li{background:#151515;border:1px solid #262626;border-radius:999px;padding:.45rem .75rem;font-size:.95rem;color:#ddd}

.hero-card{position:relative;min-height:320px;border-radius:var(--radius);background:
linear-gradient(145deg, rgba(212,175,55,.12), rgba(255,255,255,.02)),
radial-gradient(600px 240px at 110% -20%, rgba(212,175,55,.25), transparent),
#101010;border:1px solid #2b2b2b;box-shadow:var(--shadow);display:flex;align-items:flex-end;overflow:hidden}
.card-panel.note{width:100%;padding:16px;background:rgba(0,0,0,.35);backdrop-filter:blur(4px);border-top:1px solid #222}
.hero-note{margin:0;color:#ddd}

.section{padding:64px 0}
.section.alt{background:#0f0f0f;border-top:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b}
h2{font-size:clamp(24px,3vw,34px);margin:0 0 18px 0}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:#121212;border:1px solid #242424;border-radius:var(--radius-sm);padding:18px;min-height:140px}
.card h3{margin:0 0 8px 0}
.card p{margin:0;color:#ddd}

.zones{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.zones span{border:1px solid #262626;border-radius:999px;padding:.4rem .7rem;background:#151515;color:#eee}

.fineprint{color:var(--muted);margin-top:10px}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.form{display:grid;gap:12px;background:#121212;border:1px solid #242424;border-radius:16px;padding:16px}
.form input,.form textarea{width:100%;padding:.9rem;border-radius:10px;border:1px solid #2a2a2a;background:#0f0f0f;color:#fff}
.form button{cursor:pointer}

.badges{display:flex;gap:8px;flex-wrap:wrap}
.badges span{border:1px solid #2a2a2a;border-radius:999px;padding:.35rem .6rem;background:#151515;color:#ddd}

.site-footer{border-top:1px solid #1a1a1a;background:#0b0b0b}
.foot-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.foot-links{display:flex;gap:16px}
.foot-links a{color:#ddd}

.muted{color:var(--muted)}

.callbar{position:fixed;left:0;right:0;bottom:0;padding:10px;background:rgba(11,11,11,.92);backdrop-filter:blur(8px);border-top:1px solid #1a1a1a;display:none;gap:10px;z-index:12}
.callbar a{flex:1;display:inline-block;text-align:center;padding:12px 14px;border-radius:999px;font-weight:700;text-decoration:none}
.callbar a.call,.callbar a.email{background:#121212;border:1px solid #242424;color:#fff}
.callbar a.quote{background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#111;border:0}

@media (max-width: 980px){
  .hamburger{display:inline-block}
  .nav{display:none}
  .callbar{display:flex}
  .site-header{top:0}
  body{padding-bottom:70px}
  .hero-inner{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .contact{grid-template-columns:1fr}
}