/* Base fidèle au design « Pop Azur » : reset, keyframes, media query 640px, états hover (extraits des attributs style-hover du prototype) */
html{scroll-behavior:smooth}
body{margin:0;background:#EEF1F7;color:#0E0E12;font-family:'Instrument Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#1B3DF0;text-decoration:none}
::selection{background:#FFC93C;color:#0E0E12}
button{font-family:'Archivo',system-ui,sans-serif}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mqr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.15}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-10px) rotate(var(--rot,0deg))}}
@keyframes wob{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes dash{to{stroke-dashoffset:0}}
@media (max-width:640px){
[data-m="cta"]{flex-direction:column;align-items:stretch !important}
[data-m="cta"] a{width:100%;justify-content:center;box-sizing:border-box}
[data-m="stick300"]{position:static !important;margin:6px auto 40px !important;animation:none !important;transform:rotate(8deg);display:inline-block}
[data-m="side"]{display:none !important}
[data-m="spinbadge"]{display:none !important}
[data-m="live"]{right:6px !important;top:-16px !important}
[data-m="bigshadow"]{box-shadow:10px 10px 0 #1B3DF0 !important}
[data-m="phone"]{width:min(240px,62vw) !important}
[data-m="sec"]{padding:104px 24px 0 !important}
[data-m="secb"]{padding:104px 24px 104px !important}
}
/* Hovers du design : uniquement avec une vraie souris (sur tactile, :hover resterait collé après un tap) */
@media (hover: hover) and (pointer: fine) {
a:hover{color:#FF5136}
.hv1:hover{background:#FF5136 !important;color:#FFFFFF !important;transform:translate(-1px,-1px) !important;box-shadow:3px 3px 0 #0E0E12 !important;}
.hv2:hover{transform:translate(-2px,-2px) !important;box-shadow:9px 9px 0 #FF5136 !important;color:#FFFFFF !important;}
.hv3:hover{transform:translate(-2px,-2px) !important;box-shadow:9px 9px 0 #1B3DF0 !important;color:#0E0E12 !important;}
.hv4:hover{transform:translate(-3px,-3px) rotate(-0.8deg) !important;box-shadow:11px 11px 0 #1B3DF0 !important;}
.hv5:hover{transform:translate(-3px,-3px) rotate(0.7deg) !important;box-shadow:11px 11px 0 #FFC93C !important;}
.hv6:hover{transform:translate(-3px,-3px) rotate(-0.5deg) !important;box-shadow:11px 11px 0 #FF5136 !important;}
.hv7:hover{transform:translate(-2px,-2px) !important;box-shadow:7px 7px 0 #FFC93C !important;color:#FFFFFF !important;}
.hv8:hover{transform:translate(-2px,-2px) !important;box-shadow:9px 9px 0 rgba(14,14,18,0.25) !important;}
.hv9:hover{transform:translate(-2px,-2px) !important;box-shadow:11px 11px 0 #FFC93C !important;}
.hv10:hover{transform:translate(-2px,-2px) !important;box-shadow:9px 9px 0 #0E0E12 !important;color:#0E0E12 !important;}
}