@charset "UTF-8";layout-main{}layout-main main>section.steps{display:flex;flex-flow:row wrap;justify-content:center;gap:1.5rem;margin:2rem 0}layout-main main>section.steps>article{flex:1 1 280px;max-width:320px;padding:1.5rem;border-radius:8px;background:var(--background-color-surface);border:1px solid var(--draw-color-surface);border-top:4px solid var(--step-color,#1f4e79);box-shadow:0 4px 12px rgba(0,0,0,8%);text-align:center;transition:all 250ms ease}layout-main main>section.steps>article:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12)}layout-main main>section.steps>article.step-1{--step-color:#2563eb}layout-main main>section.steps>article.step-2{--step-color:#16a34a}layout-main main>section.steps>article.step-3{--step-color:#7c3aed}layout-main main>section.steps>article .step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--step-color,#1f4e79);color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}layout-main main>section.steps>article h4{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color-primary)}layout-main main>section.steps>article p{font-size:.9rem;color:var(--text-color-secondary);margin:0;line-height:1.6}@media(width <= 768px){layout-main main>section.steps>article{flex:0 0 100%;max-width:unset}}layout-main{}layout-main main>section.features{display:flex;flex-flow:row wrap;justify-content:center;gap:1rem;margin:2rem 0}layout-main main>section.features>article{flex:1 1 300px;max-width:380px;padding:1.25rem;padding-left:1.5rem;border:1px solid var(--draw-color-surface);border-left:4px solid var(--feature-color,#1f4e79);border-radius:8px;background:var(--background-color-surface);box-shadow:0 4px 12px rgba(0,0,0,8%);transition:all 250ms ease}layout-main main>section.features>article:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12);border-color:rgba(31,78,121,.2);border-left-color:var(--feature-color,#1f4e79)}layout-main main>section.features>article.feature-projets{--feature-color:#2563eb}layout-main main>section.features>article.feature-analyse{--feature-color:#0891b2}layout-main main>section.features>article.feature-dev{--feature-color:#16a34a}layout-main main>section.features>article.feature-recette{--feature-color:#ea580c}layout-main main>section.features>article.feature-prod{--feature-color:#7c3aed}layout-main main>section.features>article.feature-support{--feature-color:#ca8a04}layout-main main>section.features>article h4{font-size:1.1rem;font-weight:600;margin:0 0 .75rem;color:var(--feature-color,#1f4e79)}layout-main main>section.features>article p{font-size:.9rem;color:var(--text-color-secondary);margin:0;line-height:1.6}@media(width <= 768px){layout-main main>section.features>article{flex:0 0 100%;max-width:unset}}layout-main{}layout-main main>.highlight-box{margin:2rem 0;padding:1.5rem 2rem;border-radius:8px;background:linear-gradient(135deg,rgba(37,99,235,8%) 0%,rgba(124,58,237,8%) 100%);border:1px solid rgba(37,99,235,.2);text-align:center}layout-main main>.highlight-box p{margin:0;font-size:1.1rem;color:var(--text-color-primary)}layout-main main>.highlight-box p strong{color:#2563eb}:root[data-theme=dark] layout-main main>.highlight-box{background:linear-gradient(135deg,rgba(37,99,235,.15) 0%,rgba(124,58,237,.15) 100%);border-color:rgba(37,99,235,.3)}layout-main main>table{margin:2rem auto;border-collapse:collapse;font-size:.95rem}layout-main main>table th,layout-main main>table td{padding:.75rem 1rem;border:1px solid var(--draw-color-surface)}layout-main main>table th{background:var(--background-color-surface);font-weight:600}layout-main main>table td:first-child{text-align:left;font-weight:500}layout-main main>table td:not(:first-child){text-align:center;font-size:1.2rem}layout-main main>table th:last-child,layout-main main>table td:last-child{background:rgba(37,99,235,5%)}layout-main main>table tr:hover td{background:rgba(37,99,235,3%)}layout-main main>table tr:hover td:last-child{background:rgba(37,99,235,8%)}:root[data-theme=dark] layout-main main>table th:last-child,:root[data-theme=dark] layout-main main>table td:last-child{background:rgba(37,99,235,.12)}:root[data-theme=dark] layout-main main>table tr:hover td{background:rgba(37,99,235,8%)}:root[data-theme=dark] layout-main main>table tr:hover td:last-child{background:rgba(37,99,235,.15)}layout-main main>.cta-center{text-align:center;margin:2rem 0}