/* Paddok — site public (accueil + pages légales). Aucune ressource externe, aucun traceur. */
:root{
  --bg:#f4f2ee; --surface:#ffffff; --ink:#1b1916; --muted:#655f57; --line:#ddd7ce;
  --accent:#e8541a; --accent-ink:#ffffff; --band:#161310;
  --font:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#141210; --surface:#1d1a17; --ink:#efeae3; --muted:#a69f95; --line:#33302b;
    --accent:#ff6a2e; --accent-ink:#141210; --band:#0d0c0a;
  }
}
:root[data-theme="dark"]{
  --bg:#141210; --surface:#1d1a17; --ink:#efeae3; --muted:#a69f95; --line:#33302b;
  --accent:#ff6a2e; --accent-ink:#141210; --band:#0d0c0a;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--font)}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}

/* Bandeau : piste + damier discret, le seul « effet » du site */
header.top{background:var(--band);color:#fff;position:relative;overflow:hidden}
header.top::after{content:"";position:absolute;right:0;top:0;bottom:0;width:120px;opacity:.12;
  background:repeating-conic-gradient(#fff 0 25%,transparent 0 50%) 0 0/20px 20px}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;position:relative;z-index:1}
.logo{font-weight:800;font-size:26px;letter-spacing:.02em;color:#fff;text-decoration:none}
.logo b{color:var(--accent)}
nav.links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
nav.links a{color:#d9d3ca;text-decoration:none}
nav.links a:hover{color:#fff}
.stripe{height:4px;background:var(--accent)}

.hero{padding-top:56px;padding-bottom:40px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
h1{font-size:clamp(30px,5vw,46px);line-height:1.1;margin:0 0 16px;text-wrap:balance}
.lead{font-size:19px;color:var(--muted);max-width:62ch;margin:0}
.trades{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.trades span{border:1.5px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px;background:var(--surface)}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding-top:8px;padding-bottom:48px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}
.card h2{font-size:17px;margin:0 0 6px}
.card p{margin:0;color:var(--muted);font-size:15px}

section.company{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0}
section.company h2{font-size:20px;margin:0 0 10px}
section.company p{margin:4px 0;color:var(--muted)}

article.legal{padding:40px 0 56px;max-width:72ch}
main.wrap{padding-left:16px;padding-right:16px}
article.legal h1{font-size:clamp(26px,4vw,36px)}
article.legal h2{font-size:19px;margin:28px 0 8px}
article.legal p,article.legal li{color:var(--ink)}
article.legal .muted{color:var(--muted);font-size:14px}

footer{padding:24px 0 40px;color:var(--muted);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer a{color:var(--muted)}