/* =========================================================
   Entreprise Europe RAA — Guide création d'entreprise AURA
   Design repro jucumari-web.com (thème clair). HTML/CSS artisanal.
   ========================================================= */

:root{
  --bg:#F8FBFD; --surface:#FFFFFF; --surface-alt:#F0F4F9;
  --text:#0F0E19; --muted:#5A6472;
  --primary:#314FFF; --primary-600:#2439D6; --primary-tint:#EAEEFF;
  --footer-bg:#12142B; --border:#E4EBF2;
  --radius:4px; --radius-lg:12px;
  --shadow:0 6px 24px rgba(20,30,80,.06);
  --shadow-md:0 12px 34px rgba(20,30,80,.10);
  --maxw:1160px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--text);background:var(--bg);line-height:1.65;
  font-size:16px;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Montserrat",system-ui,sans-serif;line-height:1.18;color:var(--text)}
h2{font-size:clamp(1.7rem,3.3vw,2.35rem);font-weight:700;letter-spacing:-.02em}
h3{font-size:1.2rem;font-weight:700}
p{color:var(--muted)}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}
[id]{scroll-margin-top:92px}
.section{padding:76px 0}
.section--alt{background:var(--surface-alt)}
.center{text-align:center}
.lead{font-size:1.12rem;max-width:720px;margin:14px auto 0}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:"Poppins";
  font-weight:600;font-size:.98rem;border-radius:var(--radius);
  padding:12px 22px;cursor:pointer;transition:.18s;border:2px solid transparent}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-600);text-decoration:none}
.btn-outline{border-color:var(--primary);color:var(--primary);background:transparent}
.btn-outline:hover{background:var(--primary);color:#fff;text-decoration:none}
.btn-link{color:var(--primary);font-weight:600;background:transparent;padding:12px 6px}
.btn-link:hover{gap:12px;text-decoration:none}

/* ---------- Topbar ---------- */
.topbar{background:var(--primary-tint);color:#25306b;font-size:.85rem;
  text-align:center;padding:9px 14px}
.topbar a{font-weight:600}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(248,251,253,.88);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:10px;font-family:"Montserrat";
  font-weight:800;font-size:1.15rem;letter-spacing:.12em;color:var(--text)}
.brand:hover{text-decoration:none}
.brand .logo{width:30px;height:30px}
.brand small{display:block;font-size:.5rem;letter-spacing:.3em;color:var(--muted);font-weight:600}
.menu{display:flex;gap:26px;list-style:none}
.menu a{color:var(--text);font-size:.95rem;font-weight:500}
.menu a:hover,.menu a.active{color:var(--primary);text-decoration:none}
.nav-cta{display:flex;gap:12px;align-items:center}
.burger{display:none;background:none;border:0;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:var(--text);margin:5px 0}

