/* HMS composition. All screen images are captures of demo-hms.html.
   Reuse the same markup in the home carousel and the case hero. */
.hms-showcase{position:relative;isolation:isolate;container-type:inline-size;width:100%;aspect-ratio:2.25;overflow:visible;margin:0;color:#f4efe5}
.hms-showcase::before{content:"";position:absolute;inset:5% 3% -6%;z-index:-1;background:radial-gradient(ellipse at 52% 58%,#34698228,transparent 68%);pointer-events:none}
.hms-showcase__piece{position:absolute;margin:0;filter:drop-shadow(0 1.6cqw 1.8cqw #07121e45);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.hms-showcase__piece img{display:block;width:100%;height:auto;margin:0;border:0}
.hms-showcase__desktop{left:15%;top:10%;width:65%;z-index:1;transform:perspective(1000px) rotateY(-3deg) rotateZ(-1deg);border:.12cqw solid #7995a255;border-radius:.8cqw;background:#233f5a;overflow:hidden;box-shadow:0 3.5cqw 5cqw #0003}
.hms-showcase__desktop img{aspect-ratio:1.66;object-fit:cover;object-position:top}
.hms-showcase__phone{left:76%;top:24%;width:14.5%;z-index:4;transform:rotate(4deg);border:.52cqw solid #17334a;border-radius:2.1cqw;overflow:hidden;background:#17334a;box-shadow:inset 0 0 0 .1cqw #a2bacb,0 1.8cqw 3.5cqw #0004}
.hms-showcase__phone::before{content:"";position:absolute;top:.35cqw;left:34%;width:32%;height:.38cqw;border-radius:1cqw;background:#0b1e2c;z-index:2}
.hms-showcase__phone img{aspect-ratio:.462;object-fit:cover}
.hms-showcase__gauge{left:3%;top:47%;width:20%;z-index:3;transform:rotate(-5deg);background:#fcf8f3;border:.12cqw solid #c6835355;border-radius:1cqw;overflow:hidden;box-shadow:0 .5cqw 0 #ce80552b,0 2cqw 4cqw #0003}
.hms-showcase__notification{left:58%;top:1%;width:24%;z-index:5;transform:rotate(2deg);border-radius:.9cqw;overflow:hidden;background:#f1f6fb;border:.12cqw solid #8fa9bb55;box-shadow:0 1.5cqw 3cqw #0003}
.hms-showcase__notification img{height:auto}
.hms-showcase__marker{position:absolute;bottom:7%;left:30%;display:flex;gap:.65cqw;align-items:center;font:600 .83cqw/1.3 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--texte-secondaire,#b9bec3);z-index:6}
.hms-showcase__marker::before{content:"";height:.42cqw;width:.42cqw;border-radius:50%;background:#c9754a;box-shadow:0 0 0 .3cqw #c9754a20}
@media(hover:hover){a:hover .hms-showcase__phone,.hms-showcase:hover .hms-showcase__phone{transform:translateY(-.6cqw) rotate(3deg)}a:hover .hms-showcase__gauge,.hms-showcase:hover .hms-showcase__gauge{transform:translateY(-.4cqw) rotate(-3deg)}}
@media(max-width:600px){.hms-showcase{aspect-ratio:1.65}.hms-showcase__desktop{left:6%;top:13%;width:80%;transform:rotate(-1deg)}.hms-showcase__phone{left:73%;top:25%;width:20%;border-width:.8cqw;border-radius:3cqw}.hms-showcase__gauge{left:1%;top:56%;width:28%}.hms-showcase__notification{left:47%;top:2%;width:33%}.hms-showcase__marker{left:33%;bottom:9%;font-size:1.3cqw;letter-spacing:.05em}}
@media(prefers-reduced-motion:reduce){.hms-showcase__piece{transition:none}.hms-showcase:hover .hms-showcase__piece,a:hover .hms-showcase__piece{transform:none}}