/* installation sur l'écran d'accueil */
.inst{position:fixed;inset:0;z-index:400;background:rgba(11,31,71,.94);display:grid;place-items:center;padding:20px}
.inst .in{background:#fff;border-radius:24px;padding:26px 22px 18px;width:100%;max-width:380px;text-align:center}
.inst .lg{width:72px;height:72px;border-radius:18px;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.inst h2{margin:14px 0 6px;font-size:21px}
.inst p{color:#5b6475;font-size:14px;line-height:1.5;margin:10px 0 0}
.inst .link{margin-top:14px;display:inline-block}
.inst .mn{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 4px;color:#12306b}
.inst .mn span{width:48px;height:48px;border-radius:14px;background:#eef1f7;display:grid;place-items:center}
.inst .mn .ar{background:none;font-size:24px;width:auto}
.ig{display:flex;justify-content:center;margin:12px 0 0}
.ig .ph{position:relative;width:190px;height:250px;border:6px solid #1f2430;border-radius:28px;background:#eef1f7;overflow:hidden}
.ig .ph>div{position:absolute;inset:0;opacity:0;animation:igs 7s infinite}
.ig .s1{animation-name:ig1!important}.ig .s2{animation-name:ig2!important}.ig .s3{animation-name:ig3!important}
.ig .bar{position:absolute;left:0;right:0;bottom:0;height:52px;background:#fff;display:flex;align-items:center;justify-content:center;color:#0a6cff}
.ig .bar span,.ig .hl span{position:relative;display:inline-grid;place-items:center}
.ig .fg{position:absolute;opacity:0;animation:tap 7s infinite;pointer-events:none}
.ig .s1 .fg{animation-name:tap1}.ig .s2 .fg{animation-name:tap2}
.ig .sh{position:absolute;left:8px;right:8px;bottom:8px;background:#fff;border-radius:16px;padding:8px;display:grid;gap:7px;animation:up 7s infinite}
.ig .sh i{display:flex;height:26px;border-radius:8px;background:#eef1f7;align-items:center;justify-content:center}
.ig .sh i.hl{background:#dfeaff;color:#0a6cff}
.ig .s3{background:linear-gradient(160deg,#27407a,#0b1f47)}
.ig .s3 img{position:absolute;left:24px;top:30px;width:44px;height:44px;border-radius:11px;animation:pop 7s infinite}
.ig .s3 em{position:absolute;width:44px;height:44px;border-radius:11px;background:rgba(255,255,255,.14)}
.ig .s3 em:nth-of-type(1){left:73px;top:30px}.ig .s3 em:nth-of-type(2){left:122px;top:30px}.ig .s3 em:nth-of-type(3){left:24px;top:84px}
@keyframes ig1{0%{opacity:1}30%{opacity:1}34%{opacity:0}100%{opacity:0}}
@keyframes ig2{0%,30%{opacity:0}34%{opacity:1}64%{opacity:1}68%{opacity:0}100%{opacity:0}}
@keyframes ig3{0%,64%{opacity:0}68%{opacity:1}96%{opacity:1}100%{opacity:0}}
@keyframes tap1{0%,12%{opacity:0;transform:scale(1.5)}18%{opacity:1;transform:scale(1)}26%{opacity:1;transform:scale(.8)}30%,100%{opacity:0}}
@keyframes tap2{0%,44%{opacity:0;transform:scale(1.5)}50%{opacity:1;transform:scale(1)}58%{opacity:1;transform:scale(.8)}64%,100%{opacity:0}}
@keyframes up{0%,34%{transform:translateY(40px)}42%,64%{transform:translateY(0)}}
@keyframes pop{0%,70%{transform:scale(0)}76%{transform:scale(1.25)}82%,100%{transform:scale(1)}}
@keyframes tap{0%,100%{opacity:0}}