/* Landing 2.1: composizione device Hero, separata dalle regole tipografiche approvate. */
.device-composition{position:relative;isolation:isolate;min-height:450px;overflow:hidden;padding:0;background:#f8fafc}.device-composition .desktop-frame{position:absolute;z-index:1;top:18px;right:2%;width:96%;height:auto;aspect-ratio:1.6/1;padding:15px}.device-composition .tablet-frame{position:absolute;z-index:2;left:5%;right:auto;bottom:18px;width:43%;height:auto;aspect-ratio:1.55/1;border-width:6px;border-radius:14px}.device-composition .phone-frame{position:absolute;z-index:3;right:7%;bottom:8px;width:20%;height:auto;aspect-ratio:.51/1;border-width:6px;border-radius:22px}.device-composition .slot-caption{z-index:4;left:7%;bottom:5px;margin:0;padding:4px 7px;border-radius:4px;background:rgba(255,255,255,.86);font-size:10px}.device-composition .desktop-frame .slot-top{position:relative;z-index:1}.device-composition .desktop-frame>p{z-index:1}@media(max-width:1080px){.device-composition{max-width:760px;min-height:442px}.device-composition .desktop-frame{top:15px}.device-composition .tablet-frame{bottom:15px}.device-composition .phone-frame{bottom:8px}}@media(max-width:780px){.device-composition{min-height:340px}.device-composition .desktop-frame{top:12px;width:96%;aspect-ratio:1.58/1;padding:11px}.device-composition .tablet-frame{bottom:15px;left:5%;width:43%;border-width:4px}.device-composition .phone-frame{right:7%;bottom:6px;width:20%;border-width:4px;border-radius:16px}.device-composition .slot-caption{bottom:2px}}@media(max-width:520px){.device-composition{min-height:292px}.device-composition .desktop-frame{top:11px;width:96%;aspect-ratio:1.55/1}.device-composition .tablet-frame{display:none}.device-composition .phone-frame{right:8%;bottom:13px;width:25%;border-width:4px}.device-composition .slot-caption{left:5%;bottom:6px;max-width:54%;font-size:9px}}