/* Géométrie du ruban : deux pans diagonaux, en retrait du contenu. */
.hero{position:relative;isolation:isolate}
.hero:before,.hero:after{content:'';position:absolute;pointer-events:none;z-index:-1}
.hero:before{top:15px;right:-8%;width:66%;height:740px;background:linear-gradient(145deg,#f9f6ff 8%,#eee7fc 60%,#f7f3ff 100%);clip-path:polygon(34% 0,60% 0,100% 100%,74% 100%)}
.hero:after{top:230px;right:-4%;width:64%;height:490px;background:linear-gradient(125deg,#f5f0ff00 5%,#e8ddfa80 65%,#f8f5ff);clip-path:polygon(0 100%,29% 100%,100% 0,71% 0)}
.hero>.wrap{position:relative}
.hero .iso-demo{background:transparent}
@media(max-width:1100px){.hero:before{top:380px;right:-20%;width:100%;height:640px}.hero:after{top:580px;right:-15%;width:100%;height:420px}}
@media(max-width:600px){.hero:before{top:370px;right:-32%;width:125%;height:460px;opacity:.65}.hero:after{top:480px;right:-20%;width:115%;height:310px;opacity:.6}}
/* Motif d’arrière-plan : faible contraste, décalé hors du contenu principal. */
.hero:before{opacity:.34;right:-22%}
.hero:after{opacity:.26;right:-20%}
@media(max-width:1100px){.hero:before{opacity:.28;right:-35%}.hero:after{opacity:.20;right:-30%}}
@media(max-width:600px){.hero:before{opacity:.20;right:-45%}.hero:after{opacity:.14;right:-40%}}