.page-etape-1{--navy-900:var(--bg-deepest);--navy-800:var(--bg-deep);--navy-700:var(--bg-mid)}.page-etape-1 .page-gradient{z-index:-2;pointer-events:none;background:linear-gradient(180deg, var(--bg-deepest) 0%, var(--bg-deepest) 5%, var(--bg-deep) 9%, var(--bg-deep) 13%, var(--bg-mid) 19%, var(--bg-mid) 25%, var(--bg-deep) 31%, var(--bg-deep) 37%, #060e22 43%, #060e22 47%, var(--bg-deep) 53%, var(--bg-deep) 60%, var(--bg-mid) 69%, var(--bg-mid) 75%, var(--bg-deep) 83%, var(--bg-deep) 88%, var(--bg-deepest) 95%, var(--bg-deepest) 100%);width:100%;height:100%;position:absolute;top:0;left:0}.page-etape-1 .constat-img{aspect-ratio:1;border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:12px;width:100%;max-height:520px;box-shadow:0 12px 32px #0000004d}.page-etape-1 .compare-container{aspect-ratio:16/7.5;cursor:ew-resize;background:#f9f7f1;position:relative;overflow:hidden}.page-etape-1 .compare-wrap{--doc-text:#0a1628;--doc-text-soft:#4a5a70;--doc-text-faint:#7f8b9d;--doc-border:#0a162814;--doc-border-strong:#0a16282e;--doc-surface:#f5f2ea;--doc-amber-bg:#faeeda;--doc-amber-text:#633806;--doc-amber-line:#ba7517;--doc-red-bg:#fcebeb;--doc-red-text:#791f1f;--doc-red-line:#c44545;--doc-teal-bg:#e1f5ee;--doc-teal-text:#085041;--doc-teal-line:#1d9e75}.page-etape-1 .how{background:0 0;padding:96px 0}.page-etape-1 .features{background:var(--bg-mid);padding:96px 0}.page-etape-1 .feat-check{background:var(--teal-dim);width:22px;height:22px;color:var(--teal-bright);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:13px;font-weight:700;display:flex}.page-etape-1 .personas{color:var(--text-primary);background:0 0;padding:88px 0;position:relative}.page-etape-1 .personas:before{content:"";background:radial-gradient(at 100% 0,#acccff1f,#0000 60%);position:absolute;inset:0}.page-etape-1 .personas .container{z-index:1;position:relative}.page-etape-1 .personas-header{text-align:center;margin-bottom:48px}.page-etape-1 .personas .section-tag{color:var(--gold)}.page-etape-1 .personas-header h2{color:var(--text-primary);margin:0 auto 16px}.page-etape-1 .personas-header p{color:var(--text-secondary);max-width:620px;margin:0 auto;line-height:1.65}.page-etape-1 .persona-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:920px;margin:0 auto;display:grid}.page-etape-1 .persona-card{background:var(--surface-elevated);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);border-radius:12px;transition:all .3s;overflow:hidden}.page-etape-1 .persona-card:hover{border-color:var(--border-teal);background:linear-gradient(135deg, #acccff1a 0%, #acccff0a 100%), var(--surface-elevated);transform:translateY(-3px);box-shadow:0 0 0 1px #acccff2e,0 12px 30px #050e2673}.page-etape-1 .persona-photo{background-position:50% 25%;background-size:cover;width:100%;height:280px;position:relative}.page-etape-1 .persona-photo:after{content:"";background:linear-gradient(#06181400 55%,#061814a6 100%);position:absolute;inset:0}.page-etape-1 .persona-photo.bureau{background-image:url(https://storage.googleapis.com/viasolutions-website-assets/images/bureau-de-projet.webp);background-position:50% 30%}.page-etape-1 .persona-photo.gouvernance{background-image:url(https://storage.googleapis.com/viasolutions-website-assets/images/comite-de-gouvernance.webp);background-position:50% 35%}.page-etape-1 .persona-content{padding:28px 32px 32px}.page-etape-1 .persona-tag{font-family:var(--font-archivo-narrow), sans-serif;letter-spacing:.4px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:13px;font-weight:700}.page-etape-1 .persona-card h3{font-family:var(--font-archivo), sans-serif;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px;font-size:24px;font-weight:700}.page-etape-1 .persona-role{color:var(--text-tertiary);margin-bottom:20px;font-size:13px;font-style:italic}.page-etape-1 .persona-card ul{list-style:none}.page-etape-1 .persona-card li{color:var(--text-secondary);gap:12px;padding:8px 0;font-size:14px;line-height:1.55;display:flex}.page-etape-1 .persona-card li:before{content:"→";color:var(--teal-bright);flex-shrink:0;font-weight:700}.page-etape-1 .next-step{background:0 0;padding:72px 0}.page-etape-1 .next-step-card{background:var(--surface-elevated);border:1px solid var(--border-teal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:40px;max-width:820px;margin:0 auto;padding:48px;display:grid}.page-etape-1 .next-tag{font-family:var(--font-archivo-narrow), sans-serif;letter-spacing:.4px;text-transform:uppercase;color:var(--teal-bright);margin-bottom:10px;font-size:13px;font-weight:700}.page-etape-1 .next-step-card h3{font-family:var(--font-archivo), sans-serif;letter-spacing:-.2px;color:var(--text-primary);margin-bottom:10px;font-size:24px;font-weight:200;line-height:1.35}.page-etape-1 .next-step-card h3 .title-bold{letter-spacing:-.4px;font-weight:900}.page-etape-1 .next-step-card p{color:var(--text-secondary);font-size:15px;line-height:1.65}.page-etape-1 .next-arrow{background:var(--teal);width:64px;height:64px;color:var(--text-on-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;text-decoration:none;transition:transform .2s,background .2s;display:flex}.page-etape-1 .next-arrow:hover{background:var(--teal-bright);transform:translate(4px)}@media (max-width:900px){.page-etape-1 .hero .container,.page-etape-1 .constat-grid,.page-etape-1 .feature-row,.page-etape-1 .next-step-card,.page-etape-1 .persona-grid{grid-template-columns:1fr;gap:40px}.page-etape-1 .hero-radial{display:none}.page-etape-1 .hero .container{gap:0}.page-etape-1 .feature-row.reverse{direction:ltr}.page-etape-1 .hero h1{font-size:34px}.page-etape-1 h2.section-title,.page-etape-1 .cta-final h2{font-size:28px}.page-etape-1 .steps-grid{grid-template-columns:1fr 1fr;gap:32px}.page-etape-1 .steps-line{display:none}.page-etape-1 .compare-pane{padding:20px 24px}.page-etape-1 .doc-body{font-size:13px}.page-etape-1 section{padding:64px 0}}