@font-face{font-family:Anton;src:url(fonts/anton.woff2) format("woff2");font-display:swap}
@font-face{font-family:Caveat;font-weight:700;src:url(fonts/caveat.woff2) format("woff2");font-display:swap}
[hidden]{display:none!important}
/* QTouch — démo par scènes plein écran (une animation à la fois), style QTouch : violet nuit, orange, verre. */
:root{--qlogo-url:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjUAAAECCAYAAAAGgiYQAAAgtElEQVR42u3d73XbttvG8Qs9ef+wE/yYCSJPEHmCOhNEniDKBJYnsD2BlQnsTGBlgqgTmJ0g7AT384JQo7q2YwsECJDfzzk+6YvqHwgCFwGQcILMrJJUS5pJerf335Vz7vdXvM+lpPeSWklbSd8kNc65LaUMAACihBgzm5vZhZndmdkPe8Ir33dtT7vznzfnCAAAgNAgs/hViIkYavb9MLMb/30qjg4AAHhJ0Ji/NsgkCDUPXTOCAwAAHgsXlZmdHRpkBgg1O/eM3gAAgF7DzEChZj/cnJlZzVEFAIAwU3Ko+Ve44QgDADCNQPMpRpjJJNT8a1qKow0AwNN+KzjMzMzsTtKlpGrkx6mWdO0XPNdUWwAARhJq/JTMd0nziR2vuSSmpAAAKD3UmFntR2dWEz9uK0ZtAAAoNNSY2YmmOTrzlLmkO18uAAAQagoJNGeSbjT+tTOvVUu6YToKAIDMQ42/VftaTDf9ysrMLigGAAChJs9AU0u6k7TgML3I0sy+8zRiAAChJs9AM+MQvcpM0ncWEAMACDV5BRo65sPU6hYQU34AAEINgYZgAwAAoebwQFMRaHoPNjessQEAEGrSI9D0b6buVngAAAg1KfjbkWccjijm3O4NACDUpAk0Z5KWHIqolmZGGQMACDURA81MeT9Yrx3RsT7z5Q0AwCi5AQNNrfzW0bSSbiV9k7RxzjUHBrWZpD/8vzn9vkbSkXOupeoDANBfqLm2PPwws0szm0f6nXMzW/vPyQHrawAA6LGjX2TQud+b2TLVLc9+H6uF/9yhzamFAACEd+71wB37vZktMgh1Q5dBRW0EACCsQ78ecJpplUtn7kduVkxDAQDQj6QLhf3i4PsBfudW0odDFv4mKpOhFky/zbFMAAA4ROpbuq8H+I1XzrmjXDtv51zjnHsr6WqAj7/mFAAA4JUGWBz8Y+i1MweU0ZJFwwAA5N9h3ycONLNCy2me+PbvO2onAAB5jtIUG2j2ymuWONgwWgMAwAs76TsCTdbBhtEaAABe2DmncjKysks5wjWjtgIASpbi7qdPiX7LuXPudkwHxzm3lnSe6OMWnA4AADw90lAlGmW4Hnk53iWauquotQCAUsUeqTlJ8BuahKMZQ/mgbgfxmCpJc04JAACh5nEfE/yG87E/Fdc510o6TfBRnzglAAB4wG9cybRTv2V6xxQUAACPizlSM0/w/c8ndrw+R37/SmmmDAEAKCrU/BH5u6+nthmjc24r6Uvkj3nPaQEAKLKfjPXGZvbDX/nHMskdpv3zZL5H/IjWOfc7pwYAoDRRRmr8Y/djBpr1FAON9M9ozSbiR1RmVnNqAAAINZ1Z5O/9ZeLHLfZaojmnBgCAUNOJuS6jcc5tpnzQ/O9vI34E62oAAIQar474nb9y2CTFHa2aUbwAAEJN/E7xlsMWvRxqihcAMPlQE3m353bqU097too3BcViYQAAoSbyVf6WQ9bxWyfELI8ZpQwAINTE841D9i9/RnzviuIFABBq4tlyyJKVR03xAgCmHmpiXuE3HLJkoeZ/FC8AYOqhJmZnSKj5t5YiAAAgXqiJxi+Oxc/yiBnyakoYAECoiYNAAwAAkoaailADAAAINQAAAJmEGgAAAEINAAAAoQYAABBqAAAASvaGIgAAIA9mVunAG24iP7uMUAMAAF5lJunuwNe6qRce008AAIBQAwAAQKgBAAAg1AAAABBqAAAAoQYAAIBQAwAAQKgBAAAg1AAAAEINAAAAoQYAAIBQAwAAQKgBAACEGgAAAEINAADAIN5QBCiBmVWSbg58+alzrqEUAYBQA+SgkjSnGAAAT2H6CQAAEGoAAAAINQAAAIQaAAAAQg0AACDUAAAAEGoAAAAINQAAAIQaAABAqAEAACDUAAAAEGoAAAAINQAAgFADAABAqAEAACDUAAAAHOoNRQCMl5lVkmpJM0nv/H/Xkqq9v8c0/q/1//4laStp65xrKVkkrsezvTpc+f+mDqdrQ+aS3u+1JU+V+8My/yapcc5tCTUADm2AZpL+8A3R7MC32oWfxz5jK2kj6atzbkOpI0I93nWi871ONEYd/iZpQ8j5T/nUkj768p8HlPnSv1+7azN8eTclFca9xXFPVXu0vGO5y+0kC/gt9RQ6ATO7NrMfltYP/7knnI3ooQ5fDFCHzcxuzGyRUTkcpKfPvptSeRNqCDWEmoxGZczsbKBO4NFz1Mw+TSFEotc6vEzUkb60Dl8PWYeHCDX+M+8HKu9ew42LEWqeGvIL1Djn3tIM/DfURHrrjXPuuK+GS4cNHz8c1jw0aB2rm9/tSzvkcLUvz09+aLfKtGquJZ2nGmYOqGPtGKYeSvv91OHnA8ahbZ1zzr3ys2aSLvS6KaYYGl/Wa0ZqCDXZj9SY2crGZcXIzIudJSqb9YHf73ok7cC6lLpsZovC6nDSkZtUIzV+qi83N6FlzS3dQBmd1lzSd0mrjK9sH7OKMcSMIutw7S+WrgurwwtJ31MF9ETH4bsfJcvNiS/rg9sLQg2QdwNUmdmFuuHoutCfUUu69leGFUd1kvX4kw/l80J/QrUX0OuCj8PMH4dZ5mV9fWiIJNQAGV9R+QZoOZKftPRXYTVHd1Kh/EbSpcoanXkuoH83s2WBx+Kjb09KOQ4rPx31qu9LqAHybIBOfAM0tgCw6xROOMqTCeVjO9aVpAs/glpSoFkXWNYnku5eE2wINUB+DdAnSTcjubJ9qlO4GcsaBTxah2cjDeX7dreiV5kfi5NCA83O7DXBhlAD5NUAnakbqp+CFcFmtIHmbsShfN9cGU+p+u81hjv8ZupuPSfUAIUFmtXEfjbBhkBTutqPJNSZHYt6ZMdi8ZK2gr2fgDwaoE+JA02rf288t99A766MUjWGKzP72zl3SU0oug6n7kR/VYdrpZv+qtVNqR5n9DDHs0i/v9kr9zZxu7Eys2/P7TlHqAGG7wxOFH/KaSO/eZ9euEvx3uaYM/3cIDOWCzPbskEmgeYXdfjPvTrcvPC77erwXD93mo5hpm4t3HEGx2Oh7vk6fQTH2125v2S3bV8XZuoW+cYo72szO3qqDSPUAMN3BrHuotio2xV3fcjVo3/Nxv9d+u86j3gFeOMbq4aaUZybSHWilXQl6fLQERDfEW/lF8v6B1kuInW4czO7cM59HrhNOeuh7Th/6QXQg/Ju1I3k3O4FrD7bjN3ve7SMWVMDDCvGQ/U2ko6dc8fOucu+hsOdc41zbu33YDv2n9OnygebimpRVDA/U/8Pc2sknTrnfnfOrfqc0nHObZxzC0lHkk7V775wUndX1McBD0lIgNhvOzZ9lPtem9FnWS99OCXUAJl1Bn0GmkbSh12DFPO7+wbvOEKnMOvhKhPp6vBc/a4Fa9VtbPg29uaGzrl2r8M918/1IX24HGLhsP/MxYFtx3HMtsMfz2N1o2Z9hbf/YPoJKax7uKqv1A1xH6Lvjjf4vSJ0Bl8kLVMvUnTOrc1s439LX1enSzP7yvqa7ANNpX5vF976UN6k/i3OuZWZrf3vmffwlruySb2+5pCp7CtJqxRthz+2R2Z2qW6X9hBzM5tHbyfYpTt5w5L9Lt19XYEE/JY6w+PW53myzOQ3Lfs8318zDcUu3el36e55l+fLjMpyNeS5GbJL9yv9GHKj2Z7K+T/9FNNPQPqTua9pp1bdkHEWHYL/HkfqZxi/1nj2vBpjHe7z+Jw757I51s65laQPPdXjs0zXiO3ajvXA5fylj9EaQg1Qfmewa5Q2Of0+f6fJcU8dwicWDWerr3VP575zU2b1+LanelxlGM5bSUcvuT07gaXC19icEGqAYTuDPjrq40wapeeCTahK8W53x+HBfK5+noGSZaCJUI/PMpoC310MNZmUcavwUbGP+xc/hBogXWdQ99QZfM410DzoEE57eKtFrvvqTDyYh1rnHGgi1ONlJj/pPLe2wwesq8CLnxmhBiizM7gqZTsBP19/1cNbLak62QTzmcLvDmr0xIPTRlyPP2YwlXqecdtxqcDRGkINkLYzqPVg7veQziCnBZUvtFL4LfAfWVuTjU89vEdO+yOlqsfVwOG8yXyqrw0MjieEGiCtucLX0hyX9qN9YxU6fD90hwD1Nn16XuI2GD3V408D/oQS2o5LHT5aU/lRREINkEjo1NO61D2R/B1aocP3f1CFsgjmQaMFir9xa+x6HHILcvXUo/0jK6Lt8MHxS2j9JNQA8a9wZwp/Ls154cWwUtic+WygDgE/hY40nBc47fRYPQ4xxJ5QJbUdtwGvfRcr1GzV394OAJ1BwaM0D67CQkdrTqhKgwbzWcBbNEM+6K3HetwEjiakrsOXJbUdfjTs0OA7jxJqnHMfnHNHzjknabeb72ffoIV8YaBUoSMM5yMph0v1dIcDqMMDCglnqaegrgos368Hvq6OEmoeplq/m++lc27pdwD93YedDwQdTOQKtw5pQEsfpdlrD1qVuSYBYWuaWoVvaJvbaELI7zlJFb4KbTu2Ae1t/dtAlaJxzt0+CDq7ER1CDrjC/enLyMrjduDyxOs7iiqw3G/HEsz3fAt47ftE3/Gq0LINCYyzbBYK743o7IecK7E+B9O9wm1y29upp6vckA7uPVWKYF56x5vguUtN7k8df+67B7y2yvbuJx9yls65I3XTVZ8FTKtD+DrSMgnp5GY8iK+oOjy6YL4XztuQehz5K14VXLZtQLCp3xTyIxuFP5UUSKqH9R+3Iy2ajQ5/bk/lO4QNNSyZd4HHeqw+BLx2G/m7ld52HBwY33C+AtGEXI21Y7zC3V3lmlmrw5+wTKhJKyScj3W0URmfn80I1jA1B7af/+Phe0CeV7jfRl42XwcqV7zC7tHzAbaUYnJjCPx/H/pCQg0QTz3xhilWZzejahVRh7cjvOtp7BcMxSPUAPGEdL5jv8INCW01VauIOvwXxTeISQdJQg0Qgb9DpyLURGl4K79jNOJ7Rx0uSlvwrdy9eGNm13tXPy9tiFv9XJ3c+ETe+v9uNY6FSsBQV7jtCDb+e5ZzrjWzRoePulRUsSQI5mWZfJm/kbSIdKW6K+DW//tt999jb7ABOoMX/85DQ82MBjyJOuC1tPPp/UmoSXO1Ope03As8W3WjOt98yNlQF0Fn8I9mImX0d8BrK6oY4RyTbTsGCzXPhZ2Z/MZeflRn40POhpCDiXcGU1lg2QxUvkhQzozIE2qGkNNC4bm6p4zeWefOzBYsCMQEQ81UOoOQ3/k/qlhcgW0vgaa8c2oUcn6i8Nz/7aarNpK+TH1lNwg1NMDg2OIJzdQLoJRbumfq1uR8N7N7M7tgBAcACDVAiaFmX+0Dzv1uiorDCK62+J0g1Ewdj1Ip/+F7c0nXfvTmmtEbYDJ+pwgAjC3U7NTqnrezCzdzDi0ADKaiCECo6cdC3R1UTE2h5JBOx/e8H1QTQg0whVCzM9fPqak5hxqg4wNAqBnDVe9u5KbmkCORls4e1GGAUBPLXD/X3BBuQIeQxwXHof6iisUV+ERgQg0INYks1I3cLDn8yDTUTOVpudVA5YuXaw59IRePINSkvUK88OttOPGQW6iZyu3K7wg1hFaAUNNvuLk3szOqAnK5wg3s7KfS6TVUsSS2Aa+dUXwg1AxjxagNMgo1tZlN4So3pNNrqWL/EmvK8m9CDQg1ZarFqA164h9X3gbWx9Eys1lg+W6pZUlsqcMoya926W5/0TBXGt+86cqP2JyzjwYCtQHnxyywQ8ldSKgh0KQT0ga+p/gwRKjZ+Ir7p/+3kdS+pkP3IWAXcG5GEHQWkuZmdkywQYBvAVer7yWtR1w2IR0et3P/Vx3pfUMCZGVmNW0okoYa59xx6JvsV1ozC7k6za2R+G5mp865W6oKDuwQPh742vnIy2YeWK5IEGqcc01gmz4fazj3T6o/dLnCuXNuQ7WNEGooguevNCTdmNnKOXdOcSBh51uP9SrXj+yGdMJ0Bv8uzypBPT40hI55xPEkoFxOqblxsFD4ZVYsIMYAIwonIy2X+cDlOjazyO//J3X4ycB2iIYpOUJNLsHmmmLAS/nHzId0wH+MtGg+Brx2G/j4fkLN690GvLYa44bCfrTx0HL/kypLqMnFwsy+T+QZIujHt4DXzkNvfc60M5gPVJ6PqUdQrLHD7zbw9R9HeF6fDBQSQaiJclV0R7BBogbsZGTlcTZweY4x1EQNvn5kbBNSh0fYXn4KeO1GINSoe+bHF4INSuLvcGhDGs+R1bN5SBvwzB0jzRRDjZ/aSVE/vga8tpK0HEsFNrNFQL3Zsp6GULPfoC0kvc0k3MwkXVCFQIeQpDOQIg3bFz7Fl2pqJ7TsP43ofA4p828CoebBlW/jw82xht/UbsHiYbzAOrRDGMloTejU03PhMKQtmBcaEmt1DwpN0u4qbNqk8qG29GB+ElhfLmkOCTVPnWQb59xbSZ8HDjcLbvfGr+qqwqagKhU+WuPPkTrgLZpfPAQzpHxLvcssdRj7Gvj6sxGE85DReaaeCDUv6jAu1Y3aDDkltTKzJdUJz7gKfP2nUneR99879Pz41ShBSGcxL7SzTX0xtVb4Jq3FtpNm9ikwmF8JhJoXBpvdlNRp4EkXlODH+DwG9OYy8PWVpFKnOs8Uvpj1V0/0Dr0CLqqz7WHk65B2tlX4aE2R4dx/51XAWzTOuTXNIKHmtSfdWtKRhpuOui71ahpJOoRN4NvMSxsR9Fe3i9ARgl8N2/vyDTnvi1m31NPI18HHYqLh/C4wmG8EQs2BnUfj19oMsVdTrW6XckQ4riP4GX3UyYtS7tbxne9lD2/10qnlkDtLKqWfzjn44kkDbRrs14f1Ec6LuXPUf9c6g3MfUww1eyffSsNMR81KOmEL0xZeJ/voEKRuk9U659/qv99dD2+1ecVuxqFlu8x9CtlPOw39HfvooJdmlv2Thn15LwPfZs0CYUJNX53IWsNMRy39rX8g1MToEGp1D3/MMtjsBZo+vt9rdjO+7eHzrnOdhvIhYDWicL7OedTRB5rQ8m7EKA2hpucTsNEwz7RhfU3/tge+rsqoPm7Uz516WQabngPNq65we1q3tCvXKrNynSl8PUtu4Vy+rLMLNj0FGkm6YpSGUBMr2BwpfGO213akPJivX38d+LrcGs2l+hl1yirY+M6pr0Bz6BXu1x4+e6aMRmz8CM1zU3l9BeXXhvM+blGuJH3PaQG8Xz7QR6Bp/CNHQKiJchK2zrmjxCf/nOfX9OrQUPoxt7rY45VuLel+6Hrm73LqK9CEXOGuewqMJzkERj9isNbzo41DPaNrpf6mhC+GfoipmdVm9l393Vl2TJNNqEnRoSwSNwJnTEP1ZhMQLrM6Dv4KbtPjW16YWfIpT98R3Km7y6nq6zgfeoXrA2Nf5/fMB5vFQB3s3QtGDAZ7/okv69Me33JlZvdDnKc+lH9Xf6O650w7DePNFH+0c25hZqmu4Ct1t3kfUd2Cj1tjZs2BowEr32hu+7q6dM6FXomd+oa0rzCwULdtx0rSl5iNqp+a+eSvaqse37rpoaO8VH8bKNbqpqLep+ioDijX84HPyVszu+q5vO/N7FIJ1qP4u90u1O8UdePvvsUY+KQdw32E73pj6awilXcsd5nWr0vLRF+NasSv2PvIjf++F2b2I9J3Punpe65LKdNdmPGjiT8OaRMDfu+qp+8eo92/j1SHKzNbmtldpO9cD9UmjChHHFqfryc3/fTIlfI20WedlfLQtMzdjmz0aRPxanvhr3q/+yAyP7AD2E3f3albN9P36Mw/ow6/2LTytSNzbeQyXYac0/udq6Qf/ju/plyPM6nDrf8ufZd3vVfed2a2ODQw+LI+MbNrSfd+dGYeoTg+MO00rDdT/vHOudbMjtVNAdQJPvJCLB4LDgFmttHwDyDr8zet9qYdYpj5v6W/mNuqm+ZpJP3tO6N2ryP5P9+5zpVuf6GrPofs/VTlucJ2VX5JmcrMWl+mW3V36DWPdPCV/3vny3QWWLZZrdnw5f1B/Txw8THz3Tnvp6C3kv7cK+v2kbKuJf0vYT3+7JzbCoSaTILNXYKKPzezJbf5hV/RjynU+Hq49MEmxTqvfzrkTHxxzi0jlOmlmf2RoK5U+51uAtsc12z4C45TxX+URe3/TnJqk2jX8/AbRfDPc2w+KM0Ta7kbqofGUyObhvK/a6Hhbs8dMtAsIr7/qYbb4DaGXVuVax1ea3pP0D1nYTChJseTcSvpc4KPqsRD+eisng82VxM5hrEDzf4Fyxi0ko5zX7PhO/ipBBsCDaEm65Mx1VUGD+ULP1at0o2upf5tywl0CuexA82DC5bTwsuriEDzINicjvH83DsepwQaQk0pJ2OKKQCmofrprD6PNNisRvrbWnULKleJy3NdcLBpfKDZFniROMSGwqmOx5pWmFBTimWCE7ES01B9NZxDbFia4rddjqxT2Eo6GmpBpa8rpY3uFRlo9sq88efn7Ujq8K2vw1uBUFPQidgqznMXHmIaqp/jtfXH68sIf1vjnHur8qejzpXB9Il/Dk4pQXHXgTYjqMMfVPbIY6tuhPGD7x9AqCnyCiPFwuGzXHYDHkHDufDhZjPC37eS9LbAK96N75hXuXQGe6MHuYbgUXageyOPpV18rCW95ZZtQs0YTsK14t+JUolpqD6P2cbvyfTWH7tmRL9td8Vbwp1fG3UjM1lOneyF4NzKchcCL0d6fu5ffJRSh08ZnSHUjMkqwcl3YmYfKereG8+ln7p5q24txZVvqLaF/7a1/10flN+o1H6Y2RRUlucDd7L75dZM4Pzc+HI/pQ6j17rV9xv6TdbqCN91t7YgOX+XUp+7KT+m1QHz5xE3Mdv0sAt11vy038HHNJfOx9fPlaT3SretwcO6eyXptuQFlL4+nEg6S1iOG3W3t28GqsttDqMQ1OFHy6PYNmnAtrkl1Lz8dy0Vbx+Zg4MEoQYP6sPcd8zvFPex/RtJ33w92Yy0HBeROtldB7phJODRsj/xdTh2wGkkffVBhuMwEoSa1/22G8Xfb+Tza+bTCTX4xdXOzP+991c+s1deAbW+8d+q20Bwq27voXZC5TjzAXHXyc4OCDG7ELilA3112e/+3h1Qfx/W42++Dm/YTZtQQ6jpOonYO3q3esU0FKEGB9bl+pl63O7+WCD5bGdbPfK3GwGQ7zwbyjBaWNdeHd6vy82DINMSYAg1hJqnf99c3Y7eMW2dc0eEGgAAXo67n16bAruh49i3ec/M7ILSBgCAUBPbSvFv/1z6USEAADBQqGnHXmh7O0THds2mlwAAEGpiB5ut4m+jUIunDQMAMFioidnB5xZsLhX/aZhzMzujqgIAMJ5Qo0w3fjxV/NGplX8gVcry+JvTAwAw9VDzV8Tvm12o8c8/OE/wUY+tr6kjft4PTg8AwNRDTUyzHL9UommoStLdg9GZmKHmL04PAMDUQ00T8fvWGZdlimmoWtJNopDXcnoAAAg18bzLtSD9NFSK27znew/mi1keDacHAGDqoWYbs0PPuTATPW1Y6h7Md6a4IzWEGgBAUWLs/VQp7iLTtzlvTpZo08sUfmcjPgBASXofqfEdYczO8CTrlPjzacMlB4ItgQYAMPlQ420ifuc/ci9U/7Th84LrBXc+AQAINQk6xXmmD+F7GGwuJd0WWi82nBoAAEJNJ3ZnviykfE9V5oLbLacGAKA0LsabJlgs3KpbMNzmXsBmNlO3cLicSuGc49QAAJQmykiNDxubiN+7krQoJCBsFX837z5tOC0AAISaf/sW+bt/KmFtjQ82l0rz/Jo+fOW0AAAQatJe8dcqZ22NJK1UxlqVW04LAECJoq6dMLN7xX0IXSvpKOeH8T0oj1rSnfJ9MN/WOXfEaQEAKFHsXbq/RH7/StJ1MQny5/5QbaZf8QunBACAUPO42wS/YW5my4KCzVb5Lhy+5ZQAAOAJZnZn8f3wt06XVC4ry8sdtRUAULLfEnxGirt+Kkk3fs1KEZxzK+V1RxRTTwCAoiV5yJqZ/fDBI7atpOOSNmM0sxsNv0ln45x7y+kAACjZb4k+J9WIxEzSXSnPr/FONfyt3rWZXZc00gUAwCDMrPLrXlL5XlKw8eVzn8vaGjM7odYCAPB0x516Yex9SSMPZlZnFGx25XfG6A0AoBTJNi70Iyf3SrO2ZqdRt8amKSXYKM+H823ULSTelFKWAADE7rSXA406nBVURrmN2Dw2PbUs7RZ6AMD4udQf6J+HMh9otOG0hJGGArZT2Gl8uX5VN4rTckoBACbDzOYDjzQUsU6kgBGbhxbUbgDAkH5L/YHOuY2GfejcSt1t31mHGz+idOxHQwAAQG6hZi9YDNlZ1/473Pvns8xjfpgfnbp47R5VPtgcqZviAQAAOcpgGuqxW5gv+gg4/rkzuyDz8Pk88wPf85LpJwAAnhkMGDjYrCTlemfSRt2Tfv9SN6rU6vHRpUrdyE8t6Z26pxrPnnnfVtLRIQuWMy+vU+fcmlMKADDJUOM76qHuhhpS44NNe0B5nUi6Vtrn/RBqAADZ+y2D7/BB01sMW6u7Zfv1KdS5W3XrbBqqLwAAGYUaP1pxrG5aZkpmZnZ9YJntdtW+ogoDAJBJqNl10j7YTM0i5GnHzrmlul2+G6oyAIBQkwnn3NZ30FOzCgw2ax8Iv1CdAQCEmnyCzXrCwWYZUG6Nc24hRm0AAIQagk0GLszsYw9ldyzW2gAACDUEm4Gtewg2jV9r81ZMSQEACDXZBJsp3rocHGz2ws1C3cjNhqoOACDUDBtstprmpo69BBtfhhvn3DHhBgBAqBk+2DTqRmymNpWyDlk8/Ey4YVoKAECoGTDYtH4q5Xxix+ci5Hbvp0KiL8u3kj6Lu6UAABiGmdV+R+0pOYtcpidmtmaXbgBAyX4r7QvvbREwpVGblZldm1kVqUxv90ZvTsXaGwAAoSZpuFn5Tng7kWNVK/LO3D4wrvfW3hBwAABIycwWI56Sujez+cDlW/syvmP6CQAAws0hYWaRYRlXe2tw7gk1AAAQbp5yV1JAMLOZmS2HHk0CAGDs4Wbew109KfwwsxuCAQAAh3MTCTe1pLmkj/7fXGwkfZW0ds61VEcAAAg1hwScPyTN1N1VlEor6VbSN0m3BBkAAAg1fYacmQ83M0nv/L9VTwFmK+lP/+/Gb/kAAAAINcmCTrUXbmr/byXp/x753//2AWYXWLaSGkZhAABI6/8BRRxSa6PAaYoAAAAASUVORK5CYII=");
  --cream:#F6EDDD;--grid:#E8553F;--blue:#1D3FD6;--navy:#0E1A5C;--yellow:#F7EE8C;--mint:#BDE3D4;--teal:#2BA58C;--pink:#F4B6B0;--red:#E8472E;
  --night:var(--navy);--orange:var(--red);--orange2:var(--red);--peach:var(--yellow);--green:var(--teal);
  --glass:#fff;--line:var(--navy);--mute:#3a4577;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--disp:Anton,Impact,"Arial Narrow",sans-serif;--hand:Caveat,"Comic Sans MS",cursive;color-scheme:light;
  --ol:3px solid var(--navy);--sh:6px 6px 0 var(--navy)
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:var(--night);color:#fff;font:500 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;touch-action:none}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1{margin:0;font:800 clamp(38px,5.6vw,84px)/1 var(--sans);letter-spacing:-.045em;text-wrap:balance}
h1 em{font-family:var(--hand);font-style:normal;font-weight:700;color:var(--orange2);letter-spacing:0;font-size:1.1em}
sup{font-size:.42em}
.eyebrow{font:700 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:16px}
.eyebrow b{color:var(--orange2)}
.glass-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(18,7,47,.72);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:700 13px var(--sans);color:#fff}
.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 12px;border-radius:14px;background:linear-gradient(135deg,var(--orange2),var(--orange));color:#fff;font:800 15px var(--sans);box-shadow:0 12px 30px rgba(255,106,19,.4);transition:transform .15s,background .3s,box-shadow .3s;white-space:nowrap}
.btn b{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center;font-size:13px}
.btn.big{padding:16px 24px 16px 16px;font-size:18px;border-radius:18px}
.btn.big b{width:32px;height:32px;font-size:15px}
.btn.press{transform:scale(.93)}
.btn.done{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 12px 30px rgba(34,197,94,.4)}

/* ===== chargement ===== */
#loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(80% 70% at 50% 110%,rgba(255,106,19,.35),transparent 60%),radial-gradient(60% 60% at 50% 30%,rgba(109,40,217,.45),transparent 70%),var(--night);transition:opacity .6s,visibility .6s}
#loader.out{opacity:0;visibility:hidden}
.ld-tv{position:relative;margin-top:-12vh;width:min(560px,74vw);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;border:6px solid #0b0618;box-shadow:0 0 0 1px var(--line),0 40px 90px rgba(0,0,0,.5),0 0 80px rgba(255,106,19,.25);transition:width .6s cubic-bezier(.34,1.3,.64,1),aspect-ratio .6s cubic-bezier(.34,1.3,.64,1),border-radius .6s}
.ld-tv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s}
.ld-tv[data-f="totem"],.ld-tv[data-f="phone"]{aspect-ratio:9/16;width:min(210px,32vw);border-radius:28px;border-width:10px}
.ld-tv[data-f="led"]{aspect-ratio:32/10;width:min(780px,90vw);border-radius:8px}
.live{position:absolute;left:10px;top:10px;font:800 11px var(--sans);letter-spacing:.06em;color:#fff;background:rgba(0,0,0,.55);border-radius:999px;padding:5px 9px}
.live::first-letter{color:var(--green)}
.ld-fmt{position:absolute;left:50%;top:calc(50% + 12vh);transform:translateX(-50%);font:700 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ld-count{position:absolute;left:clamp(20px,3.4vw,48px);bottom:clamp(20px,3.4vw,40px);display:flex;align-items:flex-end;gap:12px}
.ld-count b{font:900 clamp(80px,12vw,170px)/.85 var(--sans);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.ld-count span{font:600 15px/1.25 var(--sans);color:var(--mute);padding-bottom:.5em}
.ld-go{position:absolute;left:50%;bottom:clamp(30px,7vh,80px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px}
.ld-skip{position:absolute;right:clamp(20px,3vw,44px);bottom:clamp(24px,3.5vw,44px);background:none;border:0;color:var(--mute);font:600 13px var(--sans);cursor:pointer}
.ld-skip:hover{color:#fff}
.q-btn{position:relative;width:112px;height:112px;border-radius:50%;border:0;background:rgba(18,7,47,.7);backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--line),0 0 60px rgba(255,106,19,.35);display:grid;place-items:center;color:#fff;cursor:pointer;touch-action:none;transition:transform .15s}
.q-btn:disabled{cursor:progress;opacity:.6}
.q-btn.ready{animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 1px var(--line),0 0 90px rgba(255,106,19,.6)}}
.q-btn.pressing{transform:scale(.93)}
.q-btn .q{width:54px;height:54px}
.q-btn .ring{position:absolute;inset:0;transform:rotate(-90deg)}
.q-btn .ring circle{fill:none;stroke:var(--orange2);stroke-width:3;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289}

/* ===== barre ===== */
.hud{position:fixed;left:0;right:0;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:16px clamp(16px,3vw,36px);padding-top:calc(16px + env(safe-area-inset-top,0px))}
.hud-logo{display:flex;align-items:center;gap:8px;font:800 18px var(--sans);letter-spacing:-.02em}
.hud-logo svg{width:24px;height:24px}
.steps{list-style:none;margin:0 auto;padding:6px;display:flex;gap:4px;border-radius:999px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px)}
.steps li{font:700 12px var(--sans);color:var(--mute);padding:6px 12px;border-radius:999px;white-space:nowrap}
.steps li.on{background:#fff;color:var(--night)}
.steps li.todo{opacity:.4}
.hud-cta{font:800 13px var(--sans);padding:10px 16px;border-radius:999px;background:#fff;color:var(--night)}

/* ===== scène ===== */
.stage{position:fixed;inset:0;overflow:hidden}
.glow{position:absolute;inset:0;background:radial-gradient(50% 50% at 80% 90%,rgba(255,106,19,.28),transparent 70%),radial-gradient(60% 60% at 15% 10%,rgba(109,40,217,.35),transparent 70%)}
.glow::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:16px 16px}

/* 01 · mots-clés */
.s1-words{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;z-index:3}
.s1-words span{font:800 clamp(44px,8vw,120px)/1.02 var(--sans);letter-spacing:-.05em;opacity:0;will-change:transform,opacity}
.s1-words .hand{font-family:var(--hand);font-weight:700;letter-spacing:0;color:var(--orange2);font-size:clamp(56px,10vw,150px)}

/* 01 · carte */
.s1-map{position:absolute;left:50%;top:54%;width:min(1180px,92vw);height:min(680px,74vh);transform:translate(-50%,-50%);border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 100px rgba(0,0,0,.5);opacity:0;z-index:2;background:#0a2146}
.s1-map canvas{position:absolute;inset:0;width:100%;height:100%}
.map-ui{position:absolute;left:20px;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:2}
.map-search{display:flex;align-items:center;gap:10px;width:min(420px,100%);padding:12px 16px;border-radius:14px;background:#fff;color:var(--night);font:700 16px var(--sans);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.map-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.map-search span:empty::before{content:"Rechercher un lieu, un quartier…";color:#94a3b8;font-weight:600}
.caret{width:2px;height:18px;background:var(--orange);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.map-chips{display:flex;flex-wrap:wrap;gap:8px}
.map-chips span{padding:7px 12px;border-radius:999px;background:rgba(18,7,47,.7);border:1px solid var(--line);backdrop-filter:blur(8px);font:700 12.5px var(--sans);transition:background .25s,color .25s}
.map-chips span.on{background:var(--orange);border-color:var(--orange)}
.vcard{position:absolute;z-index:3;width:290px;border-radius:18px;overflow:hidden;background:#fff;color:var(--night);box-shadow:0 30px 60px rgba(0,0,0,.45);opacity:0;transform-origin:50% 100%;pointer-events:none}
.vcard img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vc-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}
.vc-b>b{font:800 17px var(--sans);letter-spacing:-.02em}
.vc-b>span{font:600 12.5px var(--sans);color:#64748b}
.vc-r{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.vc-r em{font:900 20px var(--sans);font-style:normal;color:var(--night)}
.vc-r small{font:600 12px var(--sans);color:#64748b}
.vc-r .btn{padding:9px 14px 9px 9px;font-size:13.5px}
.map-kpi{position:absolute;left:20px;bottom:20px;z-index:2;display:flex;gap:10px;opacity:0}
.map-kpi div{padding:10px 16px;border-radius:14px;background:rgba(18,7,47,.72);border:1px solid var(--line);backdrop-filter:blur(8px);display:flex;flex-direction:column}
.map-kpi b{font:900 28px/1.05 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.map-kpi span{font:600 12px var(--sans);color:var(--mute)}

/* 01 · le lieu */
.s1-venue{position:absolute;left:50%;top:54%;width:min(1100px,90vw);aspect-ratio:3/2;max-height:76vh;margin:0;transform:translate(-50%,-50%);border-radius:28px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.55);opacity:0;z-index:4;background:#111}
.s1-venue .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s1-venue .scr{position:absolute;overflow:hidden;background:#030303}
.s1-venue .ad{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.s1-venue .off{position:absolute;inset:0;display:grid;place-items:center;font:700 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#555}
.s1-venue .crt{position:absolute;left:50%;top:50%;width:0;height:3px;background:#fff;box-shadow:0 0 24px #fff,0 0 50px var(--peach);transform:translate(-50%,-50%);opacity:0}
.s1-venue.on .crt{animation:crt .9s cubic-bezier(.7,0,.3,1) forwards}
.s1-venue.on .ad{animation:adon .9s ease forwards}
.s1-venue.on .off{opacity:0}
.s1-venue.on .scr{box-shadow:0 0 70px rgba(255,138,61,.55)}
@keyframes crt{0%{opacity:1;width:0;height:3px}45%{opacity:1;width:100%;height:3px}75%{opacity:1;width:100%;height:100%;background:rgba(255,255,255,.9)}100%{opacity:0;width:100%;height:100%}}
@keyframes adon{0%,60%{opacity:0;transform:scale(1.06)}100%{opacity:1;transform:none}}
.s1-venue figcaption{position:absolute;left:16px;bottom:16px}
.s1-venue.on figcaption{color:var(--green)}
#s1pub{position:absolute;left:50%;bottom:clamp(20px,4vh,40px);transform:translateX(-50%);z-index:5;opacity:0}

/* 01 · titre final */
.s1-end{position:absolute;left:50%;top:52%;z-index:6;width:min(1000px,90vw);transform:translate(-50%,-50%);text-align:center;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center}
.s1-end p{margin:22px auto 0;max-width:52ch;font:500 clamp(16px,1.4vw,19px)/1.55 var(--sans);color:var(--mute)}

/* curseur de démo */
.cursor{position:absolute;left:0;top:0;z-index:9;width:30px;height:30px;pointer-events:none;opacity:0;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 9-6.5 1.6L9.8 19z' fill='%23fff' stroke='%23111' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.cursor.click::after{content:"";position:absolute;left:-10px;top:-10px;width:30px;height:30px;border-radius:50%;border:2px solid #fff;animation:ripple .5s ease-out forwards}
@keyframes ripple{from{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}

/* bas d'écran */
.hint{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:30;transition:opacity .4s}
.hint i{width:8px;height:8px;border-radius:50%;background:var(--orange2);animation:bob 1.4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(4px)}}
.next{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 20px;border-radius:16px;background:#fff;color:var(--night);font:800 14px var(--sans);text-align:center}
.next b{font:600 12px var(--sans);color:#64748b}

@media (max-width:760px){
  .steps{display:none}
  .hud{justify-content:space-between}
  .s1-map{height:70vh;top:55%}
  .map-chips span:nth-child(n+5){display:none}
  .vcard{width:240px}
  .s1-venue{width:94vw}
  .map-kpi b{font-size:22px}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important}}


/* ================= direction artistique : illustration rétro « risographie » ================= */
body{background:var(--cream);color:var(--navy)}
body::after{content:"";position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .05 0 0 0 0 .1 0 0 0 0 .36 0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}
h1{font:400 clamp(44px,6.4vw,104px)/.95 var(--disp);letter-spacing:.5px;text-transform:uppercase;color:var(--navy)}
h1 em{font-family:var(--hand);text-transform:none;color:var(--red);font-size:.9em;letter-spacing:0;display:block;margin-top:.1em}
.eyebrow{color:var(--navy);font-weight:800}
.eyebrow b{color:var(--red)}
.glass-pill{background:#fff;color:var(--navy);border:var(--ol);box-shadow:4px 4px 0 var(--navy);backdrop-filter:none;border-radius:14px;font-weight:800}
.btn{background:var(--yellow);color:var(--navy);border:var(--ol);box-shadow:var(--sh);border-radius:16px;font:400 20px var(--disp);letter-spacing:.5px;text-transform:uppercase}
.btn b{background:var(--red);color:#fff;border:2.5px solid var(--navy);font:400 14px var(--disp)}
.btn.big{font-size:26px}
.btn.press{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--navy)}
.btn.done{background:var(--mint);box-shadow:var(--sh)}
.btn.done b{background:var(--teal)}

/* fond de scène : mur crème à quadrillage rouge */
.glow{background:var(--cream)}
.glow::after{background-image:linear-gradient(rgba(232,85,63,.45) 1.6px,transparent 1.6px),linear-gradient(90deg,rgba(232,85,63,.45) 1.6px,transparent 1.6px);background-size:56px 56px}
.glow::before{content:"";position:absolute;left:0;right:0;bottom:0;height:22vh;background:var(--blue);border-top:4px solid var(--navy)}

/* chargement */
#loader{background:var(--cream)}
#loader::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(232,85,63,.45) 1.6px,transparent 1.6px),linear-gradient(90deg,rgba(232,85,63,.45) 1.6px,transparent 1.6px);background-size:56px 56px}
#loader::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24vh;background:var(--blue);border-top:4px solid var(--navy)}
#loader>*{z-index:1}
.ld-tv{border:5px solid var(--navy);border-radius:18px;box-shadow:12px 12px 0 var(--navy);background:var(--navy);z-index:1}
.ld-tv[data-f="totem"],.ld-tv[data-f="phone"]{border-width:12px;border-radius:30px}
.live{background:var(--yellow);color:var(--navy);border:2.5px solid var(--navy);font-weight:900}
.ld-fmt{color:var(--navy);font-weight:800;background:#fff;border:var(--ol);border-radius:12px;padding:6px 12px;box-shadow:4px 4px 0 var(--navy);top:calc(50% + 10vh)}
.ld-count b{font:400 clamp(80px,12vw,170px)/.85 var(--disp);color:#fff;-webkit-text-stroke:3px var(--navy);text-shadow:7px 7px 0 var(--navy)}
.ld-count span{color:#fff;font-weight:800}
.q-btn{background:var(--yellow);border:4px solid var(--navy);box-shadow:7px 7px 0 var(--navy);color:var(--navy);backdrop-filter:none}
.q-btn.ready{animation:bounce 1.6s ease-in-out infinite}
@keyframes bounce{50%{transform:translateY(-6px)}}
.q-btn.pressing{transform:translate(4px,4px);box-shadow:3px 3px 0 var(--navy);animation:none}
.q-btn .ring circle{stroke:var(--red);stroke-width:6}
.ld-skip{color:#fff;font-weight:800}

/* barre */
.hud-logo{color:var(--navy)}
.steps{background:#fff;border:var(--ol);box-shadow:4px 4px 0 var(--navy);backdrop-filter:none}
.steps li{color:var(--navy);font-weight:800}
.steps li.on{background:var(--yellow);color:var(--navy);box-shadow:inset 0 0 0 2.5px var(--navy)}
.hud-cta{background:var(--red);color:#fff;border:var(--ol);box-shadow:4px 4px 0 var(--navy);border-radius:14px}

/* mots-clés */
.s1-words span{font:400 clamp(56px,9.5vw,150px)/.95 var(--disp);text-transform:uppercase;letter-spacing:1px;color:var(--navy);background:#fff;border:4px solid var(--navy);box-shadow:10px 10px 0 var(--navy);padding:4px 26px;border-radius:18px}
.s1-words span:nth-child(1){background:var(--yellow);transform:rotate(-2deg)}
.s1-words span:nth-child(2){background:var(--pink)}
.s1-words .hand{font:700 clamp(64px,11vw,170px)/1 var(--hand);text-transform:none;background:var(--mint);color:var(--red)}

/* carte */
.s1-map{background:var(--blue);border:4px solid var(--navy);box-shadow:14px 14px 0 var(--navy)}
.map-search{border:var(--ol);box-shadow:5px 5px 0 var(--navy);color:var(--navy)}
.map-chips span{background:#fff;color:var(--navy);border:2.5px solid var(--navy);box-shadow:3px 3px 0 var(--navy);backdrop-filter:none;font-weight:800}
.map-chips span.on{background:var(--red);color:#fff;border-color:var(--navy)}
.vcard{border:var(--ol);box-shadow:8px 8px 0 var(--navy);color:var(--navy)}
.vcard img{border-bottom:var(--ol)}
.vc-b>b{font:400 22px var(--disp);text-transform:uppercase;letter-spacing:.5px}
.vc-r em{color:var(--navy)}
.vc-r .btn{font-size:15px;padding:8px 12px 8px 8px;box-shadow:4px 4px 0 var(--navy)}
.map-kpi div{background:#fff;border:var(--ol);box-shadow:5px 5px 0 var(--navy);backdrop-filter:none}
.map-kpi b{font:400 34px/1 var(--disp);color:var(--navy)}
.map-kpi span{color:var(--mute);font-weight:700}

/* le lieu */
.s1-venue{border:4px solid var(--navy);box-shadow:14px 14px 0 var(--navy);background:var(--cream)}
.s1-venue .scr{background:var(--navy)}
.s1-venue .off{color:rgba(255,255,255,.35)}
.s1-venue.on .scr{box-shadow:0 0 0 5px var(--yellow),0 0 60px rgba(247,238,140,.9)}
.s1-venue .crt{background:var(--yellow);box-shadow:0 0 24px var(--yellow)}
.s1-venue.on figcaption{color:var(--navy);background:var(--mint)}
.s1-end{background:#fff;border:4px solid var(--navy);box-shadow:14px 14px 0 var(--navy);border-radius:28px;padding:clamp(24px,4vw,50px)}
.s1-end p{color:var(--mute);font-weight:600}
.cursor{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 9-6.5 1.6L9.8 19z' fill='%23fff' stroke='%230E1A5C' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");filter:drop-shadow(3px 3px 0 #0E1A5C);width:38px;height:38px}
.cursor.click::after{border-color:var(--red);border-width:3px}
.hint{background:var(--yellow)}
.hint i{background:var(--red)}
.next{background:var(--yellow);border:var(--ol);box-shadow:var(--sh);color:var(--navy)}
.next b{color:var(--navy)}

.s1-venue{aspect-ratio:1672/941}
.hint{left:auto;right:clamp(16px,3vw,36px);transform:none}

/* ===== intro : bureau illustré ===== */
.s1-desk{position:absolute;inset:0;z-index:3;transform-origin:50% 38.8%;will-change:transform}
.s1-desk .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.desk-scr{position:absolute;overflow:hidden;border-radius:4%/6%;background:#0E1A5C;container-type:size;display:grid;place-items:center}
.crt-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 4px);pointer-events:none}
.desk-scr .s1-words{position:static;inset:auto;display:flex;flex-direction:column;align-items:center;gap:2cqh;z-index:1}
.desk-scr .s1-words span{background:none;border:0;box-shadow:none;padding:0;font:400 11cqh/1 var(--disp);color:#F7EE8C;letter-spacing:.02em;text-shadow:.5cqh .5cqh 0 #E8472E;transform:none}
.desk-scr .s1-words span:nth-child(2){color:#fff;font-size:10cqh}
.desk-scr .s1-words .hand{font:700 15cqh/1 var(--hand);color:#BDE3D4;text-shadow:.5cqh .5cqh 0 #1D3FD6;background:none}
.glow::before{display:none}
.s1-map{width:min(1500px,96vw);height:84vh;top:54%}
.s1-desk{background:linear-gradient(#F6EDDD 0 55%,#1D3FD6 55%)}
.s1-desk .bg{inset:auto;object-fit:fill}
.s1-desk .bg{max-width:none;max-height:none}

/* ===== touches QTouch sur le bureau ===== */
.qlogo{display:block;width:100%;height:100%;background:#0E1A5C;-webkit-mask:var(--qlogo-url) no-repeat center/contain;mask:var(--qlogo-url) no-repeat center/contain}
.scr-logo{position:absolute;left:18%;right:18%;top:28%;bottom:28%;background:#F7EE8C;-webkit-mask:var(--qlogo-url) no-repeat center/contain;mask:var(--qlogo-url) no-repeat center/contain;filter:drop-shadow(.6cqh .6cqh 0 #E8472E);z-index:2}
.desk-scr .s1-words{position:absolute;inset:0;justify-content:center}
.desk-ov{position:absolute;pointer-events:none}
.stk{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;padding:.7% 1.1%;background:#F6EDDD;border:3px solid #0E1A5C;border-radius:6px;box-shadow:4px 4px 0 #0E1A5C;animation:stkw 5s ease-in-out infinite}
.stk::before{content:"";position:absolute;top:-12px;left:50%;width:44px;height:16px;margin-left:-22px;background:rgba(189,227,212,.85);border:2px solid rgba(14,26,92,.3);transform:rotate(-4deg)}
.stk i{width:100%;height:100%}
.stk em{font:700 clamp(12px,1.3vw,22px)/1 var(--hand);color:#E8472E;font-style:normal}
.s-a{left:67%;top:9%;width:9%;height:9%;rotate:6deg;background:#F7EE8C}
.s-b{display:none;left:29%;top:2.5%;width:7.5%;height:8%;rotate:-7deg;background:#F4B6B0;animation-delay:-1.3s}
.s-c{left:88%;top:44%;width:8%;height:8.5%;rotate:9deg;background:#BDE3D4;animation-delay:-2.1s}
.s-d{left:1%;top:37%;width:9%;height:13%;rotate:-5deg;animation-delay:-3s}
.s-d i{height:60%}
@keyframes stkw{50%{transform:translateY(-4px) rotate(1.5deg)}}
.qoyu{position:absolute;left:22.5%;top:23%;width:9.5%;filter:drop-shadow(4px 4px 0 rgba(14,26,92,.35));animation:qoyu 2.4s ease-in-out infinite;transform-origin:50% 100%}
@keyframes qoyu{50%{transform:translateY(-6px) rotate(-3deg)}}

/* ===== 02 · la marketplace ===== */
.s2{background:var(--cream)}
.s2-cam{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.s2-img{position:absolute;max-width:none;max-height:none}
.s2-ov{position:absolute}
.b-scr{position:absolute;overflow:hidden;background:#0E1A5C;border-radius:3px}
.b-scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.b-scr .crt{position:absolute;left:50%;top:50%;width:0;height:3px;background:#F7EE8C;box-shadow:0 0 16px #F7EE8C;transform:translate(-50%,-50%);opacity:0}
.b-scr.on .crt{animation:crt .8s cubic-bezier(.7,0,.3,1) forwards}
.b-scr.on img{animation:adon .8s ease forwards}
.b-scr.on{box-shadow:0 0 0 3px #F7EE8C,0 0 30px rgba(247,238,140,.8)}
.b-tag{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 12px 8px;background:#fff;border:3px solid var(--navy);border-radius:12px;box-shadow:4px 4px 0 var(--navy);white-space:nowrap;opacity:0;transform-origin:50% 0}
.b-tag b{font:400 clamp(11px,1.1vw,18px)/1.1 var(--disp);text-transform:uppercase;letter-spacing:.5px;color:var(--navy)}
.b-tag span{font:600 clamp(8px,.7vw,11px)/1.2 var(--sans);color:var(--mute)}
.b-tag em{font:400 clamp(10px,.95vw,15px)/1 var(--disp);font-style:normal;color:#fff;background:var(--red);border:2px solid var(--navy);border-radius:8px;padding:3px 7px;margin-top:3px}
.s2-head{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(16px,4vh,40px);z-index:5;background:#fff;border:4px solid var(--navy);box-shadow:8px 8px 0 var(--navy);border-radius:20px;padding:16px 20px;max-width:360px}
.s2-head h2{margin:0;font:400 clamp(26px,2.6vw,40px)/.98 var(--disp);text-transform:uppercase;color:var(--navy)}
.s2-head h2 em{font:700 1em/1 var(--hand);text-transform:none;color:var(--red)}
.s2-head .eyebrow{margin-bottom:8px}
.s2-count{display:flex;align-items:center;gap:10px;margin-top:12px}
.s2-count b{font:400 34px/1 var(--disp);background:var(--yellow);border:3px solid var(--navy);border-radius:10px;padding:2px 10px;font-variant-numeric:tabular-nums}
.s2-count span{font:800 13px var(--sans)}
.s2-end{position:absolute;left:50%;top:52%;z-index:6;width:min(1000px,90vw);transform:translate(-50%,-50%);text-align:center;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;background:#fff;border:4px solid var(--navy);box-shadow:14px 14px 0 var(--navy);border-radius:28px;padding:clamp(24px,4vw,50px)}
.s2-end p{margin:18px auto 0;max-width:52ch;font:600 clamp(15px,1.3vw,18px)/1.55 var(--sans);color:var(--mute)}
.s2-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
.s2-chips span{padding:7px 12px;border:2.5px solid var(--navy);border-radius:999px;background:var(--yellow);box-shadow:3px 3px 0 var(--navy);font:800 13px var(--sans)}
.s2-chips span:nth-child(3n){background:var(--pink)}.s2-chips span:nth-child(3n+1){background:var(--mint)}
@media (max-width:760px){.s2-head{left:12px;right:12px;max-width:none;padding:12px 14px}.s2-head h2{font-size:24px}}

/* ================= 03 · Créer : l'atelier, la tablette, l'éditeur ================= */
.s3-cam{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.s3-img{position:absolute;max-width:none;max-height:none}
.s3-scr{position:absolute;overflow:hidden;background:#0E1A5C;border-radius:4px}
.ed{position:absolute;left:0;top:0;width:960px;height:540px;transform-origin:0 0;display:grid;grid-template-columns:170px 1fr 210px;grid-template-rows:48px 1fr;background:#0E1A5C;color:#0E1A5C;font-family:var(--sans);opacity:0}
.ed-top{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:0 14px;background:#F6EDDD;border-bottom:4px solid #0E1A5C}
.ed-top .qlogo{width:76px;height:26px}
.ed-top span{font:800 13px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.ed-fmt{margin-left:auto;display:flex;gap:6px}
.ed-fmt b{font:800 12px var(--sans);padding:6px 10px;border:2.5px solid #0E1A5C;border-radius:9px;background:#fff;transition:background .2s}
.ed-fmt b.on{background:#F7EE8C;box-shadow:3px 3px 0 #0E1A5C}
.ed-rail,.ed-side{background:#F6EDDD;padding:14px;display:flex;flex-direction:column;gap:10px}
.ed-rail{border-right:4px solid #0E1A5C}.ed-side{border-left:4px solid #0E1A5C}
.ed small{font:800 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#E8472E}
.tpl{position:relative;display:flex;align-items:center;gap:10px;padding:7px;border:3px solid #0E1A5C;border-radius:12px;background:#fff;font:800 14px var(--sans);transition:transform .15s,background .2s}
.tpl i{width:46px;height:30px;border:2.5px solid #0E1A5C;border-radius:6px}
.tpl .n{position:absolute;right:-9px;top:-9px;width:24px;height:24px;border-radius:50%;background:#E8472E;color:#fff;border:2.5px solid #0E1A5C;display:grid;place-items:center;font:400 13px var(--disp);font-style:normal}
.tpl.on{background:#F7EE8C;box-shadow:4px 4px 0 #0E1A5C}
.tpl.press{transform:translate(3px,3px)}
.ed-can{position:relative;display:grid;place-items:center;background:#1D3FD6;background-image:linear-gradient(rgba(246,237,221,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(246,237,221,.14) 1px,transparent 1px);background-size:24px 24px}
.ed-empty{position:absolute;font:700 30px var(--hand);color:#F6EDDD}
.fld{display:flex;align-items:center;gap:2px;min-height:38px;padding:6px 10px;border:3px solid #0E1A5C;border-radius:10px;background:#fff;font:800 14px var(--sans)}
.fld .caret{background:#E8472E}
.sw{display:flex;gap:6px}
.sw i{width:28px;height:28px;border-radius:50%;border:2.5px solid #0E1A5C;transition:transform .15s}
.sw i.on{transform:scale(1.18);box-shadow:0 0 0 3px #F6EDDD,0 0 0 6px #0E1A5C}
.tog{display:flex;align-items:center;gap:10px;font:800 13px var(--sans)}
.tog i{position:relative;width:44px;height:24px;border-radius:99px;border:2.5px solid #0E1A5C;background:#fff;transition:background .2s}
.tog i::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#0E1A5C;transition:left .2s}
.tog.on i{background:#2BA58C}.tog.on i::after{left:22px;background:#fff}
.ed-pub{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:3px solid #0E1A5C;border-radius:14px;background:#F7EE8C;box-shadow:5px 5px 0 #0E1A5C;font:400 22px var(--disp);text-transform:uppercase;transition:transform .15s,background .2s}
.ed-pub b{width:26px;height:26px;border-radius:50%;background:#E8472E;color:#fff;border:2.5px solid #0E1A5C;display:grid;place-items:center;font:400 14px var(--disp)}
.ed-pub.press{transform:translate(4px,4px);box-shadow:1px 1px 0 #0E1A5C}
.ed-pub.done{background:#BDE3D4}.ed-pub.done b{background:#2BA58C}

/* la pub QTouch construite dans l'éditeur (s'adapte au format grâce aux container queries) */
.ad3{--ab:#F7EE8C;--af:#0E1A5C;--aa:#E8472E;position:relative;container-type:size;border:4px solid #0E1A5C;border-radius:10px;background:var(--ab);box-shadow:7px 7px 0 #0E1A5C;overflow:hidden;color:var(--af)}
.ad3::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,var(--aa) 0 16cqmin,transparent 16.4cqmin),repeating-linear-gradient(-45deg,transparent 0 9px,rgba(14,26,92,.07) 9px 11px)}
.ad3-in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:14cqmin 8cqmin}
.ad3-logo{position:absolute;left:50%;margin-left:calc(min(38cqw,30cqh) / -2);top:7cqmin;width:min(38cqw,30cqh);height:min(13cqw,10cqh);background:var(--af);opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.ad3.logo .ad3-logo{opacity:1;transform:none}
.ad3 h3{margin:0;font:400 min(13cqw,11cqh)/.92 var(--disp);text-transform:uppercase;letter-spacing:.3px;min-height:1em;overflow-wrap:anywhere}
.ad3-sub{margin:.4em 0 0;font:700 min(7.5cqw,6cqh)/1 var(--hand);color:var(--aa)}
.ad3-stk{position:absolute;right:6cqmin;bottom:6cqmin;padding:.35em .6em;border:3px solid #0E1A5C;border-radius:99px;background:#fff;color:#0E1A5C;font:800 min(4cqw,3.4cqh) var(--sans);transform:rotate(-6deg)}
.ad3-live{position:absolute;left:5cqmin;bottom:5cqmin;padding:.3em .7em;border:3px solid #0E1A5C;border-radius:8px;background:#2BA58C;color:#fff;font:800 min(4.6cqw,4cqh) var(--sans);opacity:0;transform:scale(1.8) rotate(-6deg);transition:opacity .2s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.ad3.live .ad3-live{opacity:1;transform:rotate(-6deg)}
.ad3.c1{--ab:#F4B6B0;--aa:#1D3FD6}.ad3.c2{--ab:#BDE3D4;--aa:#E8472E}.ad3.c3{--ab:#E8472E;--af:#F6EDDD;--aa:#F7EE8C}.ad3.c4{--ab:#1D3FD6;--af:#F6EDDD;--aa:#F7EE8C}

/* étiquette d'étape (en haut) */
.s3-step{position:absolute;left:50%;top:calc(76px + env(safe-area-inset-top,0px));z-index:7;transform:translateX(-50%);padding:10px 18px;border:4px solid var(--navy);border-radius:14px;background:var(--yellow);box-shadow:5px 5px 0 var(--navy);font:400 clamp(16px,1.6vw,24px)/1 var(--disp);text-transform:uppercase;color:var(--navy);white-space:nowrap;opacity:0}
.s3-step b{display:inline-grid;place-items:center;width:1.3em;height:1.3em;margin-right:.4em;border-radius:50%;background:var(--red);color:#fff;border:2.5px solid var(--navy);font-weight:400}

/* la même pub sur trois écrans */
.s3-outs{position:absolute;inset:0;z-index:5;pointer-events:none}
.out{position:absolute;margin:0;padding:10px;border:4px solid var(--navy);border-radius:18px;background:#fff;box-shadow:9px 9px 0 var(--navy);opacity:0}
.out .ad3{box-shadow:none;border-width:3px}
.out figcaption{margin-top:14px;padding-bottom:2px;font:800 13px var(--sans);text-align:center}
.out figcaption::before{content:"● ";color:#2BA58C}
.o-tv{left:4vw;top:24vh}.o-tv .ad3{width:min(26vw,360px);aspect-ratio:16/9}
.o-totem{right:5vw;top:16vh}.o-totem .ad3{height:min(46vh,380px);aspect-ratio:9/16}
.o-mob{right:calc(5vw + min(26vh,214px) + 40px);bottom:8vh;border-radius:26px}.o-mob .ad3{height:min(34vh,280px);aspect-ratio:9/19;border-radius:18px}
@media (max-width:760px){
  .o-tv{left:12px;top:18vh}.o-tv .ad3{width:56vw}
  .o-totem{right:12px;top:30vh}.o-totem .ad3{height:30vh}
  .o-mob{right:auto;left:16vw;bottom:24vh}.o-mob .ad3{height:22vh}
  .s3-step{top:calc(64px + env(safe-area-inset-top,0px));font-size:15px}
}

/* ================= 04 · Scénarios : le tableau de règles, puis le café au fil de la journée ================= */
.s4-cam{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.s4-img{position:absolute;max-width:none;max-height:none}
.s4-tint{position:absolute;pointer-events:none;mix-blend-mode:multiply;opacity:0}
.s4-scr{position:absolute;overflow:hidden;background:#0E1A5C;border-radius:3px}
.s4-scr .ad3{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;opacity:0;transition:opacity .35s}
.s4-scr .ad3.on{opacity:1}
.s4-scr::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 3px #0E1A5C;pointer-events:none}
.s4-board{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#1D3FD6;background-image:linear-gradient(rgba(246,237,221,.16) 2px,transparent 2px),linear-gradient(90deg,rgba(246,237,221,.16) 2px,transparent 2px);background-size:40px 40px}
.fl{position:absolute;left:50%;top:50%;width:1100px;height:620px;transform-origin:50% 50%}
.fl-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fl-lines path{fill:none;stroke:#F6EDDD;stroke-width:5;stroke-linecap:round}
.fl-lines path.hot{stroke:#F7EE8C}
.fl-src,.fl-cond,.fl-btn{position:absolute;border:4px solid #0E1A5C;border-radius:16px;background:#F6EDDD;box-shadow:7px 7px 0 #0E1A5C;color:#0E1A5C}
.fl-src{left:20px;top:226px;width:210px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:4px}
.fl-src i{width:70px;height:42px;border:4px solid #0E1A5C;border-radius:6px;background:#0E1A5C;margin-bottom:8px;box-shadow:0 0 0 4px #F7EE8C inset}
.fl-src small,.fl-cond small{font:800 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#E8472E}
.fl-src b{font:400 30px/1 var(--disp);text-transform:uppercase}
.fl-src span{font:700 13px var(--sans)}
.fl-cond{left:320px;width:250px;height:92px;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.fl-cond b{font:400 25px/1 var(--disp);text-transform:uppercase}
.fl-cond em{font:700 14px var(--sans);font-style:normal}
.fl-cond.hot{background:#F4B6B0}
.fl-cond.act{background:#F7EE8C;transform:translate(-3px,-3px);box-shadow:10px 10px 0 #0E1A5C}
.fl-ad{position:absolute;left:640px;width:210px;height:118px}
.fl-ad .ad3{width:100%;height:100%;box-shadow:6px 6px 0 #0E1A5C}
.fl-btn{left:900px;width:180px;padding:12px 14px;display:flex;align-items:center;gap:10px;font:400 18px/1.05 var(--disp);text-transform:uppercase;background:#F7EE8C;transition:transform .15s,background .2s,box-shadow .15s}
.fl-btn b{flex:none;width:28px;height:28px;border-radius:50%;background:#E8472E;color:#fff;border:3px solid #0E1A5C;display:grid;place-items:center;font:400 16px var(--disp)}
.fl-add{top:20px}.fl-go{top:520px}
.fl-btn.press{transform:translate(4px,4px);box-shadow:2px 2px 0 #0E1A5C}
.fl-btn.done{background:#BDE3D4}.fl-btn.done b{background:#2BA58C}
.s4-clock{position:absolute;left:50%;top:calc(76px + env(safe-area-inset-top,0px));z-index:6;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:8px 10px 8px 18px;border:4px solid var(--navy);border-radius:16px;background:#fff;box-shadow:6px 6px 0 var(--navy);opacity:0}
.s4-clock b{font:400 clamp(30px,3vw,44px)/1 var(--disp);font-variant-numeric:tabular-nums;color:var(--navy)}
.s4-clock span{padding:6px 10px;border:3px solid var(--navy);border-radius:10px;background:var(--mint);font:800 15px var(--sans);font-variant-numeric:tabular-nums;color:var(--navy);transition:background .3s}
.s4-clock span.hot{background:var(--red);color:#fff}
.s4-mini{position:absolute;right:clamp(16px,3vw,40px);bottom:clamp(16px,4vh,40px);z-index:6;width:270px;padding:14px;border:4px solid var(--navy);border-radius:18px;background:var(--cream);box-shadow:8px 8px 0 var(--navy);opacity:0}
.s4-mini small{font:800 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.s4-mini ol{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.s4-mini li{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border:3px solid var(--navy);border-radius:10px;background:#fff;font:800 13px var(--sans);color:var(--navy);transition:background .2s,transform .2s}
.s4-mini li span{font-weight:600}
.s4-mini li.act{background:var(--yellow);transform:translateX(-6px);box-shadow:4px 4px 0 var(--navy)}
.s4-head{z-index:6}
@media (max-width:760px){
  .s4-mini{left:12px;right:12px;width:auto;bottom:64px;padding:10px}
  .s4-mini ol{display:grid;grid-template-columns:1fr 1fr}
  .s4-mini li{font-size:12px;padding:5px 8px}
  .s4-clock{top:calc(64px + env(safe-area-inset-top,0px))}
}
@media (max-width:760px){.s4-head{display:none}}

/* ================= 05 · Temps réel ================= */
.s5{background:#FCF3E4;background-image:linear-gradient(rgba(232,71,46,.45) 2px,transparent 2px),linear-gradient(90deg,rgba(232,71,46,.45) 2px,transparent 2px);background-size:44px 44px}
.s5-wrap{position:absolute;left:50%;top:54%;width:min(1240px,94vw);transform:translate(-50%,-50%);display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.s5-ed{display:flex;flex-direction:column;gap:8px;padding:16px;border:4px solid var(--navy);border-radius:20px;background:var(--cream);box-shadow:10px 10px 0 var(--navy);color:var(--navy)}
.s5-ed small{font:800 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-top:4px}
.s5-ed-top{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:3px solid var(--navy)}
.s5-ed-top .qlogo{width:64px;height:22px}
.s5-ed-top span{font:800 12px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.s5-ed-top em{margin-left:auto;font:800 12px var(--sans);font-style:normal;color:#2BA58C}
.s5-prev{aspect-ratio:16/9;margin-top:6px}
.s5-prev .ad3,.s5-feed .ad3{width:100%;height:100%;box-shadow:5px 5px 0 #0E1A5C}
.s5-ed .ed-pub{margin-top:10px;font-size:20px}
.s5-feeds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.s5-feed{position:relative;padding:8px 8px 10px;border:4px solid var(--navy);border-radius:16px;background:#fff;box-shadow:7px 7px 0 var(--navy);color:var(--navy);transition:transform .2s}
.s5-feed .scrn{position:relative;aspect-ratio:16/9}
.s5-feed .scrn .ad3{position:absolute;inset:0}
.s5-feed .scrn .ad3.new{opacity:0;transform:scaleY(.04);transition:opacity .2s,transform .35s cubic-bezier(.3,1.4,.5,1)}
.s5-feed.up .scrn .ad3.new{opacity:1;transform:none}
.s5-feed .lab{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-top:10px;font:800 13px var(--sans)}
.s5-feed .lab span{font-weight:600;font-size:12px}
.s5-feed .st{position:absolute;right:-8px;top:-12px;padding:3px 8px;border:3px solid var(--navy);border-radius:9px;background:#fff;font:800 11px var(--sans);font-variant-numeric:tabular-nums;transform:rotate(4deg)}
.s5-feed.up .st{background:var(--mint)}
.s5-feed.up{animation:ping .5s ease}
@keyframes ping{40%{transform:translateY(-6px) rotate(-1deg)}}
.s5-wave{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}
.s5-wave path{fill:none;stroke:#E8472E;stroke-width:4;stroke-dasharray:2 10;stroke-linecap:round}
.s5-wave circle{fill:#F7EE8C;stroke:#0E1A5C;stroke-width:3}
.s5-count{position:absolute;left:50%;top:calc(76px + env(safe-area-inset-top,0px));z-index:6;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px 8px 16px;border:4px solid var(--navy);border-radius:16px;background:#fff;box-shadow:6px 6px 0 var(--navy);color:var(--navy);opacity:0;white-space:nowrap}
.s5-count b{font:400 30px/1 var(--disp);font-variant-numeric:tabular-nums}
.s5-count span{font:800 13px var(--sans)}
.s5-count em{padding:5px 9px;border:3px solid var(--navy);border-radius:10px;background:var(--yellow);font:800 14px var(--sans);font-style:normal;font-variant-numeric:tabular-nums}
.s5-board{position:absolute;left:50%;top:54%;z-index:4;width:min(920px,94vw);transform:translate(-50%,-50%);padding:18px;border:4px solid var(--navy);border-radius:22px;background:var(--navy);box-shadow:12px 12px 0 var(--red);color:var(--cream);opacity:0}
.sb-head,.sb-row{display:grid;grid-template-columns:1.2fr 1.6fr .8fr 1.1fr;gap:10px;align-items:center}
.sb-head{padding:0 6px 10px;font:800 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--yellow)}
.sb-row{padding:6px}
.sb-row+.sb-row{border-top:2px dashed rgba(246,237,221,.25)}
.sb-row .fl5{display:flex;gap:2px;font:400 clamp(15px,1.7vw,24px)/1 var(--disp);text-transform:uppercase}
.sb-row .fl5 i{display:inline-grid;place-items:center;min-width:.8em;padding:4px 2px;border-radius:4px;background:#1B2A80;font-style:normal;box-shadow:inset 0 -50% 0 rgba(0,0,0,.18)}
.sb-row .n{font:400 clamp(18px,1.8vw,26px)/1 var(--disp);font-variant-numeric:tabular-nums}
.sb-row .s{justify-self:start;padding:5px 10px;border:3px solid var(--cream);border-radius:9px;font:800 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;background:#E8472E;color:#fff}
.sb-row .s.ok{background:#2BA58C}
.sb-foot{margin-top:12px;padding:10px 6px 0;border-top:3px solid var(--cream);font:700 14px var(--sans)}
.sb-foot b{color:var(--yellow);font-variant-numeric:tabular-nums}
.s5-head{z-index:6}
@media (max-width:760px){
  .s5-wrap{top:56%;grid-template-columns:1fr;gap:14px}
  .s5-ed{padding:10px;gap:5px;box-shadow:6px 6px 0 var(--navy)}
  .s5-ed small,.s5-ed .sw,.s5-ed-top em{display:none}
  .s5-prev{width:62%;margin:2px auto 0}
  .s5-ed .ed-pub{margin-top:4px;font-size:16px;padding:8px}
  .s5-feeds{gap:10px}
  .s5-feed{padding:4px 4px 6px;border-width:3px;box-shadow:4px 4px 0 var(--navy)}
  .s5-feed .lab{font-size:10px;margin-top:5px;flex-direction:column;gap:0}.s5-feed .lab span{font-size:9px}
  .s5-feed .st{font-size:9px;padding:2px 5px;right:-4px;top:-10px}
  .s5-count{top:calc(64px + env(safe-area-inset-top,0px))}.s5-count b{font-size:24px}
  .sb-head,.sb-row{grid-template-columns:1fr 1.2fr .6fr;}
  .sb-head span:nth-child(2),.sb-row .lieu{display:none}
  .sb-head{grid-template-columns:1fr .6fr 1.2fr}
  .sb-row{grid-template-columns:1fr .6fr 1.2fr}
  .s5-head{display:none}
}

/* ================= 06 · Tableau de bord ================= */
.s6{background:#1D3FD6;background-image:linear-gradient(rgba(246,237,221,.14) 2px,transparent 2px),linear-gradient(90deg,rgba(246,237,221,.14) 2px,transparent 2px);background-size:44px 44px}
.db{position:absolute;left:50%;top:50%;width:min(1180px,94vw);display:grid;grid-template-columns:150px minmax(0,1fr);border:4px solid var(--navy);border-radius:24px;background:var(--cream);box-shadow:14px 14px 0 var(--navy);color:var(--navy);transform-origin:50% 50%;overflow:visible}
.db small{font:800 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.db-nav{display:flex;flex-direction:column;gap:6px;padding:18px 12px;border-right:4px solid var(--navy);background:#fff;border-radius:20px 0 0 20px}
.db-nav .qlogo{width:90px;height:30px;margin:0 0 14px 4px}
.db-nav b{padding:8px 10px;border-radius:10px;font:800 13px var(--sans);border:3px solid transparent}
.db-nav b.on{background:var(--yellow);border-color:var(--navy);box-shadow:3px 3px 0 var(--navy)}
.db-nav b.lic.lit6{background:var(--pink);border-color:var(--navy);animation:ping .6s ease 2}
.db-main{display:flex;flex-direction:column;gap:14px;padding:18px;min-width:0}
.db-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.db-top h3{margin:2px 0 0;font:400 clamp(24px,2.4vw,36px)/1 var(--disp);text-transform:uppercase}
.db-live{padding:6px 12px;border:3px solid var(--navy);border-radius:99px;background:var(--mint);font:800 13px var(--sans);white-space:nowrap}
.db-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi,.db-card,.db-budget{padding:12px 14px;border:3px solid var(--navy);border-radius:14px;background:#fff;box-shadow:5px 5px 0 var(--navy);min-width:0}
.kpi{display:flex;flex-direction:column;gap:3px}
.kpi b{font:400 clamp(24px,2.5vw,38px)/1 var(--disp);font-variant-numeric:tabular-nums}
.kpi em{font:700 12px var(--sans);font-style:normal;color:#2BA58C}
.kpi .bar{height:10px;border:2.5px solid var(--navy);border-radius:99px;overflow:hidden;background:var(--cream)}
.kpi .bar i{display:block;height:100%;width:0;background:var(--red)}
.db-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px}
.db-chart svg{display:block;width:100%;height:clamp(110px,16vh,170px);margin-top:6px;overflow:visible}
.db-chart .ar{fill:var(--yellow);stroke:none}
.db-chart .ln{fill:none;stroke:var(--navy);stroke-width:4;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.db-chart .gd{stroke:rgba(14,26,92,.15);stroke-width:1;vector-effect:non-scaling-stroke}
.m6{position:relative;margin-top:6px;height:clamp(110px,16vh,170px);border:3px solid var(--navy);border-radius:10px;overflow:hidden}
.m6 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.m6 i{position:absolute;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--yellow);border:3px solid var(--navy);animation:pulse6 1.6s ease-in-out infinite}
.m6 i:nth-child(odd){animation-delay:.5s}
@keyframes pulse6{50%{transform:scale(1.4)}}
.db-tab{display:flex;flex-direction:column;gap:6px}
.tr{display:grid;grid-template-columns:1.3fr 1fr .8fr auto;align-items:center;gap:10px;padding:6px 8px;border:2.5px solid var(--navy);border-radius:10px;font:600 13px var(--sans);transition:background .2s,opacity .2s}
.tr b{font-weight:800}
.tr em{font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}
.tr.paused{background:#eee6d6;opacity:.65}
.tg{position:relative;width:44px;height:24px;border-radius:99px;border:2.5px solid var(--navy);background:#fff;transition:background .2s}
.tg::after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--navy);transition:left .2s}
.tg.on{background:#2BA58C}.tg.on::after{left:22px;background:#fff}
.tg.press,.boost.press{transform:scale(.9)}
.boost{padding:5px 10px;border:3px solid var(--navy);border-radius:10px;background:var(--pink);box-shadow:3px 3px 0 var(--navy);font:400 15px var(--disp);text-transform:uppercase;white-space:nowrap;transition:transform .15s,background .2s}
.boost.done{background:var(--yellow)}
.db-budget{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}
.db-budget span{font:400 26px/1 var(--disp);font-variant-numeric:tabular-nums}
.sl{position:relative;height:14px;border:3px solid var(--navy);border-radius:99px;background:var(--cream)}
.sl i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--blue)}
.sl b{position:absolute;top:50%;width:26px;height:26px;margin:-13px;border-radius:50%;background:var(--yellow);border:3px solid var(--navy);box-shadow:2px 2px 0 var(--navy)}
.db-pop{position:absolute;right:-18px;bottom:-30px;z-index:3;width:270px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:4px solid var(--navy);border-radius:18px;background:var(--pink);box-shadow:8px 8px 0 var(--navy);opacity:0;transform-origin:80% 100%}
.db-pop b{font:400 28px/1 var(--disp);text-transform:uppercase}
.db-pop span{font:700 13px/1.35 var(--sans)}
.db-pop em{font:700 20px var(--hand);font-style:normal;color:var(--red)}
.s6-step{z-index:6}
@media (max-width:760px){
  .db{grid-template-columns:1fr;width:94vw}
  .db-nav{display:none}
  .db-main{padding:12px;gap:10px}
  .db-live{display:none}
  .db-kpis{grid-template-columns:1fr 1fr;gap:8px}
  .kpi{padding:8px 10px}
  .db-row{grid-template-columns:1fr}
  .db-map{display:none}
  .tr{grid-template-columns:1.4fr .9fr auto;font-size:12px;padding:5px 6px}.tr span:not(.boost){display:none}
  .db-budget{grid-template-columns:1fr auto;gap:8px}.db-budget small{grid-column:1/-1}
  .db-pop{right:8px;bottom:-20px;width:230px}
}

/* ================= 07 · Licences éphémères ================= */
.s7-cam{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.s7-img{position:absolute;max-width:none;max-height:none}
.s7-tv{position:absolute;background:#0E1A5C;border-radius:3px;overflow:hidden}
.s7-ad{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;opacity:0}
.s7-ad h3{font-size:min(10cqw,13cqh)}
.s7-adb .ad3-in{align-items:flex-start;text-align:left;padding-right:34cqw}
.s7-qr{position:absolute;right:7cqmin;top:50%;width:min(24cqw,46cqh);transform:translateY(-50%);border:3px solid #0E1A5C;border-radius:8px;background:#fff;padding:4px}
.s7-crack{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.s7-crack path{fill:none;stroke:#F6EDDD;stroke-width:.9;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-width:3}
.s7-flash{position:absolute;inset:0;background:#F7EE8C;opacity:0}
.s7-shards{position:absolute;inset:0;pointer-events:none;z-index:3}
.s7-shards i{position:absolute;left:0;top:0;width:var(--w);height:var(--h);background:var(--c);border:3px solid #0E1A5C;clip-path:polygon(0 0,100% 20%,70% 100%,10% 80%)}
.s7-boom{position:absolute;left:0;top:0;width:clamp(160px,18vw,260px);z-index:4;opacity:0;pointer-events:none;overflow:visible}
.s7-boom path{fill:#F7EE8C;stroke:#0E1A5C;stroke-width:6;stroke-linejoin:round}
.s7-boom text{font:400 38px var(--disp);fill:#E8472E;stroke:#0E1A5C;stroke-width:2;paint-order:stroke}
.s7-hero{position:absolute;left:0;top:0;z-index:5;width:clamp(150px,19vw,300px);max-width:none;opacity:0;transform-origin:50% 60%;filter:drop-shadow(8px 8px 0 #0E1A5C);pointer-events:none}
.s7-lic{position:absolute;right:clamp(16px,3vw,40px);top:50%;z-index:6;width:300px;display:flex;flex-direction:column;gap:8px;padding:14px;border:4px solid var(--navy);border-radius:20px;background:var(--cream);box-shadow:10px 10px 0 var(--navy);color:var(--navy);opacity:0}
.s7-lic small,.s7-stats small{font:800 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.lc{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;border:3px solid var(--navy);border-radius:14px;background:#fff;transition:background .2s,transform .15s}
.lc img{width:52px;height:52px;object-fit:contain;border-radius:10px;background:var(--mint);border:2.5px solid var(--navy)}
.lc b{display:block;font:400 19px/1 var(--disp);text-transform:uppercase}
.lc span{font:700 12px var(--sans)}
.lc em{font:400 20px var(--disp);font-style:normal}
.lc.on{background:var(--yellow);box-shadow:5px 5px 0 var(--navy);transform:translate(-3px,-3px)}
.lc.press{transform:scale(.96)}
.s7-lic .ed-pub{margin-top:4px;font-size:20px}
.s7-stats{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(16px,5vh,48px);z-index:6;width:330px;padding:14px;border:4px solid var(--navy);border-radius:20px;background:#fff;box-shadow:10px 10px 0 var(--navy);color:var(--navy);opacity:0}
.st7{display:grid;grid-template-columns:110px minmax(0,1fr) 46px;align-items:center;gap:8px;margin-top:8px;font:800 12px var(--sans)}
.st7 i{height:18px;border:3px solid var(--navy);border-radius:6px;background:var(--cream);overflow:hidden}
.st7 i b{display:block;height:100%;width:0;background:#9aa3c9}
.st7.hot i b{background:var(--red)}
.st7 em{font:400 22px var(--disp);font-style:normal;font-variant-numeric:tabular-nums;text-align:right}
.s7-stats p{margin:10px 0 0;font:700 13px var(--sans)}
.s7-stats strong{font:400 26px var(--disp);color:#2BA58C}
.s7-timer{position:absolute;right:clamp(16px,3vw,40px);bottom:clamp(16px,5vh,48px);z-index:6;display:flex;align-items:center;gap:8px;padding:10px 14px;border:4px solid var(--navy);border-radius:14px;background:var(--pink);box-shadow:6px 6px 0 var(--navy);color:var(--navy);font:800 14px var(--sans);opacity:0}
.s7-timer i{width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid var(--navy);animation:pulse6 1.2s infinite}
.s7-timer b{font:400 20px var(--disp);font-variant-numeric:tabular-nums}
.next a{color:var(--navy);font:800 14px var(--sans);text-decoration:underline;text-underline-offset:3px;pointer-events:auto}
.next{pointer-events:auto}
@media (max-width:760px){
  .s7-lic{left:12px;right:12px;width:auto;top:auto;bottom:12px;padding:10px;gap:6px}
  .s7-lic .lc:nth-of-type(n+3){display:none}
  .lc{grid-template-columns:40px minmax(0,1fr) auto;padding:4px 8px 4px 4px}.lc img{width:40px;height:40px}
  .s7-stats{left:12px;right:12px;width:auto;bottom:70px;padding:10px}
  .s7-timer{right:auto;left:12px;bottom:12px;font-size:12px}
  .st7{grid-template-columns:96px minmax(0,1fr) 40px}
}
.s7-adb h3{font-size:min(8.4cqw,12cqh)}

/* ================= 04 · Payer : forfait, portefeuille, coût par résultat ================= */
.s8{background:#F4B6B0;background-image:linear-gradient(rgba(14,26,92,.12) 2px,transparent 2px),linear-gradient(90deg,rgba(14,26,92,.12) 2px,transparent 2px);background-size:44px 44px}
.pay{position:absolute;left:50%;top:50%;width:min(1200px,94vw);display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(16px,2.4vw,32px);align-items:start;transform-origin:50% 50%;color:var(--navy)}
.pay small{font:800 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.pay-l{position:relative;min-width:0;display:grid}.pay-l>*{grid-area:1/1;min-width:0}
.pay-pk,.pay-lv,.wal{padding:16px;border:4px solid var(--navy);border-radius:22px;background:var(--cream);box-shadow:10px 10px 0 var(--navy)}
.pay-lv{opacity:0}
.pay-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.dur{display:flex;gap:6px;flex-wrap:wrap}
.dur b{padding:6px 12px;border:3px solid var(--navy);border-radius:10px;background:#fff;font:800 13px var(--sans);transition:background .2s,transform .15s}
.dur b.on{background:var(--yellow);box-shadow:3px 3px 0 var(--navy)}
.dur b.press{transform:scale(.92)}
.pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pk{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;align-items:center;padding:10px 12px;border:3px solid var(--navy);border-radius:14px;background:#fff;transition:background .2s,transform .15s,box-shadow .2s}
.pk-ic{grid-row:1/4;width:52px;height:52px;display:grid;place-items:center;border:3px solid var(--navy);border-radius:12px;background:var(--mint)}
.pk-ic svg{width:36px;height:36px;fill:none;stroke:var(--navy);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.pk-ic svg .f{fill:var(--blue)}
.pk b{font:400 20px/1 var(--disp);text-transform:uppercase}
.pk span{font:600 12px var(--sans)}
.pk em{font:400 22px/1.1 var(--disp);font-style:normal;font-variant-numeric:tabular-nums}
.pk em small{font:700 12px var(--sans);letter-spacing:0;text-transform:none;color:var(--navy)}
.pk u{position:absolute;right:-9px;top:-9px;width:26px;height:26px;border-radius:50%;background:#2BA58C;color:#fff;border:3px solid var(--navy);display:grid;place-items:center;font:800 13px var(--sans);text-decoration:none;opacity:0;transform:scale(.4);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.pk.on{background:var(--yellow);box-shadow:5px 5px 0 var(--navy);transform:translate(-3px,-3px)}
.pk.on u{opacity:1;transform:none}
.pk.press{transform:scale(.96)}
.pay-tot{display:flex;align-items:baseline;gap:12px;margin-top:14px;padding-top:12px;border-top:3px dashed var(--navy)}
.pay-tot span{font:800 14px var(--sans)}
.pay-tot b{font:400 40px/1 var(--disp);font-variant-numeric:tabular-nums}
.pay-tot em{font:700 22px var(--hand);font-style:normal;color:var(--red)}
.lv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lv{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px;border:3px solid var(--navy);border-radius:14px;background:#fff;transition:background .15s,transform .15s}
.lv .lv-n{width:26px;height:26px;border-radius:50%;background:var(--navy);color:var(--yellow);display:grid;place-items:center;font:400 14px var(--disp)}
.lv b{font:400 22px/1 var(--disp);text-transform:uppercase}
.lv span{font:600 12px/1.3 var(--sans)}
.lv em{font:400 26px/1 var(--disp);font-style:normal;color:var(--red);margin-top:auto}
.lv strong{position:absolute;right:10px;top:10px;font:800 12px var(--sans);font-variant-numeric:tabular-nums;padding:2px 7px;border:2.5px solid var(--navy);border-radius:8px;background:var(--cream)}
.lv.hot{background:var(--mint)}
.lv.blink{background:var(--yellow);transform:translateY(-4px)}
.feed{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;min-height:150px}
.feed li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 10px;border:2.5px solid var(--navy);border-radius:10px;background:#fff;font:600 13px var(--sans);animation:feedin .3s ease}
.feed li b{font-weight:800}
.feed li em{font-style:normal;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums}
.feed li i{padding:2px 7px;border-radius:7px;background:var(--navy);color:var(--yellow);font:400 13px var(--disp);font-style:normal;text-transform:uppercase}
@keyframes feedin{from{opacity:0;transform:translateY(-8px)}}
.wal{display:flex;flex-direction:column;gap:12px;opacity:0}
.wal-b{display:flex;flex-direction:column;gap:6px;padding:14px;border:3px solid var(--navy);border-radius:16px;background:var(--navy);color:var(--cream)}
.wal-b .qlogo{width:70px;height:24px;background:var(--yellow)}
.wal-b span{font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.wal-b b{font:400 52px/1 var(--disp);font-variant-numeric:tabular-nums;color:var(--yellow)}
.wal-g{height:14px;border:2.5px solid var(--cream);border-radius:99px;overflow:hidden}
.wal-g i{display:block;height:100%;width:0;background:var(--yellow)}
.wal-b em{font:700 18px var(--hand);font-style:normal;color:var(--pink)}
.wal .ed-pub{font-size:20px}
.wal-n{margin:0;font:600 13px/1.45 var(--sans)}
@media (max-width:760px){
  .pay{grid-template-columns:1fr;gap:12px}
  .pay-pk,.pay-lv,.wal{padding:10px;box-shadow:6px 6px 0 var(--navy)}
  .pk-grid{grid-template-columns:1fr 1fr;gap:8px}
  .pk{grid-template-columns:36px minmax(0,1fr);padding:7px 8px;column-gap:7px}.pk-ic{width:36px;height:36px}.pk-ic svg{width:26px;height:26px}
  .pk b{font-size:16px}.pk>span{display:none}.pk em{font-size:17px}
  .pay-tot b{font-size:30px}
  .lv-grid{grid-template-columns:1fr 1fr;gap:8px}.lv{padding:8px}.lv span{display:none}.lv b{font-size:17px}.lv em{font-size:20px}
  .feed{min-height:0}.feed li{font-size:11px;padding:5px 7px}
  .wal-b{padding:10px}.wal-b b{font-size:36px}.wal-n{display:none}
}
@media (max-width:760px){.s6-step span{display:none}}
@media (min-width:761px){.s7-step{top:auto;bottom:clamp(20px,5vh,48px)}}

/* ================= 09 · Le contrat ================= */
.next-go{margin-top:6px;padding:10px 16px;border:3px solid var(--navy);border-radius:12px;background:var(--red);color:#fff;box-shadow:4px 4px 0 var(--navy);font:400 18px var(--disp);text-transform:uppercase;cursor:pointer}
.next-go:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--navy)}
.next-go:focus-visible,.ct-btn:focus-visible,.ct-link:focus-visible,.ct input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.ct{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:rgba(14,26,92,.55)}
.ct[hidden]{display:none}
.ct-panel{position:relative;width:min(860px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;border:4px solid var(--navy);border-radius:26px;background:var(--cream);box-shadow:14px 14px 0 var(--navy);color:var(--navy);overflow:hidden}
.ct-x{position:absolute;right:12px;top:10px;z-index:2;width:38px;height:38px;border:3px solid var(--navy);border-radius:50%;background:#fff;font:800 22px/1 var(--sans);color:var(--navy);cursor:pointer}
.ct-step{display:flex;flex-direction:column;gap:12px;padding:clamp(18px,3vw,32px);min-height:0}
.ct-step[hidden]{display:none}
.ct-step small{font:800 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.ct-step h2{margin:0;font:400 clamp(28px,3.4vw,46px)/.98 var(--disp);text-transform:uppercase;text-wrap:balance}
.ct-step h2 em{display:block;font:700 .85em/1.1 var(--hand);text-transform:none;color:var(--red)}
.ct-step>p{margin:0;max-width:60ch;font:600 15px/1.5 var(--sans)}
.ct-sumline{display:flex;flex-wrap:wrap;gap:8px}
.ct-sumline span,.ct-sumline b{padding:6px 12px;border:3px solid var(--navy);border-radius:99px;background:#fff;font:800 13px var(--sans);font-variant-numeric:tabular-nums}
.ct-sumline b{background:var(--yellow)}
#ctForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#ctForm label{display:flex;flex-direction:column;gap:6px;font:800 12px var(--sans)}
#ctForm input{min-width:0;padding:11px 12px;border:3px solid var(--navy);border-radius:12px;background:#fff;font:600 15px var(--sans);color:var(--navy)}
.ct-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ct-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:3px solid var(--navy);border-radius:14px;background:var(--yellow);box-shadow:5px 5px 0 var(--navy);font:400 20px var(--disp);text-transform:uppercase;color:var(--navy);text-decoration:none;cursor:pointer}
.ct-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:2px 2px 0 var(--navy)}
.ct-link{border:0;background:none;padding:4px 0;font:700 14px var(--sans);color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ct-err{grid-column:1/-1;margin:0;min-height:1em;font:700 13px var(--sans);color:#C0321D}
#ctS2{padding:0;gap:0;flex:1}
.ct-doc{flex:1;min-height:0;overflow:auto;padding:clamp(18px,3vw,34px);padding-top:54px;background:#fff;border-bottom:4px solid var(--navy);font:500 14px/1.6 var(--sans)}
.ct-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:10px;border-bottom:3px solid var(--navy)}
.ct-h .qlogo{width:96px;height:32px}
.ct-h h2{margin:2px 0 0;font:400 clamp(20px,2.4vw,28px)/1 var(--disp);text-transform:uppercase}
.ct-tag{margin-left:auto;padding:4px 10px;border:2.5px solid var(--navy);border-radius:8px;background:var(--pink);font:800 11px var(--sans);text-transform:uppercase;letter-spacing:.08em}
.ct-doc section{margin-top:16px}
.ct-doc h4{margin:0 0 6px;font:400 18px var(--disp);text-transform:uppercase;letter-spacing:.3px}
.ct-doc p{margin:0 0 8px;max-width:72ch}
.ct-doc table{width:100%;border-collapse:collapse;margin:6px 0 8px;font-variant-numeric:tabular-nums}
.ct-doc th,.ct-doc td{padding:7px 10px;border:2px solid var(--navy);text-align:left;vertical-align:top}
.ct-doc th{background:var(--cream);font:800 12px var(--sans);text-transform:uppercase;letter-spacing:.06em}
.ct-doc td:last-child,.ct-doc th:last-child{text-align:right;white-space:nowrap}
.ct-doc tfoot td{font-weight:800;background:var(--yellow)}
.ct-note{font-size:12px;color:#7a3a2c}
.ct-sum{padding:14px;border:3px solid var(--navy);border-radius:14px;background:var(--cream)}
.ct-sign{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:14px clamp(14px,2.4vw,24px);background:var(--cream)}
.ct-chk{grid-column:1/-1;display:flex;align-items:center;gap:10px;font:700 14px var(--sans)}
.ct-chk input{width:22px;height:22px;accent-color:var(--blue)}
.ct-pad{position:relative;height:110px;border:3px dashed var(--navy);border-radius:14px;background:#fff;touch-action:none}
.ct-pad canvas{display:block;width:100%;height:100%;cursor:crosshair}
.ct-pad span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font:700 20px var(--hand);color:#8a90b5;pointer-events:none}
.ct-pad span[hidden]{display:none}
.ct-pad .ct-link{position:absolute;right:10px;bottom:6px;font-size:12px}
.ct-sign .ct-err{grid-column:1/-1}
.ct-done{align-items:flex-start}
.ct-stamp{padding:6px 14px;border:4px solid #2BA58C;border-radius:10px;color:#2BA58C;font:400 28px var(--disp);text-transform:uppercase;transform:rotate(-4deg)}
#ctProof{font:600 14px/1.55 var(--sans)}
.ct-hash{font:600 11px/1.4 ui-monospace,Menlo,monospace;word-break:break-all;color:#4a5280}
#ctSig{max-width:260px;height:auto;border:3px solid var(--navy);border-radius:12px;background:#fff}
html.ct-on body{overflow:hidden}
@media (max-width:760px){
  #ctForm{grid-template-columns:1fr}
  .ct-sign{grid-template-columns:1fr}
  .ct-pad{height:96px}
  .ct-panel{box-shadow:7px 7px 0 var(--navy);border-radius:20px}
}

/* ===== 03 · média (image / vidéo) ===== */
.drop{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border:3px dashed #0E1A5C;border-radius:12px;background:#fff;text-align:center}
.drop i{font:800 22px var(--sans);font-style:normal;color:#E8472E}
.drop b{font:400 18px var(--disp);text-transform:uppercase}
.drop span{font:700 11px var(--sans)}
.med{position:relative;display:flex;align-items:center;gap:8px;padding:6px;border:3px solid #0E1A5C;border-radius:12px;background:#fff;font:700 11.5px var(--sans);transition:transform .15s,background .2s}
.med img{width:52px;height:34px;object-fit:cover;border:2.5px solid #0E1A5C;border-radius:6px;max-width:none}
.med span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.med .play{position:absolute;left:24px;top:14px;width:20px;height:20px;border-radius:50%;background:#E8472E;color:#fff;display:grid;place-items:center;font:800 9px var(--sans);font-style:normal;border:2px solid #0E1A5C}
.med .n{position:absolute;right:-9px;top:-9px;width:24px;height:24px;border-radius:50%;background:#E8472E;color:#fff;border:2.5px solid #0E1A5C;display:grid;place-items:center;font:400 13px var(--disp);font-style:normal}
.med.on{background:#F7EE8C;box-shadow:4px 4px 0 #0E1A5C}.med.press{transform:translate(3px,3px)}
.ed-can{place-items:center;padding:20px}
.ad3.has-media .ad3-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.ad3.has-media::before{background:linear-gradient(180deg,rgba(14,26,92,.15),rgba(14,26,92,.72))}
.ad3.has-media .ad3-in{color:#fff}.ad3.has-media .ad3-logo{background:#fff}
.ad3.has-media h3{text-shadow:3px 3px 0 #0E1A5C}
.ad3.has-media .ad3-sub{color:#F7EE8C}

/* ===== 04 · payer : frise + audience ===== */
.pflow{position:absolute;left:50%;top:calc(76px + env(safe-area-inset-top,0px));z-index:6;transform:translateX(-50%);list-style:none;margin:0;padding:0;display:flex;gap:10px;width:min(1100px,94vw)}
.pflow li{flex:1;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:center;padding:8px 12px;border:3px solid var(--navy);border-radius:14px;background:#fff;color:var(--navy);opacity:.55;transition:background .25s,opacity .25s,transform .25s}
.pflow li i{grid-row:1/3;width:34px;height:34px;border-radius:50%;border:3px solid var(--navy);display:grid;place-items:center;font:400 18px var(--disp);font-style:normal;background:var(--cream)}
.pflow li b{font:400 17px/1.05 var(--disp);text-transform:uppercase}
.pflow li span{font:700 12px var(--sans)}
.pflow li.on{opacity:1;background:var(--yellow);box-shadow:5px 5px 0 var(--navy);transform:translateY(-2px)}
.pflow li.ok{opacity:1;background:var(--mint)}.pflow li.ok i{background:var(--teal);color:#fff}
.pay-au{opacity:0;padding:16px;border:4px solid var(--navy);border-radius:22px;background:var(--cream);box-shadow:10px 10px 0 var(--navy)}
.au-n{padding:5px 12px;border:3px solid var(--navy);border-radius:999px;background:#fff;font:800 14px var(--sans);font-variant-numeric:tabular-nums}
.au-g{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.au-g label{display:block;margin-bottom:6px;font:800 12px var(--sans)}
.au-c{display:flex;flex-wrap:wrap;gap:6px}
.au-c span{padding:6px 11px;border:3px solid var(--navy);border-radius:999px;background:#fff;font:800 13px var(--sans);transition:background .2s,transform .2s}
.au-c span.on{background:var(--yellow);box-shadow:3px 3px 0 var(--navy);transform:translateY(-2px)}
.au-p{display:flex;flex-direction:column;gap:2px;margin-top:14px;padding:10px 14px;border:3px solid var(--navy);border-radius:14px;background:var(--mint)}
.au-p b{font:400 18px var(--disp);text-transform:uppercase}.au-p span{font:700 13px var(--sans)}
.lv{opacity:.25}
.lv-note{margin:12px 0 0;padding:10px 14px;border:3px dashed var(--navy);border-radius:12px;font:800 14px var(--sans);background:#fff}
@media (max-width:760px){.pflow{gap:4px;top:calc(60px + env(safe-area-inset-top,0px))}.pflow li{grid-template-columns:1fr;padding:5px;text-align:center}.pflow li i{grid-row:auto;margin:0 auto;width:26px;height:26px;font-size:14px}.pflow li b{font-size:11px}.pflow li span{display:none}.au-g{grid-template-columns:1fr}.au-c span{font-size:11px;padding:4px 8px}}

/* ===== 05 · en direct ===== */
.s9{background:#FCF3E4}
.s9-cam{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.s9-img{position:absolute;max-width:none;max-height:none}
.s9-scr{position:absolute;container-type:size}
.s9-scr .ad3{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:3px;box-shadow:none;opacity:0;transition:opacity .4s}
.s9-scr.on .ad3{opacity:1}
#s9tv.on{box-shadow:0 0 0 3px #F7EE8C,0 0 30px rgba(247,238,140,.8)}
.s9-lab{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);padding:3px 10px;border:3px solid var(--navy);border-radius:999px;background:var(--yellow);font:400 15px var(--disp);color:var(--navy)}
.qbox{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;border:4px solid var(--navy);border-radius:14px 14px 6px 6px;background:#0E1A5C;padding:8% 8% 0;box-shadow:6px 6px 0 rgba(14,26,92,.4)}
.qb-scr{position:relative;width:100%;aspect-ratio:9/14;border-radius:6px;overflow:hidden;container-type:size}
.qb-scr .ad3{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none}
.qb-q{width:40%;height:10%;margin-top:6%;background:#F7EE8C;-webkit-mask:var(--qlogo-url) no-repeat center/contain;mask:var(--qlogo-url) no-repeat center/contain}
.qbox span{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);padding:3px 10px;border:3px solid var(--navy);border-radius:999px;background:var(--pink);font:400 15px var(--disp);color:var(--navy)}
.s9-pops{position:absolute;inset:0;pointer-events:none;z-index:4}
.pop9{position:absolute;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 12px 7px;border:3px solid var(--navy);border-radius:14px;background:#fff;box-shadow:4px 4px 0 var(--navy);white-space:nowrap;opacity:0}
.pop9::after{content:"";position:absolute;left:50%;bottom:-10px;width:12px;height:12px;margin-left:-6px;background:inherit;border-right:3px solid var(--navy);border-bottom:3px solid var(--navy);transform:rotate(45deg)}
.pop9 b{font:400 22px/1 var(--disp);color:var(--red)}
.pop9 span{font:800 12px var(--sans);color:var(--navy)}
.pop9 em{font:700 10px var(--sans);font-style:normal;color:#5a5f7a}
.pop9.pl1{background:var(--yellow)}.pop9.pl2{background:var(--pink)}.pop9.pl3{background:var(--mint)}
.s9-wal{position:absolute;right:clamp(16px,3vw,40px);bottom:clamp(70px,9vh,90px);z-index:6;width:300px;display:flex;flex-direction:column;gap:6px;padding:14px;border:4px solid var(--navy);border-radius:20px;background:var(--navy);color:var(--cream);box-shadow:8px 8px 0 var(--red);opacity:0}
.s9-wal .qlogo{width:64px;height:22px;background:var(--yellow)}
.s9-wal small{font:800 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.s9-wal>b{font:400 44px/1 var(--disp);color:var(--yellow);font-variant-numeric:tabular-nums}
.s9-k{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:4px;font:700 12px var(--sans)}
.s9-k b{color:var(--yellow);font-variant-numeric:tabular-nums}
@media (max-width:760px){.s9-wal{left:12px;right:12px;width:auto;bottom:12px;padding:10px}.s9-wal>b{font-size:30px}.pop9 span,.pop9 em{display:none}.pop9 b{font-size:16px}}

/* ===== 06 · CRM ===== */
.s10{background:#FCF3E4;background-image:linear-gradient(rgba(14,26,92,.1) 2px,transparent 2px),linear-gradient(90deg,rgba(14,26,92,.1) 2px,transparent 2px);background-size:44px 44px}
.crm{position:absolute;left:50%;top:50%;width:min(1100px,94vw);border:4px solid var(--navy);border-radius:24px;background:#fff;box-shadow:12px 12px 0 var(--navy);color:var(--navy);overflow:hidden;transform-origin:50% 50%}
.crm-top{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:4px solid var(--navy);background:var(--cream)}
.crm-top .qlogo{width:76px;height:26px}
.crm-top>span{font:800 13px var(--sans);letter-spacing:.08em;text-transform:uppercase}
.crm-f{display:flex;gap:6px;margin-left:auto}
.crm-f b{padding:5px 11px;border:3px solid var(--navy);border-radius:999px;background:#fff;font:800 12px var(--sans)}
.crm-f b.on{background:var(--yellow)}
.crm-top em{font:400 22px var(--disp);font-style:normal;font-variant-numeric:tabular-nums}
.crm-b{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:440px}
.crm-l{padding:12px 16px;border-right:4px solid var(--navy)}
.crm-h{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) 70px;gap:10px;padding:0 8px 8px;font:800 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#5a5f7a}
.cr{display:grid;grid-template-columns:34px minmax(0,1.1fr) minmax(0,1.2fr) 70px;gap:10px;align-items:center;padding:7px 8px;border-radius:12px;opacity:0;transition:background .3s}
.cr+.cr{margin-top:2px}
.cr-av,.cp-av{width:34px;height:34px;border-radius:50%;border:2.5px solid var(--navy);display:grid;place-items:center;color:#fff;font:800 12px var(--sans)}
.cr b{font:800 14px/1.2 var(--sans)}.cr b i{display:block;font:600 11px var(--sans);font-style:normal;color:#5a5f7a}
.cr-src{font:600 12.5px var(--sans)}
.cr-m{justify-self:start;padding:3px 8px;border:2.5px solid var(--navy);border-radius:8px;font:800 12px var(--sans)}
.cr-m.ok{background:var(--mint)}.cr-m.no{background:#eee6d6;color:#7a7f99}
.cr.new{background:var(--yellow)}
.cr.sel{background:var(--pink);box-shadow:inset 0 0 0 3px var(--navy)}
.crm-p{display:flex;flex-direction:column;gap:8px;padding:16px 18px;opacity:0}
.cp-h{display:flex;align-items:center;gap:12px}
.cp-av{width:54px;height:54px;font-size:18px;background:#E8472E}
.cp-h b{display:block;font:400 26px/1 var(--disp);text-transform:uppercase}
.cp-h span{display:block;font:600 13px var(--sans)}
.cp-m{display:flex;align-items:baseline;gap:10px;padding:8px 12px;border:3px solid var(--navy);border-radius:14px;background:var(--mint)}
.cp-m b{font:400 34px/1 var(--disp);font-variant-numeric:tabular-nums}
.cp-m span{font:800 13px var(--sans)}
.cp-c{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.cp-c li{font:700 13px var(--sans);opacity:.25;transition:opacity .25s}
.cp-c li::before{content:"✓ ";color:var(--teal);font-weight:800}
.cp-c li.on{opacity:1}
.crm-p small{font:800 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.cp-t{display:flex;flex-wrap:wrap;gap:5px}
.cp-t span{padding:3px 9px;border:2.5px solid var(--navy);border-radius:999px;background:#fff;font:800 12px var(--sans)}
.cp-j{margin:0;padding-left:18px;font:600 12.5px/1.6 var(--sans)}
.cp-j b{display:inline-block;min-width:62px;font-weight:800}
.cp-a .ed-pub{font-size:16px;padding:8px 14px;display:inline-flex}
@media (max-width:760px){.crm-b{grid-template-columns:1fr}.crm-l{border-right:0}.crm-f,.crm-h{display:none}.cr{grid-template-columns:30px minmax(0,1fr) 56px}.cr-src{display:none}.crm-p{position:absolute;inset:auto 0 0 0;background:#fff;border-top:4px solid var(--navy)}}

/* ===== temps réel : carte du monde ===== */
.s5-map{position:absolute;left:50%;top:50%;width:1100px;height:620px;border:4px solid var(--navy);border-radius:24px;overflow:visible;box-shadow:12px 12px 0 var(--red);opacity:0;transform-origin:50% 50%}
.s5-map>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:20px;max-width:none}
.mp5{position:absolute;opacity:0}
.mp5>i{position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:50%;border:3px solid var(--navy);background:#bdb8c9;transition:background .3s}
.mp5.up>i{background:var(--teal);box-shadow:0 0 0 6px rgba(43,165,140,.35)}
.mp5-c{position:absolute;left:0;bottom:16px;transform:translateX(-50%);width:170px;padding:6px;border:3px solid var(--navy);border-radius:14px;background:#fff;box-shadow:4px 4px 0 var(--navy)}
.mp5-img{position:relative;aspect-ratio:16/9;border:2.5px solid var(--navy);border-radius:8px;overflow:hidden}
.mp5-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.mp5-ad{position:absolute;left:28%;top:12%;width:44%;aspect-ratio:16/9;border:2px solid var(--navy);overflow:hidden;container-type:size}
.mp5-ad .ad3{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none}
.mp5-ad .ad3.new{opacity:0;transform:scaleY(.05);transition:opacity .2s,transform .35s cubic-bezier(.3,1.4,.5,1)}
.mp5.up .mp5-ad .ad3.new{opacity:1;transform:none}
.mp5-c b{display:block;margin-top:5px;font:800 11.5px var(--sans);color:var(--navy)}
.mp5-c .s{display:inline-block;margin-top:3px;padding:2px 7px;border:2px solid var(--navy);border-radius:7px;background:#F4B6B0;font:800 10.5px var(--sans);color:var(--navy)}
.mp5.up .mp5-c .s{background:var(--mint)}
.s5-tot{position:absolute;left:18px;bottom:18px;display:flex;align-items:baseline;gap:8px;padding:8px 14px;border:4px solid var(--navy);border-radius:14px;background:var(--navy);color:var(--cream);font:700 14px var(--sans)}
.s5-tot>b{font:400 30px var(--disp);color:var(--yellow);font-variant-numeric:tabular-nums}
.s5-tot span b{color:var(--yellow)}

/* licences : phrase d'intro + influenceuse */
.lic-p{margin:0;font:700 13px/1.4 var(--sans);color:var(--navy)}
.lc-av{width:52px;height:52px;border-radius:10px;border:2.5px solid var(--navy);background:var(--pink);display:grid;place-items:center;font:400 26px var(--disp);color:var(--navy)}
.steps li{padding:6px 10px;font-size:11.5px}
.ad3.has-media .ad3-in{justify-content:flex-end;padding:6cqmin}
.ad3.has-media h3{align-self:stretch;padding:.25em .4em;background:#0E1A5C;color:#F7EE8C;text-shadow:none;font-size:min(7cqw,10cqh);border-radius:6px}
.ad3.has-media .ad3-sub{display:none}
.ad3.has-media .ad3-logo{top:5cqmin;left:5cqmin;margin-left:0;width:min(26cqw,20cqh)}
.mp5{position:static}
.mp5>i{left:var(--px);top:var(--py);margin:-10px 0 0 -10px}
.mp5-c{left:var(--cx);top:var(--cy);bottom:auto;transform:none}
.mp5-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mp5-lines line{stroke:#0E1A5C;stroke-width:.35;stroke-dasharray:1 .8;vector-effect:none}
.p-ann .hud-cta{white-space:nowrap;padding:8px 12px;font-size:12px}
/* ================= 05 · LES COUCHES ================= */
@media (max-width:1700px){.p-ann .steps li:not(.on){display:none}}
.lyw{position:absolute;left:50%;top:50%;width:1210px;height:580px;display:grid;grid-template-columns:760px 420px;gap:30px;transform-origin:50% 50%}
.ly{position:relative;height:580px}
.ly-st{position:absolute;inset:0}
.ly-p{position:absolute;left:470px;top:290px;width:380px;height:230px;border:5px solid var(--navy);border-radius:22px;background:#FCF3E4;box-shadow:-10px 14px 0 var(--navy);transition:background .3s,filter .3s,opacity .3s;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;align-items:center}
.ly-p[data-i="0"]{z-index:3}.ly-p[data-i="1"]{z-index:2}.ly-p[data-i="2"]{z-index:1}
.ly-p.on{background:var(--yellow)}
.ly-p.off{opacity:.55;filter:saturate(.4)}
.ly-p img{width:100%;height:100%;object-fit:cover;max-width:none;display:block}
.ly-tv{grid-column:1/3;position:relative;aspect-ratio:16/10;max-width:100%;border:4px solid var(--navy);border-radius:8px;overflow:hidden;background:var(--navy)}
.ly-qr{position:absolute;right:6px;bottom:6px;width:26%;aspect-ratio:1;background:#fff url(../images/site/ads/qr-play.png) center/88% no-repeat;border:2px solid var(--navy);border-radius:4px}
.ly-box,.ly-tot{border:4px solid var(--navy);border-radius:8px;overflow:hidden;aspect-ratio:3/4;max-width:100%}
.ly-tot{display:none}
.ly-wf{grid-column:1/3;display:flex;align-items:center;gap:10px;padding:10px;border:4px solid var(--navy);border-radius:14px;background:#fff}
.ly-wf .wifi-ic,.ly-net .wifi-ic{width:48px;height:48px;margin:0;flex:none}
.ly-wf b{display:block;font:400 22px/1 var(--disp);text-transform:uppercase}.ly-wf span{font:700 13px var(--sans)}
.ly-mini{border:4px solid var(--navy);border-radius:12px;overflow:hidden;aspect-ratio:9/16;max-width:100%;max-height:190px;background:var(--red);display:grid;place-items:center}
.ly-mini.c{background:var(--yellow)}.ly-mini.c b{font:400 30px var(--disp);color:var(--red)}
.ly-app{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:4px solid var(--navy);border-radius:14px;background:#fff;height:100%;justify-content:center}
.ly-app .qlogo{width:60px;height:22px}
.ly-app b{font:400 22px/1 var(--disp);text-transform:uppercase}.ly-app span{font:800 13px var(--sans);color:var(--red)}
.ly-p[data-i="2"]{grid-template-columns:1.2fr 1fr 1fr}
.ly-lab{position:absolute;left:0;top:0;width:230px;height:100%}
.ly-lab .card3{position:absolute;left:0;width:230px;display:flex;align-items:center;gap:10px;padding:10px 12px;opacity:0;transition:background .3s,transform .3s;box-shadow:5px 5px 0 var(--navy)}
.ly-lab .card3.on{background:var(--yellow);transform:translateX(8px)}
.ly-lab i{flex:none;width:36px;height:36px;border-radius:50%;border:3px solid var(--navy);background:var(--red);color:#fff;display:grid;place-items:center;font:400 20px var(--disp);font-style:normal}
.ly-lab b{display:block;font:400 21px/1.05 var(--disp);text-transform:uppercase}.ly-lab span{font:700 12px var(--sans)}
.ly-dev{position:relative;height:580px}
.ly-tvbig{position:absolute;left:50%;top:46%;width:400px;aspect-ratio:16/9;max-width:100%;border:10px solid var(--navy);border-radius:14px;background:var(--navy);box-shadow:10px 10px 0 rgba(14,26,92,.35);opacity:0}
.ly-tvbig img{width:100%;height:100%;object-fit:cover;max-width:none;display:block;border-radius:4px}
.ly-tvbig span{position:absolute;left:50%;bottom:-46px;transform:translateX(-50%);padding:5px 12px;border:3px solid var(--navy);border-radius:10px;background:#fff;font:800 13px var(--sans);white-space:nowrap}
.ly-ph{left:50%;top:46%;width:262px;height:530px;font-size:16.4px;opacity:0}
.ly-list{opacity:1}
.ly-net{display:flex;align-items:center;gap:.6em;padding:.6em;border:2px solid var(--navy);border-radius:.8em;background:#fff;transition:transform .15s}
.ly-net .wifi-ic{width:2.4em;height:2.4em}
.ly-net.on{background:var(--yellow)}
.ly-net.press,.pg-ad-b.press{transform:scale(.95)}
.ly-net b{display:block;font:800 .8em var(--sans)}.ly-net span{font:600 .65em var(--sans)}
.ly-spl{padding:0}
.ly-spl>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.ly-spl-b{position:absolute;left:.8em;right:.8em;bottom:1.4em;padding:.9em;border:3px solid var(--navy);border-radius:1em;background:#fff;text-align:center;display:flex;flex-direction:column;gap:.2em}
.ly-spl-b small{font:800 .58em var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.ly-spl-b b{font:400 2.1em/1 var(--disp);text-transform:uppercase}.ly-spl-b span{font:700 .8em var(--sans)}
.ly-off{gap:.55em}
.ly-off .coupon{margin:0}
.ly-off .ph-in{min-height:2.4em;font-size:.72em;letter-spacing:0}
.ly-later{font:700 .66em/1.3 var(--sans);text-align:center;text-decoration:underline;color:#1D3FD6;opacity:0}
.ly-crm{position:absolute;left:50%;bottom:-58px;z-index:6;width:330px;display:flex;align-items:center;gap:12px;padding:10px 14px;opacity:0;background:#BDE3D4}
.ly-crm .qlogo{width:58px;height:22px;flex:none}
.ly-crm small{display:block;font:800 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.ly-crm b{display:block;font:400 24px/1 var(--disp)}.ly-crm span{font:700 11px var(--sans)}
@media (max-width:760px){.lyw{display:block;width:540px;height:600px}.ly{height:600px}.ly-st{left:-200px}.ly-lab{display:none}.ly-dev{position:absolute;inset:0;height:auto}.ly-ph{left:70%}.ly-tvbig{left:50%;top:97%;width:320px}.ly-crm{bottom:-10px}}

/* ================= 08 · LES JEUX ================= */
.gm{position:absolute;left:50%;top:50%;width:1180px;display:flex;flex-direction:column;gap:18px;transform-origin:50% 50%}
.gm-crm{display:flex;align-items:center;gap:16px;padding:12px 18px;background:#fff}
.gm-crm .qlogo{width:64px;height:24px;flex:none}
.gm-ct small{display:block;font:800 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.gm-ct b{font:400 30px/1 var(--disp);font-variant-numeric:tabular-nums;white-space:nowrap}
.gm-av{display:flex;gap:6px;flex:1;min-width:0}
.gm-av i{width:40px;height:40px;flex:none;border-radius:50%;border:3px solid var(--navy);color:#fff;display:grid;place-items:center;font:800 13px var(--sans);font-style:normal;opacity:0}
.gm-dt{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:360px}
.gm-dt span{padding:5px 10px;border:2.5px solid var(--navy);border-radius:10px;background:#eee8dc;font:800 12px var(--sans);opacity:.45;transition:background .3s,opacity .3s}
.gm-dt span.on{opacity:1;background:var(--yellow)}
.gm-b{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}
.gm-l{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.gm-h{display:flex;align-items:baseline;gap:10px}.gm-h .qlogo{width:56px;height:20px;align-self:center}
.gm-h b{font:400 28px/1 var(--disp);text-transform:uppercase}.gm-h span{font:700 13px var(--sans);opacity:.75}
.gm-s{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:2px dashed rgba(14,26,92,.25)}
.gm-s>small{font:800 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.gm-qr{display:flex;align-items:center;gap:14px}
.gm-qri{width:78px;height:78px;flex:none;padding:4px;border:3px solid var(--navy);border-radius:10px;background:#fff}
.gm-qri img{width:100%;height:100%;display:block;max-width:none}
.gm-qr b{display:block;font:400 22px var(--disp)}.gm-qr span{font:700 13px var(--sans)}
.gm-ch,.gm-tg,.gm-cu{display:flex;flex-wrap:wrap;gap:8px}
.gm-ch span,.gm-tg span{padding:7px 12px;border:3px solid var(--navy);border-radius:12px;background:#fff;font:800 13px var(--sans);transition:background .2s,transform .15s}
.gm-ch span.on,.gm-tg span.on{background:var(--yellow)}
.gm-tg span::before{content:'';display:inline-block;width:12px;height:12px;margin-right:6px;border:2.5px solid var(--navy);border-radius:4px;vertical-align:-2px;background:#fff}
.gm-tg span.on::before{background:var(--teal)}
.gm-ch span.press,.gm-tg span.press,.gm-gc.press{transform:scale(.94)}
.gm-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.gm-gc{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px;border:3px solid var(--navy);border-radius:14px;background:#fff;transition:background .2s,transform .2s,box-shadow .2s}
.gm-gc.on{background:var(--yellow);transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--navy)}
.gm-gc em{position:absolute;right:6px;top:6px;z-index:2;padding:2px 7px;border:2px solid var(--navy);border-radius:8px;background:#fff;font:800 10px var(--sans);font-style:normal}
.gm-gc.lic em{background:#D9467A;color:#fff}
.gm-gi{aspect-ratio:4/3;max-width:100%;border:2.5px solid var(--navy);border-radius:10px;background:var(--b);overflow:hidden;position:relative}
.gm-gi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.gm-gi img.ctn{inset:8%;width:84%;height:84%;object-fit:contain}
.gm-gc b{font:400 16px/1.05 var(--disp);text-transform:uppercase}
.gm-cu span{padding:5px 10px;border:2.5px solid var(--navy);border-radius:10px;background:#BDE3D4;font:800 12px var(--sans);opacity:0}
.gm-l .ed-pub{margin-top:4px;font-size:20px;padding:10px 14px}
.gm-r{position:relative;height:560px}
.gm-ph{left:50%;top:50%;transform:translate(-50%,-50%);width:270px;height:546px;font-size:16.9px}
.gm-wait{align-items:center;justify-content:center;text-align:center;opacity:1}
.gm-qrbig{width:9em;height:9em;padding:.4em;border:3px solid var(--navy);border-radius:.8em;background:#fff}
.gm-qrbig img{width:100%;height:100%;display:block;max-width:none}
.gm-wait span{font:700 .8em var(--sans)}
.gm-play{background:linear-gradient(180deg,#F7EE8C,#F4B6B0);align-items:center;text-align:center}
.gm-field{position:relative;flex:1;width:100%;border:3px solid var(--navy);border-radius:1em;background:#BDE3D4;overflow:hidden}
.gm-field .fr{position:absolute;width:1.6em;height:1.6em;margin-left:-.8em;border-radius:50%;border:2.5px solid var(--navy);background:var(--c)}
.gm-field img{position:absolute;bottom:.3em;width:4.2em;height:auto;max-width:none;transform:translateX(-50%)}
.gm-sc{display:flex;align-items:baseline;gap:.5em;font:800 .8em var(--sans)}.gm-sc b{font:400 1.8em var(--disp)}
.gm-win{gap:.6em}
.gm-win .coupon{margin:0;text-align:center}
.gm-win .ph-in{min-height:2.4em;font-size:.72em;letter-spacing:0}
.gm-fly{position:absolute;left:50%;top:30%;z-index:8;padding:8px 14px;border:3px solid var(--navy);border-radius:12px;background:var(--teal);color:#fff;box-shadow:5px 5px 0 var(--navy);font:400 24px var(--disp);text-transform:uppercase;white-space:nowrap;opacity:0}
@media (max-width:760px){.gm{width:700px}.gm-b{grid-template-columns:1fr 280px}.gm-dt{display:none}.gm-g{grid-template-columns:repeat(2,minmax(0,1fr))}}