
:root{--bg:#0d0c0b;--bg2:#141210;--surface:#1c1814;--surface2:#231e19;--ink:#f0ead9;--muted:#a09484;--line:rgba(255,255,255,.09);--forge:#ff7a1a;--gold:#f5d08a;--dark:#160b00;--max:1160px;--r:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(255,122,26,.12),transparent 30%),linear-gradient(180deg,#0d0c0b,#15120f 58%,#0d0c0b);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}a{color:inherit}img{max-width:100%;height:auto}.skip-link{position:absolute;left:-999px;top:12px;background:#fff;color:#111;padding:10px 14px;border-radius:10px;z-index:99}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px clamp(18px,4vw,42px);background:rgba(13,12,11,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand img{width:42px;height:42px;border-radius:12px}.brand strong{display:block;font-weight:950}.brand small{display:block;color:var(--muted);font-size:.78rem}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:8px 12px;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:750;font-size:.92rem}.nav a:hover,.nav a.active{background:rgba(255,255,255,.07);color:var(--ink)}.nav .cta{background:var(--forge);color:var(--dark);font-weight:950}.menu-toggle{display:none;background:var(--surface2);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:8px 12px}.hero,.page-hero,.section{max-width:var(--max);margin:0 auto;padding:72px clamp(18px,4vw,28px)}.hero{display:grid;grid-template-columns:1fr 410px;gap:48px;align-items:center}.page-hero{padding-bottom:34px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--forge);font-size:.72rem;text-transform:uppercase;letter-spacing:.17em;font-weight:950;margin-bottom:18px}.eyebrow:before{content:"";width:24px;height:2px;background:var(--forge);border-radius:2px}h1,h2,h3{letter-spacing:-.04em;line-height:1.02}h1{font-size:clamp(2.6rem,5.8vw,5.2rem);margin:0 0 22px;font-weight:950}h2{font-size:clamp(2rem,4vw,3.35rem);margin:0 0 16px;font-weight:950}h1 em,h2 em{color:var(--forge);font-style:normal}.lead{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--muted);max-width:790px;margin:0 0 24px}.hero-line{font-size:1.08rem;color:var(--gold);font-weight:850;max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid transparent;transition:.18s}.btn.primary{background:var(--forge);color:var(--dark);box-shadow:0 12px 30px rgba(255,122,26,.28)}.btn.primary:hover{transform:translateY(-2px);background:#ff8f35}.btn.ghost{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--ink)}.btn.quiet{border-color:rgba(245,208,138,.24);color:var(--gold)}.panel,.card,.contact-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.panel h3,.card h3{margin:0 0 10px}.panel p,.card p,.section p{color:var(--muted)}.anthony-mini{display:flex;gap:14px;align-items:center;margin-bottom:18px}.avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--forge),#b84800);display:grid;place-items:center;color:#fff;font-weight:950}.chips,.trust-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:22px 0 0}.chips span,.trust-list li{padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.04);font-size:.9rem}.trust-list li:before{content:"✓ ";color:var(--forge);font-weight:950}.triage a{display:block;text-decoration:none;border-top:1px solid var(--line);padding:13px 0}.triage a:hover{color:var(--forge)}.proof{max-width:var(--max);margin:0 auto;padding:0 clamp(18px,4vw,28px) 38px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.proof article{background:var(--surface2);border:1px solid var(--line);border-radius:18px;padding:20px}.proof strong{display:block;color:var(--gold);margin-bottom:6px}.proof span{color:var(--muted);font-size:.9rem}.grid{display:grid;gap:16px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two,.split{grid-template-columns:repeat(2,1fr)}.split{display:grid;gap:44px;align-items:start}.kicker{display:block;color:var(--forge);font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:950;margin-bottom:10px}.card.featured{background:linear-gradient(145deg,#24160f,#17100c);border-color:rgba(255,122,26,.32)}.service-link{text-decoration:none}.service-link:hover{border-color:rgba(255,122,26,.35);transform:translateY(-2px)}.card a,.service-link strong{color:var(--forge);font-weight:950;text-decoration:none}.check{padding:0;list-style:none}.check li{padding:11px 0;border-top:1px solid var(--line);color:var(--muted)}.check li:before{content:"→ ";color:var(--forge);font-weight:950}.quote{font-size:1.2rem;color:var(--gold);font-weight:850}.contact-wrap{max-width:var(--max);margin:0 auto 48px;padding:0 clamp(18px,4vw,28px)}.contact-box{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px}form{background:var(--bg2);border:1px solid var(--line);border-radius:22px;padding:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:14px 16px;margin:0 0 12px;border-radius:14px;border:1px solid var(--line);background:#0f0e0d;color:var(--ink);font:inherit}textarea{min-height:130px;resize:vertical}button.btn{width:100%;border:none;cursor:pointer}.note{background:var(--surface2);border:1px solid var(--line);border-radius:18px;padding:18px;color:var(--muted)}.sticky{position:fixed;right:18px;bottom:18px;display:flex;gap:8px;z-index:40}.sticky a{padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:950;background:var(--forge);color:var(--dark);box-shadow:0 12px 28px rgba(0,0,0,.35)}.sticky .secondary{background:#fff}footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;padding:40px clamp(18px,4vw,42px);background:#0b0a09;border-top:1px solid var(--line);color:var(--muted)}footer strong{color:var(--ink)}footer a{color:var(--gold)}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.small{font-size:.9rem;color:var(--muted)}@media(max-width:980px){.menu-toggle{display:block}.nav{position:absolute;left:14px;right:14px;top:74px;display:none;flex-direction:column;align-items:stretch;background:var(--surface2);border:1px solid var(--line);border-radius:18px;padding:10px}.nav.open{display:flex}.hero,.split,.contact-box{grid-template-columns:1fr}.proof,.grid.four,.grid.three,.grid.two{grid-template-columns:1fr 1fr}.sticky{display:none}footer{grid-template-columns:1fr 1fr}}@media(max-width:640px){.hero,.page-hero,.section{padding-left:16px;padding-right:16px}.proof,.grid.four,.grid.three,.grid.two,.fields,footer{grid-template-columns:1fr}h1{font-size:2.55rem}.actions .btn{width:100%}.panel,.card,.contact-box,form{padding:18px}}

/* ─────────────────────────────────────────────
   Mobile-first readability improvements
   Objectif : site lisible et utilisable sur téléphone
───────────────────────────────────────────── */
@media (max-width: 760px){
  html{font-size:16px;-webkit-text-size-adjust:100%}
  body{line-height:1.58;background:#0d0c0b;color:#f4eddd}

  .site-header{
    padding:10px 12px;
    gap:10px;
  }
  .brand{min-width:0;gap:9px;flex:1}
  .brand img{width:36px;height:36px;border-radius:10px;flex:0 0 auto}
  .brand span{min-width:0;display:block}
  .brand strong{
    font-size:.94rem;
    line-height:1.1;
    white-space:normal;
    letter-spacing:-.02em;
  }
  .brand small{font-size:.72rem;line-height:1.2;margin-top:2px}
  .menu-toggle{
    min-width:44px;
    min-height:44px;
    font-size:1.25rem;
    padding:8px 11px;
  }
  .nav{
    top:64px;
    left:10px;
    right:10px;
    max-height:calc(100vh - 84px);
    overflow:auto;
  }
  .nav a{
    font-size:1rem;
    padding:13px 14px;
    border-radius:14px;
  }

  .hero,.page-hero,.section{
    padding:38px 16px;
  }
  .hero{
    gap:24px;
  }
  .page-hero{padding-bottom:20px}
  .eyebrow{
    font-size:.68rem;
    letter-spacing:.12em;
    line-height:1.35;
    margin-bottom:12px;
  }
  .eyebrow:before{width:18px}
  h1{
    font-size:clamp(2.05rem,10vw,2.7rem);
    line-height:1.04;
    margin-bottom:16px;
    letter-spacing:-.045em;
  }
  h2{
    font-size:clamp(1.75rem,8vw,2.25rem);
    line-height:1.08;
    margin-bottom:12px;
  }
  h3{
    font-size:1.16rem;
    line-height:1.18;
  }
  .lead{
    font-size:1.02rem;
    line-height:1.62;
    margin-bottom:16px;
  }
  .hero-line,.quote{
    font-size:1rem;
    line-height:1.55;
  }
  p,.panel p,.card p,.section p,.small{
    font-size:.98rem;
    line-height:1.62;
  }

  .actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin:20px 0;
  }
  .btn,
  .actions .btn,
  .sticky a{
    width:100%;
    min-height:52px;
    padding:13px 16px;
    border-radius:16px;
    font-size:1rem;
    text-align:center;
  }

  .trust-list,.chips{
    gap:8px;
    margin-top:16px;
  }
  .chips span,.trust-list li{
    width:100%;
    border-radius:14px;
    padding:10px 12px;
    font-size:.94rem;
  }

  .proof{
    grid-template-columns:1fr;
    padding:0 16px 26px;
    gap:10px;
  }
  .proof article,
  .panel,
  .card,
  .contact-box,
  form,
  .note{
    border-radius:18px;
    padding:18px;
  }
  .grid,
  .grid.four,
  .grid.three,
  .grid.two,
  .split,
  .contact-box,
  .fields{
    grid-template-columns:1fr !important;
    gap:12px;
  }
  .split{gap:20px}

  .anthony-mini{align-items:flex-start}
  .avatar{width:48px;height:48px;flex:0 0 auto}
  .triage a{
    padding:14px 0;
  }
  .triage a strong{font-size:1rem}

  input,select,textarea{
    font-size:16px;
    min-height:50px;
    padding:13px 14px;
    border-radius:14px;
    margin-bottom:10px;
  }
  textarea{min-height:150px}

  .contact-wrap{
    padding:0 16px;
    margin-bottom:88px;
  }
  .sticky{
    display:grid;
    grid-template-columns:1fr 1fr;
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    gap:8px;
    padding:0;
    z-index:70;
  }
  .sticky a{
    box-shadow:0 10px 26px rgba(0,0,0,.45);
    border:1px solid rgba(0,0,0,.12);
  }
  footer{
    grid-template-columns:1fr;
    padding:32px 16px 104px;
    gap:18px;
    font-size:.96rem;
  }
  .footer-bottom{line-height:1.7}
}

@media (max-width: 380px){
  .brand strong{font-size:.86rem}
  .brand small{font-size:.68rem}
  h1{font-size:2rem}
  h2{font-size:1.65rem}
  .hero,.page-hero,.section{padding-left:13px;padding-right:13px}
  .proof,.contact-wrap{padding-left:13px;padding-right:13px}
}


/* Correctifs menu mobile + nettoyage visuel */
.site-header{isolation:isolate}
.menu-toggle{font-weight:900;line-height:1}
@media(max-width:980px){
  .nav{z-index:100;box-shadow:0 18px 50px rgba(0,0,0,.5)}
  .nav.open{display:flex !important}
  body.menu-open{overflow:hidden}
}
.brand img{object-fit:contain;background:var(--forge);border-radius:12px}
@media(max-width:760px){
  .nav{top:66px}
  .nav a.cta{justify-content:center;text-align:center}
}
