.sd-suivi{background-color:#0f172a;background-image:radial-gradient(1200px 500px at 80% 10%,#ea580c12,#0000 60%),radial-gradient(800px 400px at 10% 90%,#ffffff06,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;padding:96px 0 88px;position:relative;overflow:hidden}.sd-suivi-inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:64px;max-width:1240px;margin:0 auto;padding:0 clamp(28px,4vw,56px);display:grid;position:relative}@media (max-width:1024px){.sd-suivi-inner{grid-template-columns:1fr;gap:48px}}.sd-copy{min-width:0}.sd-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#94a3b8d9;align-items:center;gap:10px;margin:0 0 16px;font-family:DM Mono,ui-monospace,monospace;font-size:11px;font-weight:600;display:inline-flex}.sd-eyebrow:before{content:"";background:#94a3b866;width:18px;height:1px;display:inline-block}.sd-h2{letter-spacing:-.02em;color:#f8fafc;text-wrap:balance;max-width:18ch;margin:0 0 24px;font-family:DM Sans,sans-serif;font-size:clamp(28px,4.2vw,42px);font-weight:600;line-height:1.15}.sd-h2 em{color:#fb923c;font-style:italic;font-weight:600}.sd-lede{color:#cbd5e1;max-width:50ch;margin:0 0 28px;font-family:DM Sans,sans-serif;font-size:clamp(15px,1.4vw,17px);line-height:1.65}.sd-lede strong{color:#f8fafc;font-weight:600}.sd-bullets{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.sd-bullets li{color:#cbd5e1;align-items:flex-start;gap:12px;max-width:50ch;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;display:flex}.sd-bullet-dot{background:#fb923c;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px}.sd-mock{min-width:0;position:relative}.sd-mock-frame{background:#f5f7fa;border:1px solid #ffffff14;border-radius:8px;padding:18px;box-shadow:0 30px 80px -20px #00000080,0 8px 24px -8px #0006}.sd-mock-header{margin-bottom:12px}.sd-mock-title{color:#0f172a;font-family:DM Sans,sans-serif;font-size:20px;font-weight:600}.sd-apercu{background:#fff;border:1px solid #e4e8ef;border-radius:4px;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:18px;padding:12px 14px;display:grid}.sd-kpi{background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.sd-kpi--active{background:#fff7ed;border-color:#fed7aa}.sd-kpi-count{font-variant-numeric:tabular-nums;color:#1e293b;font-family:DM Mono,ui-monospace,monospace;font-size:22px;font-weight:500;line-height:1}.sd-kpi--active .sd-kpi-count{color:#c2410c}.sd-kpi-label{color:#475569;margin-top:4px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.sd-kpi--active .sd-kpi-label{color:#c2410c}.sd-kpi-sub{color:#94a3b8;font-family:DM Sans,sans-serif;font-size:10.5px;font-weight:400}.sd-cards-label{letter-spacing:.12em;text-transform:uppercase;color:#ea580c;align-items:center;gap:6px;margin:8px 0;font-family:DM Mono,ui-monospace,monospace;font-size:10px;font-weight:700;display:inline-flex}.sd-cards-label:before{content:"";background:#ea580c;border-radius:50%;width:6px;height:6px}.sd-card{background:#fff;border:1px solid #e4e8ef;border-radius:4px;margin-bottom:8px;padding:12px 14px;position:relative;overflow:hidden}.sd-card:before{content:"";background:#fb923c;width:4px;position:absolute;top:0;bottom:0;left:0}.sd-card-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sd-card-status{white-space:nowrap;border-radius:999px;padding:2px 9px;font-family:DM Mono,ui-monospace,monospace;font-size:10px;font-weight:500}.sd-card-status--relance{color:#fff;background:#ea580c}.sd-card-status--traiter{color:#fff;background:#6366f1}.sd-card-ball{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:3px;padding:2px 7px;font-family:DM Mono,ui-monospace,monospace;font-size:10px;font-weight:500}.sd-card-ball--moi{color:#334155;background:#f8fafc;border-color:#e2e8f0}.sd-card-title{color:#0f172a;margin:0 0 8px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600}.sd-card-action{color:#475569;border-top:1px dashed #e2e8f0;padding-top:8px;font-family:DM Sans,sans-serif;font-size:13px}@media (max-width:640px){.sd-suivi{padding:48px 0}.sd-apercu{grid-template-columns:repeat(2,1fr)}}