/* ---------- Hero ---------- */
.hero{padding:82px 0 64px;text-align:center}
.pill{display:inline-block;background:var(--primary-tint);color:var(--primary);
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:7px 16px;border-radius:100px;margin-bottom:22px}
.hero h1{font-size:clamp(2.1rem,5vw,3.35rem);font-weight:800;letter-spacing:-.02em;max-width:900px;margin:0 auto}
.hero .grad{display:block;background:linear-gradient(90deg,#314FFF,#7B8CFF);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:680px;margin:20px auto 0;font-size:1.1rem}
.hero .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}

/* ---------- Feature cards ---------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:30px 26px;box-shadow:var(--shadow);transition:.2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.card .ico{width:48px;height:48px;border-radius:12px;background:var(--primary-tint);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--primary)}
.card h3{margin-bottom:8px}
.card p{font-size:.96rem}

/* ---------- Content sections ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.section h2+.lead{margin-bottom:0}
.checklist{list-style:none;margin-top:16px}
.checklist li{position:relative;padding-left:30px;margin-bottom:12px;color:var(--muted)}
.checklist li::before{content:"✓";position:absolute;left:0;top:0;
  color:var(--primary);font-weight:800}
.prose h2{margin-top:8px}
.prose h3{margin:26px 0 8px}
.prose p{margin-bottom:14px}
.prose ul{margin:0 0 16px 22px}.prose li{color:var(--muted);margin-bottom:8px}
.prose a{font-weight:600}
.tableau{width:100%;border-collapse:collapse;margin:18px 0;font-size:.94rem}
.tableau th,.tableau td{border:1px solid var(--border);padding:10px 12px;text-align:left}
.tableau th{background:var(--surface-alt);font-family:"Montserrat";font-weight:700}

/* ---------- CTA band ---------- */
.cta-band{background:var(--primary);color:#fff;border-radius:var(--radius-lg);
  padding:46px 40px;text-align:center;margin:10px 0}
.cta-band h2{color:#fff}
.cta-band p{color:rgba(255,255,255,.85);max-width:620px;margin:12px auto 22px}
.cta-band .btn-outline{border-color:#fff;color:#fff}
.cta-band .btn-outline:hover{background:#fff;color:var(--primary)}

/* ---------- Article cards ---------- */
.post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:var(--shadow);transition:.2s;display:flex;flex-direction:column}
.post:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.post .thumb{height:150px;background:var(--primary-tint)}
.post .body{padding:22px}
.post .cat{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}
.post h3{margin:8px 0;font-size:1.08rem}
.post p{font-size:.93rem}

/* ---------- FAQ ---------- */
.faq details{background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);margin-bottom:12px;padding:0 20px}
.faq summary{cursor:pointer;font-family:"Montserrat";font-weight:700;
  padding:18px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;color:var(--primary);font-size:1.4rem}
.faq details[open] summary::after{content:"–"}
.faq details[open] summary{border-bottom:1px solid var(--border)}
.faq details p{padding:16px 0;color:var(--muted)}

/* ---------- Author box ---------- */
.author{display:flex;gap:20px;align-items:center;background:var(--surface);
  border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow)}
.author img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none}
.author h4{font-family:"Montserrat";margin-bottom:4px}
.author p{font-size:.92rem;margin:0}

/* ---------- Footer ---------- */
.site-footer{background:var(--footer-bg);color:#c7cbe0;padding:60px 0 26px;margin-top:20px}
.site-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px}
.site-footer h5{font-family:"Montserrat";color:#fff;font-size:.95rem;margin-bottom:14px;letter-spacing:.04em}
.site-footer a{color:#c7cbe0;font-size:.92rem;display:block;margin-bottom:9px}
.site-footer a:hover{color:#fff}
.site-footer .brand{color:#fff}
.site-footer .brand small{color:#9aa0c4}
.site-footer .about{font-size:.92rem;color:#9aa0c4;max-width:320px;margin-top:14px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;
  font-size:.85rem;color:#9aa0c4;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* ---------- Breadcrumb ---------- */
.crumb{font-size:.85rem;color:var(--muted);padding:18px 0 0}
.crumb a{color:var(--muted)}.crumb a:hover{color:var(--primary)}

/* ---------- Responsive ---------- */
@media(max-width:860px){
  .burger{display:none}
  .nav{flex-wrap:wrap;height:auto;padding:12px 0;gap:10px 18px}
  .menu{gap:12px 16px;flex-wrap:wrap;font-size:.85rem;order:3;width:100%}
  .nav-cta{order:2;margin-left:auto}
  .grid-3{grid-template-columns:1fr}
  .split{grid-template-columns:1fr;gap:28px}
  .site-footer .cols{grid-template-columns:1fr 1fr}
  .section{padding:52px 0}
  /* mobile menu (checkbox-free: burger toggles via :target fallback not needed here) */
}
@media(max-width:520px){
  .site-footer .cols{grid-template-columns:1fr}
  .hero{padding:54px 0 40px}
}