:root{--gold:#c9a45c;--gold2:#e5cc8e;--ink:#101010;--muted:#aaa;--paper:#f7f5f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#f8f7f4;background:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{width:min(1120px,90%);margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(16,16,16,.94);backdrop-filter:blur(12px);border-bottom:1px solid #29251e}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:78px;height:78px;object-fit:contain}.brand strong{letter-spacing:2px;font-size:18px}.brand small{display:block;color:var(--gold);font-size:11px;letter-spacing:3px}
nav{display:flex;gap:28px;font-size:13px;color:#ddd}nav a:hover{color:var(--gold2)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:1px solid var(--gold);border-radius:3px;color:#111;background:var(--gold);font-weight:700;font-size:13px;transition:.2s}.btn:hover{background:var(--gold2);transform:translateY(-1px)}.btn.outline{background:transparent;color:var(--gold)}
.hero{padding:100px 0 90px;background:radial-gradient(ellipse at 75% 35%,#302719 0%,#171512 34%,#101010 70%);border-bottom:1px solid #28231b}
.eyebrow{color:var(--gold);letter-spacing:3px;text-transform:uppercase;font-size:11px;font-weight:bold}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.08;max-width:780px;margin:20px 0}.hero h1 span{color:var(--gold2)}.hero p{max-width:620px;color:#c9c6c0;font-size:17px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}
.trust{padding:22px 0;border-bottom:1px solid #2a2722;background:#141311}.trust .wrap{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap;color:#c9c6c0;font-size:12px}.trust b{color:var(--gold2);font-weight:600}
section{padding:82px 0}.section-head{max-width:650px;margin-bottom:38px}.section-head h2{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:12px 0}.section-head p{color:#aaa;margin:0}
.services{background:#f7f5f0;color:#151515}.services .section-head p{color:#666}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;padding:25px 22px;border:1px solid #e9e3d7;min-height:205px;transition:.2s}.card:hover{transform:translateY(-4px);border-color:var(--gold)}.icon{font-size:25px;color:#a7833e;margin-bottom:14px}.card h3{font-size:17px;margin:0 0 9px}.card p{font-size:13px;color:#666;margin:0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-panel{border:1px solid #3b3224;padding:32px;background:linear-gradient(135deg,#1c1a16,#111)}.about-panel .big{font-size:22px;color:var(--gold2);line-height:1.35}.about p{color:#b8b5ae}.values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.value{border-left:2px solid var(--gold);padding-left:12px;font-size:13px;color:#ddd}
.process{background:#191815}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{border-top:1px solid #55472e;padding-top:20px}.step span{color:var(--gold);font-size:12px;letter-spacing:2px}.step h3{margin:8px 0;font-size:18px}.step p{margin:0;color:#aaa;font-size:14px}
.contact{background:#f7f5f0;color:#151515}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.contact p{color:#666}.contact-box{background:#fff;border:1px solid #e5dece;padding:28px}.contact-box strong{display:block;margin-bottom:8px}.contact-box small{color:#777}
footer{padding:25px 0;color:#888;font-size:12px;border-top:1px solid #2a2722}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:850px){nav{gap:14px}.cards{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.steps{grid-template-columns:1fr;gap:22px}.hero{padding:75px 0}}
@media(max-width:560px){.nav{height:auto;min-height:88px;flex-wrap:wrap;padding:10px 0}.brand img{width:62px;height:62px}nav{order:3;width:100%;justify-content:space-between;padding-bottom:10px;font-size:12px}.nav>.btn{padding:10px 12px;font-size:12px}.cards{grid-template-columns:1fr}.hero{padding:60px 0}.trust .wrap{gap:10px;display:grid;grid-template-columns:1fr 1fr}section{padding:60px 0}}

/* Formulaire de contact */
.contact-grid{align-items:start}
.form{background:#fff;border:1px solid #e5dece;padding:28px;color:#151515}
.form h3{margin:0 0 4px;font-size:20px}.form>p{margin:0 0 20px;font-size:14px}
.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:#222}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid #d8d0bd;border-radius:3px;font:inherit;font-size:15px;color:#151515;background:#fbfaf6}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#555;margin:6px 0 20px}
.consent input{margin-top:4px;width:18px;height:18px;accent-color:#a7833e;flex:none}
.consent a,.contact-box a.link{color:#8a6a2a;text-decoration:underline}
.form .btn{width:100%;cursor:pointer;font-family:inherit}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.contact-box p{margin:0 0 16px}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
/* Pages légales */
.legal{padding:70px 0 90px}.legal .wrap{max-width:820px}
.legal h1{font-size:clamp(30px,5vw,44px);line-height:1.15;margin:12px 0 10px}
.legal .updated{color:#888;font-size:13px;margin:0 0 40px}
.legal h2{font-size:21px;color:var(--gold2);margin:38px 0 10px;padding-top:22px;border-top:1px solid #2a2722}
.legal p,.legal li{color:#c9c6c0;font-size:15.5px}.legal ul{padding-left:20px}.legal li{margin-bottom:6px}
.legal a{color:var(--gold2);text-decoration:underline}.legal strong{color:#f8f7f4}
.legal .note{border-left:2px solid var(--gold);padding:10px 16px;background:#16140f;margin:20px 0;font-size:14px}
.back{display:inline-block;margin-bottom:26px;color:var(--gold);font-size:13px}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:var(--gold2)}
@media(max-width:560px){.row{grid-template-columns:1fr}.form{padding:22px 18px}}

/* Statut du formulaire */
.form-status{margin:14px 0 0;font-size:14px;min-height:1.4em}
.form-status.ok{color:#2f6b3a}.form-status.err{color:#a33a2a}
.form .btn[disabled]{opacity:.6;cursor:wait}

.service-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:28px 0 8px}
.btn-secondary{background:transparent;border:1px solid currentColor}
@media(max-width:560px){.service-cta .btn{width:100%;text-align:center}}

/* Réseaux sociaux */
.social-links{display:inline-flex;align-items:center;gap:10px;margin-right:14px;vertical-align:middle}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#f2f4f8;color:#1f2f5f;text-decoration:none;transition:transform .2s ease,background .2s ease,color .2s ease}
.social-links a:hover{transform:translateY(-2px);background:#1f2f5f;color:#fff}
.social-links svg{width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.5}
.social-links svg rect{fill:none}
.social-links svg circle{fill:none}
.social-links svg .fill{fill:currentColor;stroke:none}
.form-note{font-size:.9rem;opacity:.75;margin-top:10px}

/* Logo MEV : fond transparent pour se fondre dans l'en-tête */
.brand img{background:transparent;mix-blend-mode:normal;}

/* ===== HERO MEV : grand logo lumineux et fondu ===== */
.hero{
  position:relative;
  overflow:hidden;
  min-height:650px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(ellipse at 78% 38%,rgba(91,67,32,.48) 0%,rgba(37,30,20,.70) 30%,rgba(16,16,16,.96) 72%),
    linear-gradient(120deg,#0d1620 0%,#151515 58%,#211b12 100%);
}
.hero-logo{
  position:absolute;
  z-index:0;
  width:min(72vw,820px);
  height:min(72vw,820px);
  left:-80px;
  top:50%;
  transform:translateY(-50%);
  object-fit:contain;
  opacity:.78;
  filter:brightness(1.10) saturate(1.12) drop-shadow(0 0 24px rgba(255,210,115,.28));
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(90deg,rgba(16,16,16,.00) 0%,rgba(16,16,16,.02) 38%,rgba(16,16,16,.50) 67%,rgba(16,16,16,.86) 100%);
  pointer-events:none;
}
.hero .wrap{
  position:relative;
  z-index:1;
  width:min(1120px,90%);
  margin:auto;
  padding-left:48%;
}
.hero .eyebrow{color:#f5d98f;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.hero h1{max-width:620px;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.hero p{max-width:560px;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.hero .actions{position:relative}

@media(max-width:850px){
  .hero{min-height:620px;padding:75px 0 80px;align-items:flex-end}
  .hero-logo{width:650px;height:650px;left:-170px;top:39%;opacity:.66}
  .hero::after{background:linear-gradient(90deg,rgba(16,16,16,.10) 0%,rgba(16,16,16,.45) 48%,rgba(16,16,16,.92) 100%)}
  .hero .wrap{padding-left:36%;}
}
@media(max-width:560px){
  .hero{min-height:690px;padding:330px 0 55px;align-items:flex-end}
  .hero-logo{width:560px;height:560px;left:50%;top:235px;transform:translate(-50%,-50%);opacity:.60}
  .hero::after{background:linear-gradient(180deg,rgba(16,16,16,.02) 0%,rgba(16,16,16,.30) 35%,rgba(16,16,16,.94) 65%,rgba(16,16,16,.99) 100%)}
  .hero .wrap{padding-left:0}
  .hero h1{font-size:clamp(36px,10vw,52px)}
  .hero p{font-size:15px}
}