:root{--p:#1e3a5f;--pd:#0f2340;--pl:#2d5a8a;--a:#e8735a;--ad:#d4573d;--g50:#f5f7fa;--g600:#5a6978}
body{font-family:Inter,system-ui,sans-serif;color:#2d3748;line-height:1.6}
h1,h2,h3,h4,h5,.brand{font-family:'Space Grotesk',sans-serif;color:var(--pd);letter-spacing:-.01em}
a{color:var(--pl)}
.brand{color:#fff;font-weight:700;font-size:1.3rem;text-decoration:none}
.site-nav{background:#0f2340}
.site-nav .nav-link{color:rgba(255,255,255,.75);font-weight:500;padding:.5rem 1rem!important}
.site-nav .nav-link:hover,.site-nav .nav-link.active{color:#fff}
.site-offcanvas{background:var(--pd)}
@media (min-width:992px){.site-offcanvas{background:transparent}}
.btn-accent{background:var(--a);border-color:var(--a);color:#fff;font-weight:600}
.btn-accent:hover,.btn-accent:focus{background:var(--ad);border-color:var(--ad);color:#fff}
.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.hero{background:radial-gradient(1200px 500px at 80% -10%,rgba(232,115,90,.25),transparent),linear-gradient(135deg,var(--pd),var(--pl));color:#fff;padding:80px 0 120px;overflow:hidden}
.hero h1{color:#fff;font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:700;line-height:1.1}
.hero .lead{color:rgba(255,255,255,.75)}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;color:#fff}
.hero-stars{color:#fbbc04}
.page-hero{background:linear-gradient(135deg,var(--pd),var(--pl));color:#fff;padding:70px 0 60px}
.page-hero h1{color:#fff;font-weight:700}
.page-hero p{color:rgba(255,255,255,.72)}
section.block{padding:90px 0}
.bg-soft{background:var(--g50)}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--a)}
.section-title{font-weight:700;font-size:clamp(1.7rem,3vw,2.4rem)}
.card-soft{background:#fff;border:0;border-radius:18px;box-shadow:0 10px 35px rgba(30,58,95,.08)}
.icon-bubble{width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(232,115,90,.12);color:var(--a);font-size:1.5rem}
.step-num{width:44px;height:44px;border-radius:50%;background:var(--a);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif}
.demo-stage{background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.25);padding:24px;color:#1f2937}
.demo-browser{display:flex;gap:6px;margin-bottom:16px}.demo-browser span{width:11px;height:11px;border-radius:50%;background:#e5e7eb}
.layout-tabs .nav-link{border-radius:999px;color:var(--p);font-weight:600}
.layout-tabs .nav-link.active{background:var(--p);color:#fff}
.price{font-size:2.8rem;font-weight:700;color:var(--pd);font-family:'Space Grotesk',sans-serif}
.plan-hl{outline:2px solid var(--a)}
.check-list li{margin-bottom:.55rem}.check-list i{color:#16a34a;margin-right:.5rem}
.compare td,.compare th{padding:.8rem}
.cta-band{background:linear-gradient(135deg,var(--a),#c9483a);padding:70px 0}
.cta-band .btn-accent{background:#fff;color:var(--ad);border-color:#fff}
.site-footer{background:var(--pd);color:#fff}
.site-footer a{color:rgba(255,255,255,.7);text-decoration:none}.site-footer a:hover{color:#fff}
.footer-title{font-weight:700;margin-bottom:.8rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}
.site-footer li{margin-bottom:.4rem}
.legal{max-width:820px}.legal h2{font-size:1.3rem;margin-top:2.4rem;padding-bottom:.6rem;border-bottom:2px solid #e9ecf0}
.legal p,.legal li{color:var(--g600)}
.logo-strip i{font-size:1.6rem;color:#94a3b8}
.faq .accordion-button:not(.collapsed){background:rgba(30,58,95,.06);color:var(--pd)}
.lang-menu{max-height:70vh;overflow:auto}
.lang-menu .lang-code{display:inline-block;width:2.2em;font-weight:700;color:#94a3b8;font-size:.8em}
.lang-menu .active .lang-code{color:#fff}
/* Sélecteur mensuel / annuel (page Tarifs) */
.period-switch{border:1px solid #e3e8ef;gap:2px}
.period-switch .btn{color:var(--g600);border:0;font-weight:500;transition:background .15s,color .15s}
.period-switch .btn:hover{color:var(--p);background:var(--g50)}
.period-switch .btn-check:checked+.btn{background:var(--p);color:#fff;box-shadow:0 2px 6px rgba(30,58,95,.25)}
.period-switch .btn-check:focus-visible+.btn{outline:2px solid var(--a);outline-offset:2px}
/* Blog */
.text-accent{color:var(--a)}
.blog-card{transition:transform .15s,box-shadow .15s}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(30,58,95,.12)}
.blog-card-lead{background:linear-gradient(135deg,#fff,#fdf1ee)}
.blog-takeaways{border-left:4px solid var(--a)}
.blog-takeaways li{margin-bottom:.4rem}
.blog-body{font-size:1.07rem;line-height:1.75;color:#2d3748}
.blog-body h2{font-size:1.55rem;font-weight:700;margin:2.4rem 0 1rem;color:var(--pd)}
.blog-body h3{font-size:1.2rem;font-weight:700;margin:1.8rem 0 .75rem;color:var(--p)}
.blog-body p{margin-bottom:1.1rem}
.blog-body ul,.blog-body ol{margin-bottom:1.2rem;padding-left:1.3rem}
.blog-body li{margin-bottom:.45rem}
.blog-body a{color:var(--a);font-weight:600}
.blog-body blockquote{border-left:4px solid var(--p);background:var(--g50);padding:1rem 1.25rem;border-radius:0 10px 10px 0;font-style:italic;margin:1.5rem 0}
.blog-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;display:block;overflow-x:auto}
.blog-body th,.blog-body td{border:1px solid #e3e8ef;padding:.6rem .8rem;vertical-align:top}
.blog-body th{background:var(--g50);font-weight:600}
.blog-cta{background:linear-gradient(135deg,var(--pd),var(--pl));border-radius:18px}
.blog-featured{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px;box-shadow:0 12px 40px rgba(15,35,64,.15)}
.blog-figure{margin:2.2rem 0}
.blog-figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px}
.blog-thumb{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
/* Article (pages/post.php) */
.post-hero .breadcrumb a{color:rgba(255,255,255,.7);text-decoration:none}
.post-hero .breadcrumb-item.active{color:rgba(255,255,255,.55)}
.post-hero .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.4)}
.post-meta{color:rgba(255,255,255,.7)}
.post-meta .btn-ghost{color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.3)}
.lang-menu{max-height:320px;overflow-y:auto}
.post-body{font-size:1.07rem;line-height:1.75;color:#2d3748}
.post-body h2{font-size:1.55rem;font-weight:700;margin:2.4rem 0 1rem;color:var(--pd)}
.post-body h3{font-size:1.2rem;font-weight:700;margin:1.8rem 0 .75rem;color:var(--p)}
.post-body p{margin-bottom:1.1rem}
.post-body ul,.post-body ol{margin-bottom:1.2rem;padding-left:1.3rem}
.post-body li{margin-bottom:.45rem}
.post-body a{color:var(--a);font-weight:600}
.post-body img{max-width:100%;height:auto}
.post-body blockquote{border-left:4px solid var(--p);background:var(--g50);padding:1rem 1.25rem;border-radius:0 10px 10px 0;font-style:italic;margin:1.5rem 0}
.post-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;display:block;overflow-x:auto}
.post-body th,.post-body td{border:1px solid #e3e8ef;padding:.6rem .8rem;vertical-align:top}
.post-body th{background:var(--g50);font-weight:600}
.post-figure{margin:2.2rem 0}
.post-figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px}
.post-takeaways{background:#fff;border-left:4px solid var(--a);border-radius:0 14px 14px 0;box-shadow:0 2px 12px rgba(30,58,95,.07);padding:1.25rem 1.5rem;margin-bottom:2rem}
.post-takeaways p{margin-bottom:.5rem;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}
.post-takeaways ul{margin-bottom:0}
@media (max-width:575.98px){.row.g-5{--bs-gutter-x:1.5rem}}