#gestion-plateforme { background: #11101a; }
.srp-platform-cover { align-items: stretch; }
.srp-makadamm-showcase { position: relative; min-height: clamp(32rem,52vw,48rem); padding: clamp(1rem,3vw,2.5rem); overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: var(--srp-radius-lg); background: radial-gradient(circle at 70% 20%,rgba(174,182,255,.14),transparent 28%),linear-gradient(145deg,#090810,#272230); box-shadow: 0 2rem 6rem rgba(0,0,0,.3); }
.srp-makadamm-showcase figure { margin: 0; }
.srp-makadamm-showcase figure > figcaption { position: absolute; z-index: 4; padding: .52rem .7rem; border: 1px solid rgba(255,255,255,.13); border-radius: var(--srp-radius-pill); color: rgba(255,255,255,.7); background: rgba(8,8,16,.76); backdrop-filter: blur(10px); font-size: .66rem; font-weight: 750; }
.srp-makadamm-showcase__desktop { position: relative; z-index: 1; width: min(92%,72rem); }
.srp-makadamm-showcase__desktop .srp-browser-mockup__viewport img,.srp-makadamm-showcase__product .srp-browser-mockup__viewport img { height: auto; aspect-ratio: 1280/790; object-fit: contain; }
.srp-makadamm-showcase__desktop > figcaption { right: 1rem; bottom: 1rem; }
.srp-makadamm-showcase__product { position: absolute; z-index: 2; left: clamp(1rem,3vw,3rem); bottom: clamp(1.5rem,3vw,3rem); width: min(47%,38rem); transform: rotate(-1.7deg); }
.srp-makadamm-showcase__product > figcaption { right: .7rem; bottom: .7rem; }
.srp-makadamm-showcase__mobile { position: absolute; z-index: 3; right: clamp(1rem,4vw,4rem); bottom: clamp(.5rem,1vw,1rem); width: clamp(6.5rem,13vw,10rem); min-height: 17rem; }
.srp-makadamm-showcase__mobile .srp-phone-mockup { position: relative; right: auto; bottom: auto; width: 100%; }
.srp-makadamm-showcase__mobile > figcaption { right: 50%; bottom: -.3rem; white-space: nowrap; transform: translateX(50%); }
@media (max-width:63.9375rem) { .srp-platform-cover { grid-template-columns: 1fr; } }
@media (max-width:39.9375rem) { .srp-makadamm-showcase { min-height: 29rem; padding: .75rem; } .srp-makadamm-showcase__desktop { width: 96%; } .srp-makadamm-showcase__product { left: .75rem; bottom: 2rem; width: 66%; } .srp-makadamm-showcase__mobile { right: .7rem; bottom: .3rem; width: 5.4rem; min-height: 11rem; } .srp-makadamm-showcase__mobile > figcaption { display: none; } }