.home-demo{max-width:1150px;margin:28px auto 0;padding:20px;border:1px solid #303333;border-radius:24px;background:#111415}.home-demo-title{text-align:center;font-size:14px;margin-bottom:18px}.home-browser{border:1px solid #343838;border-radius:15px;overflow:hidden;background:#090b0b}.home-browser-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #292c2c;background:#101212;font:11px monospace;color:#8c9693}.home-browser-bar>span:nth-child(2){flex:1;background:#1b1e1d;padding:6px 12px;border-radius:5px}.home-browser-bar>span:first-child{font-size:9px}.home-browser-bar small{font-size:8px;letter-spacing:.1em;color:#7adbc2}.home-screen{display:grid;grid-template-columns:195px minmax(0,1fr);min-height:420px}.home-sidebar{padding:22px 15px;border-right:1px solid #252a28;background:#101212}.home-sidebar p{font-size:13px;line-height:1.7;margin:8px 0 18px}.home-sidebar>small{display:block;font-size:9px;letter-spacing:.14em;color:#82918b;margin:20px 0 9px}.home-work,.home-admin{font-size:10px;padding:7px;border-radius:25px}.home-work{background:#2ec4a6;color:#06261c}.home-admin{color:#aab2af}.home-nav{font-size:12px;color:#99a49f;padding:7px 10px;border-radius:6px;margin:2px 0}.home-nav.on{color:#061e17;background:#2ec4a6}.home-main{padding:23px;min-width:0}.home-main .demo-tabs{gap:5px;margin-bottom:22px}.home-main .demo-tabs button{font-size:10px;min-height:34px;padding:7px 10px}.home-panel h3{font-size:19px;letter-spacing:-.02em}.home-panel>p{font-size:11px;margin:8px 0 19px}.home-alert{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 12px;background:#111514;border:1px solid #242b28;font-size:12px}.home-alert b{font-size:9px;white-space:nowrap;color:#f5c471;background:#332b1b;padding:5px;border-radius:4px}.home-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.home-kpis>div{padding:16px 9px;border:1px solid #28302c;border-radius:8px;text-align:center;background:#111514}.home-kpis strong{display:block;color:#75dfc4;font-size:23px;font-weight:500}.home-kpis small{font-size:10px;color:#9eaaa4}.home-table{overflow-x:auto}.home-table table{border-collapse:collapse;width:100%;font-size:11px}.home-table th{text-align:left;font-size:10px;color:#9eaaa4;font-weight:500}.home-table td,.home-table th{padding:13px 8px;border-bottom:1px solid #28302b}.home-table td:nth-last-child(-n+2){white-space:nowrap}.home-proof{font-size:12px;padding:18px;border-left:2px solid #2ec4a6;background:#111a17;line-height:1.9;margin-top:18px}.home-demo .demo-foot a{color:#75dfc4;white-space:nowrap}.flow-demo-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 24px;margin-bottom:22px;background:#13211e;border:1px solid #305549;border-radius:12px}.flow-label{display:block;font-size:9px;letter-spacing:.13em;color:#75dfc4;margin-bottom:8px}.flow-demo-toolbar b{font-size:17px;font-weight:500}.flow-demo-toolbar b span{color:#75dfc4;margin-left:20px}.flow-demo-toolbar p{font-size:11px;margin-top:6px}.flow-demo-toolbar button{flex:none}.stages[data-flux]{grid-template-columns:1fr 65px 1fr 65px 1fr}.stages[data-flux] .stage{background:#111514}.stages[data-flux] .connector{position:relative;overflow:hidden}.stages[data-flux] .connector:after{content:'→';position:absolute;left:0;right:0;text-align:center;color:#486257}.stages[data-flux] .connector .wire{display:block;width:100%;height:1px;background:#365147}.stages[data-flux] .connector .wire:after{content:'';position:absolute;top:calc(50% - 3px);left:0;width:12px;height:6px;border-radius:6px;background:#5cebc0;box-shadow:0 0 15px #59efbd;opacity:0}.stages[data-phase="1"] .connector:nth-child(2) .wire:after,.stages[data-phase="3"] .connector:nth-child(4) .wire:after{opacity:1;animation:packet 1.8s linear infinite}.stages .src,.stages .rule,.stages .out-card{transition:border-color .4s,background .4s,box-shadow .4s}.stages[data-phase="0"] .src:last-child,.stages[data-phase="2"] .rule:first-child,.stages[data-phase="3"] .rule:last-child,.stages[data-phase="4"] .out-card{border-color:#4acfac;background:#18352b;box-shadow:0 0 20px #3de5aa12}.flow-caption{display:flex;align-items:center;gap:16px;margin-top:18px;padding:15px 20px;border:1px solid #283d34;border-radius:8px}.flow-caption>span:first-child{font:12px monospace;color:#75dfc4}.flow-caption p{flex:1;font-size:12px}.flow-caption>span:last-child{font-size:10px;color:#889a91}.stages.is-paused .wire:after{animation-play-state:paused!important}@keyframes packet{from{transform:translateX(-12px)}to{transform:translateX(65px)}}
@media(max-width:900px){.stages[data-flux]{grid-template-columns:1fr}.stages[data-flux] .connector{height:40px}.stages[data-flux] .connector:after{content:'↓'}.stages[data-flux] .connector .wire{height:100%;width:1px}.stages[data-flux] .connector .wire:after{left:calc(50% - 3px);top:0;width:6px;height:12px;animation-name:packet-down!important}@keyframes packet-down{from{transform:translateY(-12px)}to{transform:translateY(40px)}}.flow-caption{flex-wrap:wrap}.flow-caption>span:last-child{width:100%}}
@media(max-width:650px){.home-demo{padding:12px;border-radius:16px}.home-screen{grid-template-columns:1fr}.home-sidebar{display:none}.home-main{padding:15px;min-height:425px}.home-main .demo-tabs{display:grid;grid-template-columns:1fr 1fr}.home-kpis strong{font-size:18px}.home-kpis small{font-size:9px}.home-alert{font-size:11px;gap:9px}.home-alert b{white-space:normal;font-size:8px;max-width:100px}.home-browser-bar small{display:none}.home-demo .demo-foot{flex-direction:column;font-size:10px}.flow-demo-toolbar{align-items:flex-start;flex-direction:column}.flow-demo-toolbar b span{display:block;margin:5px 0}.home-demo-title{font-size:12px}.home-table table{min-width:450px}.flow-caption{padding:12px}}
@media(prefers-reduced-motion:reduce){.stages .wire:after{animation:none!important}.stages .src,.stages .rule,.stages .out-card{transition:none}}
/* Cartes originales du site public, sans substitution par un seul métier. */
.home-demo .mock{background:#090909;--surface-2:#111;--line:#292929}.home-demo .mock-body{height:540px;grid-template-columns:195px minmax(0,1fr)}.home-demo .mock-stage{padding:25px;overflow:auto;background:#090909}.home-demo .mock-side{background:#101010;overflow:auto}.home-demo .mock-dots{display:flex;position:static;justify-content:flex-end;margin:0 0 16px;gap:6px}.home-demo .mock-dots button{width:27px;height:12px;min-height:12px;border:0;border-radius:6px;background:#333}.home-demo .mock-dots button[aria-selected=true]{background:#2ec4a6}.home-demo .mp-head{margin-bottom:20px}.home-demo .m-rows>div{padding:12px 10px}.home-demo .m-foot{margin-top:16px}.home-demo .m-chip{font-size:9px}.home-demo .m-kpi .v{font-size:24px}.stages[data-flux] .src.flow-active{border-color:#4acfac;background:#18352b;box-shadow:0 0 18px #3de5aa22}.stages[data-phase="0"] .src:last-child:not(.flow-active){border-color:#2b3535;background:#101617;box-shadow:none}.stages[data-flux] .stage{background:#101010}.stages[data-flux] .rule,.stages[data-flux] .out-card,.stages[data-flux] .src{background:#080909}.stages[data-phase="2"] .rule:first-child,.stages[data-phase="3"] .rule:last-child,.stages[data-phase="4"] .out-card{background:#18352b}
@media(max-width:650px){.home-demo .mock-body{grid-template-columns:1fr;height:540px}.home-demo .mock-side{display:none}.home-demo .mock-stage{padding:15px}.home-demo .m-rows .g{font-size:10px}.home-demo .m-kpis{grid-template-columns:repeat(2,1fr)}.home-demo .m-tbl{font-size:10px}.home-demo .m-tbl td{padding:10px 3px}.home-demo .m-chain .v{font-size:11px}.home-demo .m-foot b{font-size:15px}}
.home-demo .mock-body{grid-template-columns:245px minmax(0,1fr)}.mock-side .m-seg{display:flex}.mock-side .m-seg button{border:0;border-radius:20px;padding:8px 9px;background:transparent;color:#aaa;font-size:10px}.mock-side .m-seg button.on{background:#2ec4a6;color:#06261d}.rio-card-navigation summary{cursor:pointer;font-size:10px;letter-spacing:.03em;color:#b6c5bf;padding:13px 5px 7px}.rio-card-navigation ul{margin:0;padding:0}.rio-card-navigation li{padding:7px 9px;font-size:11px;line-height:1.4}.rio-card-navigation li button{border:0;background:transparent;padding:0;color:inherit;text-align:left;width:100%;font-size:inherit}.rio-card-navigation li span{display:block}.rio-card-navigation details{border-bottom:1px solid #252e29}.rio-card-navigation details[open] summary{color:#78dac0}@media(max-width:650px){.home-demo .mock-body{grid-template-columns:1fr}}