/* ==========================================================================
BdmBet — feuille de style principale
Palette officielle : noir #0b0b0d / jaune #FAFF00 / blanc #ffffff
========================================================================== */
@font-face{
font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
src:url('../fonts/inter-400.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;
src:url('../fonts/inter-700.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;
src:url('../fonts/inter-800.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
--bg:#0b0b0d;
--bg-2:#121216;
--bg-3:#17171d;
--line:#26262f;
--yellow:#faff00;
--yellow-2:#c9cd00;
--txt:#e9e9ef;
--muted:#9a9aa8;
--white:#fff;
--green:#25c26e;
--red:#ff4d5e;
--radius:14px;
--radius-lg:22px;
--shadow:0 18px 50px rgba(0,0,0,.55);
--max:1240px;
--font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
background:var(--bg);
color:var(--txt);
font-family:var(--font);
font-size:16.5px;
line-height:1.72;
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:var(--yellow);text-decoration:none;transition:.2s}
a:hover{color:#fff}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}
/* ---------- Icônes (jeu SVG interne, sans dépendance externe) ---------- */
.ico{
display:inline-block;width:1em;height:1em;flex:0 0 auto;
background-color:currentColor;vertical-align:-.125em;
-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
-webkit-mask-position:center;mask-position:center;
-webkit-mask-size:contain;mask-size:contain;
}
.ico-shield{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5z'/%3E%3C/svg%3E")}
.ico-arrow-right{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 5l7 7-7 7v-4H4v-6h9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 5l7 7-7 7v-4H4v-6h9z'/%3E%3C/svg%3E")}
.ico-arrow-up{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4l8 8h-5v8H9v-8H4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4l8 8h-5v8H9v-8H4z'/%3E%3C/svg%3E")}
.ico-bolt{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 2 4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13 2 4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E")}
.ico-dice{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M3 3h18v18H3zm2 2v14h14V5zm3.4 2.4a1.7 1.7 0 110 3.4 1.7 1.7 0 010-3.4zm7.2 0a1.7 1.7 0 110 3.4 1.7 1.7 0 010-3.4zM12 10.3a1.7 1.7 0 110 3.4 1.7 1.7 0 010-3.4zm-3.6 2.9a1.7 1.7 0 110 3.4 1.7 1.7 0 010-3.4zm7.2 0a1.7 1.7 0 110 3.4 1.7 1.7 0 010-3.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M3 3h18v18H3zm2 2v14h14V5zm3.4 2.4a1.7 1.7 0 110 3.4 1.7 1.7 0 010-3.4zm7.2 0a1.7 1.7 0 110 3.4 1.7 1.7 0 010-3.4zM12 10.3a1.7 1.7 0 110 3.4 1.7 1.7 0 010-3.4zm-3.6 2.9a1.7 1.7 0 110 3.4 1.7 1.7 0 010-3.4zm7.2 0a1.7 1.7 0 110 3.4 1.7 1.7 0 010-3.4z'/%3E%3C/svg%3E")}
.ico-crown{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 7l4 4 5-7 5 7 4-4-2 12H5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 7l4 4 5-7 5 7 4-4-2 12H5z'/%3E%3C/svg%3E")}
.ico-ball{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 2a8 8 0 018 8 8 8 0 01-8 8 8 8 0 01-8-8 8 8 0 018-8zm0 2.6L8.2 9.3l1.5 4.5h4.6l1.5-4.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 2a8 8 0 018 8 8 8 0 01-8 8 8 8 0 01-8-8 8 8 0 018-8zm0 2.6L8.2 9.3l1.5 4.5h4.6l1.5-4.5z'/%3E%3C/svg%3E")}
.ico-gift{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 9h18v3H3zm2 5h14v7H5zM12 8c-1-3-3-4-4.5-3S6 8 8 8zm0 0c1-3 3-4 4.5-3S18 8 16 8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 9h18v3H3zm2 5h14v7H5zM12 8c-1-3-3-4-4.5-3S6 8 8 8zm0 0c1-3 3-4 4.5-3S18 8 16 8z'/%3E%3C/svg%3E")}
.ico-lock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 10V8a6 6 0 1112 0v2h1v11H5V10zm3 0h6V8a3 3 0 10-6 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 10V8a6 6 0 1112 0v2h1v11H5V10zm3 0h6V8a3 3 0 10-6 0z'/%3E%3C/svg%3E")}
.ico-badge{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2l2.4 2.2 3.2-.4.9 3.1 2.8 1.6-1.5 2.9 1.5 2.9-2.8 1.6-.9 3.1-3.2-.4L12 22l-2.4-2.2-3.2.4-.9-3.1L2.7 15.5 4.2 12.6 2.7 9.7l2.8-1.6.9-3.1 3.2.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2l2.4 2.2 3.2-.4.9 3.1 2.8 1.6-1.5 2.9 1.5 2.9-2.8 1.6-.9 3.1-3.2-.4L12 22l-2.4-2.2-3.2.4-.9-3.1L2.7 15.5 4.2 12.6 2.7 9.7l2.8-1.6.9-3.1 3.2.4z'/%3E%3C/svg%3E")}
.ico-euro{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 5.5A7 7 0 007.2 9H12v2H6.9v1H12v2H7.2A7 7 0 0017 18.5l1 1.8A9 9 0 015 14H3v-2h1.9v-1H3V9h2a9 9 0 0113-5.3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 5.5A7 7 0 007.2 9H12v2H6.9v1H12v2H7.2A7 7 0 0017 18.5l1 1.8A9 9 0 015 14H3v-2h1.9v-1H3V9h2a9 9 0 0113-5.3z'/%3E%3C/svg%3E")}
.ico-coin{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 2a8 8 0 110 16 8 8 0 010-16zm-1.2 2.6v1.2c-1.2.3-2 1.1-2 2.2 0 1.4 1.1 2 2.7 2.4 1.1.3 1.4.5 1.4.9s-.4.7-1.1.7-1.3-.3-1.3-.9H8.6c0 1.3 1 2.1 2.2 2.4v1.3h2v-1.3c1.3-.3 2.2-1.1 2.2-2.3 0-1.4-1-2.1-2.7-2.5-1.1-.3-1.4-.5-1.4-.9s.4-.6 1-.6c.7 0 1.1.3 1.1.8h1.9c0-1.2-.9-2-2.1-2.2V6.6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 2a8 8 0 110 16 8 8 0 010-16zm-1.2 2.6v1.2c-1.2.3-2 1.1-2 2.2 0 1.4 1.1 2 2.7 2.4 1.1.3 1.4.5 1.4.9s-.4.7-1.1.7-1.3-.3-1.3-.9H8.6c0 1.3 1 2.1 2.2 2.4v1.3h2v-1.3c1.3-.3 2.2-1.1 2.2-2.3 0-1.4-1-2.1-2.7-2.5-1.1-.3-1.4-.5-1.4-.9s.4-.6 1-.6c.7 0 1.1.3 1.1.8h1.9c0-1.2-.9-2-2.1-2.2V6.6z'/%3E%3C/svg%3E")}
.ico-info{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-6h2zm0-8h-2V7h2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15h-2v-6h2zm0-8h-2V7h2z'/%3E%3C/svg%3E")}
.ico-doc{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 2h8l4 4v16H6zm7 1.5V7h3.5zM8 11h8v1.6H8zm0 3.4h8V16H8zm0 3.4h5v1.6H8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 2h8l4 4v16H6zm7 1.5V7h3.5zM8 11h8v1.6H8zm0 3.4h8V16H8zm0 3.4h5v1.6H8z'/%3E%3C/svg%3E")}
.ico-shield-user{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5zm0 5a2.4 2.4 0 110 4.8A2.4 2.4 0 0112 7zm0 10.6c-2 0-3.7-1-4.2-2.3.6-1.2 2.3-1.9 4.2-1.9s3.6.7 4.2 1.9c-.5 1.3-2.2 2.3-4.2 2.3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5zm0 5a2.4 2.4 0 110 4.8A2.4 2.4 0 0112 7zm0 10.6c-2 0-3.7-1-4.2-2.3.6-1.2 2.3-1.9 4.2-1.9s3.6.7 4.2 1.9c-.5 1.3-2.2 2.3-4.2 2.3z'/%3E%3C/svg%3E")}
.ico-cookie{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1010 10 4 4 0 01-5-5 4 4 0 01-5-5zm-2 6a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm-1 6a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm6 1a1.5 1.5 0 110 3 1.5 1.5 0 010-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1010 10 4 4 0 01-5-5 4 4 0 01-5-5zm-2 6a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm-1 6a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm6 1a1.5 1.5 0 110 3 1.5 1.5 0 010-3z'/%3E%3C/svg%3E")}
.ico-headset{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3a8 8 0 00-8 8v6h4v-7H6a6 6 0 1112 0h-2v7h2a2 2 0 01-2 2h-3v2h3a4 4 0 004-4v-6a8 8 0 00-8-8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3a8 8 0 00-8 8v6h4v-7H6a6 6 0 1112 0h-2v7h2a2 2 0 01-2 2h-3v2h3a4 4 0 004-4v-6a8 8 0 00-8-8z'/%3E%3C/svg%3E")}
.ico-hand{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 11V5.5a1.5 1.5 0 013 0V11h1V4a1.5 1.5 0 013 0v7h1V6a1.5 1.5 0 013 0v9a7 7 0 01-7 7h-1a6 6 0 01-6-6v-4a1.5 1.5 0 013 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 11V5.5a1.5 1.5 0 013 0V11h1V4a1.5 1.5 0 013 0v7h1V6a1.5 1.5 0 013 0v9a7 7 0 01-7 7h-1a6 6 0 01-6-6v-4a1.5 1.5 0 013 0z'/%3E%3C/svg%3E")}
.ico-chat{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 4h18v12H8l-5 4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 4h18v12H8l-5 4z'/%3E%3C/svg%3E")}
.ico-mail{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 5h18v14H3zm2.3 2L12 12l6.7-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 5h18v14H3zm2.3 2L12 12l6.7-5z'/%3E%3C/svg%3E")}
.ico-question{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15.5h-2v-2h2zm1.8-6.3-.9.9c-.7.7-.9 1.2-.9 2.4h-2v-.5c0-1.2.500-2.1 1.2-2.9l1.2-1.2c.4-.3.6-.8.6-1.4a2 2 0 10-4 0H8a4 4 0 118 0c0 .9-.4 1.7-1.2 2.7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 15.5h-2v-2h2zm1.8-6.3-.9.9c-.7.7-.9 1.2-.9 2.4h-2v-.5c0-1.2.500-2.1 1.2-2.9l1.2-1.2c.4-.3.6-.8.6-1.4a2 2 0 10-4 0H8a4 4 0 118 0c0 .9-.4 1.7-1.2 2.7z'/%3E%3C/svg%3E")}
.ico-phone{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 2h3.2l1.6 4-2 1.4a13 13 0 006.2 6.2l1.4-2 4 1.6v3.2A2.6 2.6 0 0118 19 16 16 0 015 6 2.6 2.6 0 016.6 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 2h3.2l1.6 4-2 1.4a13 13 0 006.2 6.2l1.4-2 4 1.6v3.2A2.6 2.6 0 0118 19 16 16 0 015 6 2.6 2.6 0 016.6 2z'/%3E%3C/svg%3E")}
.ico-globe{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 2c1.3 0 2.6 2.3 3 6H9c.4-3.7 1.7-6 3-6zM4.3 11h3.2c.1-2.3.6-4.3 1.3-5.6A8 8 0 004.3 11zm0 2a8 8 0 004.5 5.6c-.7-1.3-1.2-3.3-1.3-5.6zm5.2 0h5c-.4 3.7-1.7 6-3 6s-2.6-2.3-3-6zm7 0h3.2a8 8 0 01-4.5 5.6c.7-1.3 1.2-3.3 1.3-5.6zm0-2c-.1-2.3-.6-4.3-1.3-5.6A8 8 0 0119.7 11z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 2c1.3 0 2.6 2.3 3 6H9c.4-3.7 1.7-6 3-6zM4.3 11h3.2c.1-2.3.6-4.3 1.3-5.6A8 8 0 004.3 11zm0 2a8 8 0 004.5 5.6c-.7-1.3-1.2-3.3-1.3-5.6zm5.2 0h5c-.4 3.7-1.7 6-3 6s-2.6-2.3-3-6zm7 0h3.2a8 8 0 01-4.5 5.6c.7-1.3 1.2-3.3 1.3-5.6zm0-2c-.1-2.3-.6-4.3-1.3-5.6A8 8 0 0119.7 11z'/%3E%3C/svg%3E")}
.ico-scale{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 2h2v3h6v2h-2.3l3.3 7c0 2-1.8 3-3.5 3S13 16 13 14l3.3-7H13v11h4v2H7v-2h4V7H7.7L11 14c0 2-1.8 3-3.5 3S4 16 4 14l3.3-7H5V5h6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 2h2v3h6v2h-2.3l3.3 7c0 2-1.8 3-3.5 3S13 16 13 14l3.3-7H13v11h4v2H7v-2h4V7H7.7L11 14c0 2-1.8 3-3.5 3S4 16 4 14l3.3-7H5V5h6z'/%3E%3C/svg%3E")}
.ico-people{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 11a3 3 0 110-6 3 3 0 010 6zm8 0a3 3 0 110-6 3 3 0 010 6zm-8 2c2.7 0 5 1.3 5 3v3H3v-3c0-1.7 2.3-3 5-3zm8 0c2.7 0 5 1.3 5 3v3h-6v-3c0-1.1-.5-2-1.3-2.7.7-.2 1.5-.3 2.3-.3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 11a3 3 0 110-6 3 3 0 010 6zm8 0a3 3 0 110-6 3 3 0 010 6zm-8 2c2.7 0 5 1.3 5 3v3H3v-3c0-1.7 2.3-3 5-3zm8 0c2.7 0 5 1.3 5 3v3h-6v-3c0-1.1-.5-2-1.3-2.7.7-.2 1.5-.3 2.3-.3z'/%3E%3C/svg%3E")}
.ico-ticket{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 7h20v3.5a2 2 0 000 4V18H2v-3.5a2 2 0 000-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 7h20v3.5a2 2 0 000 4V18H2v-3.5a2 2 0 000-4z'/%3E%3C/svg%3E")}
.ico-rotate{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4V1L7.5 5.5 12 10V7a5 5 0 11-5 5H5a7 7 0 107-8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4V1L7.5 5.5 12 10V7a5 5 0 11-5 5H5a7 7 0 107-8z'/%3E%3C/svg%3E")}
.ico-back{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4V1L16.5 5.5 12 10V7a5 5 0 105 5h2a7 7 0 11-7-8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4V1L16.5 5.5 12 10V7a5 5 0 105 5h2a7 7 0 11-7-8z'/%3E%3C/svg%3E")}
.ico-target{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 4a6 6 0 110 12 6 6 0 010-12zm0 3.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 4a6 6 0 110 12 6 6 0 010-12zm0 3.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5z'/%3E%3C/svg%3E")}
.ico-box{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 7l3-4h14l3 4-2 1v12H4V8zm4.2 0h11.6l-1.1-1.5H7.3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 7l3-4h14l3 4-2 1v12H4V8zm4.2 0h11.6l-1.1-1.5H7.3z'/%3E%3C/svg%3E")}
/* ---------- En-tête ---------- */
.site-header{
position:sticky;top:0;z-index:80;
background:rgba(11,11,13,.92);
backdrop-filter:blur(12px);
border-bottom:1px solid var(--line);
}
.site-header.is-scrolled{box-shadow:0 10px 30px rgba(0,0,0,.6)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:104px}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand img{height:60px;width:auto;display:block}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:9px;
font-weight:800;font-size:14.5px;letter-spacing:.3px;
padding:12px 22px;border-radius:12px;border:1px solid transparent;cursor:pointer;
transition:transform .18s ease,box-shadow .25s ease,background .2s;
}
.btn-ghost{border-color:#33333f;color:var(--white);background:transparent}
.btn-ghost:hover{border-color:var(--yellow);color:var(--yellow)}
.btn-primary{
background:linear-gradient(180deg,#faff00,#dfe300);color:#101014;
box-shadow:0 8px 26px rgba(250,255,0,.22);
}
.btn-primary:hover{transform:translateY(-2px);color:#101014;box-shadow:0 14px 34px rgba(250,255,0,.34)}
.btn-lg{padding:16px 34px;font-size:16px;border-radius:14px}
.btn-block{width:100%}
/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{
content:"";position:absolute;inset:0;
background:radial-gradient(900px 420px at 18% 20%,rgba(250,255,0,.13),transparent 62%),
radial-gradient(700px 400px at 88% 80%,rgba(120,80,255,.14),transparent 60%);
pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:58px 0 62px;position:relative}
.eyebrow{
display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:1.4px;
text-transform:uppercase;color:var(--yellow);background:rgba(250,255,0,.09);
border:1px solid rgba(250,255,0,.28);padding:6px 14px;border-radius:99px;
}
h1{font-size:clamp(29px,4vw,46px);line-height:1.14;margin:18px 0 16px;color:#fff;font-weight:800;letter-spacing:-.6px}
.hero p.lead{font-size:17.5px;color:#c8c8d4;margin:0 0 24px;max-width:600px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:620px}
.hero-stats div{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.hero-stats b{display:block;color:var(--yellow);font-size:19px;line-height:1.2}
.hero-stats span{font-size:12.5px;color:var(--muted)}
/* Cadre commun à toutes les bannières : ratio fixe, bords nets */
.banner{
position:relative;margin:0;
border-radius:var(--radius-lg);
border:1px solid #2b2b34;
overflow:hidden;
background:#0d0d11;
box-shadow:var(--shadow);
isolation:isolate;
}
.banner img{
display:block;width:100%;height:auto;
aspect-ratio:16/9;object-fit:cover;object-position:center;
}
.banner::after{ /* liseré interne pour un rendu net sur fond sombre */
content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
box-shadow:inset 0 0 0 1px rgba(250,255,0,.14);
}
.hero-visual{position:relative}
.hero-visual .glow{
position:absolute;inset:-16px;border-radius:32px;z-index:-1;
background:conic-gradient(from 0deg,rgba(250,255,0,.32),transparent 30%,rgba(250,255,0,.32) 60%,transparent 85%);
filter:blur(28px);animation:spin 16s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
.hero-visual .glow{animation:none}
.marquee-track{animation:none}
}
/* ---------- Bandeau défilant ---------- */
.marquee{background:var(--yellow);color:#0d0d10;overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-flex;gap:44px;padding:11px 0;animation:slide 32s linear infinite;font-weight:800;font-size:13.5px;letter-spacing:1px;text-transform:uppercase}
.marquee-track span{display:inline-flex;align-items:center;gap:10px}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* ---------- Sections ---------- */
.section{padding:62px 0;border-bottom:1px solid rgba(38,38,47,.65)}
.section:nth-child(even){background:linear-gradient(180deg,#0d0d11,#0b0b0d)}
.section-head{max-width:860px;margin-bottom:26px}
.section-num{
display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.6px;color:var(--yellow);
text-transform:uppercase;margin-bottom:10px;
}
h2{font-size:clamp(23px,2.6vw,32px);line-height:1.22;color:#fff;margin:0 0 14px;font-weight:800;letter-spacing:-.4px}
h3{font-size:19px;color:#fff;margin:26px 0 10px;font-weight:700}
p{margin:0 0 15px}
.section p{color:#c3c3d0}
/* Listes */
ul.check,ul.dots{list-style:none;padding:0;margin:0 0 18px}
ul.check li{position:relative;padding-left:30px;margin-bottom:9px;color:#c9c9d6}
ul.check li::before{
content:"";position:absolute;left:0;top:9px;width:16px;height:16px;border-radius:5px;
background:var(--yellow);
-webkit-mask:url("data:image/svg+xml;utf8,") center/13px no-repeat;
mask:url("data:image/svg+xml;utf8,") center/13px no-repeat;
}
ul.dots li{position:relative;padding-left:22px;margin-bottom:8px;color:#c9c9d6}
ul.dots li::before{content:"";position:absolute;left:4px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--yellow);transform:rotate(45deg)}
ol.steps{counter-reset:s;list-style:none;padding:0;margin:0 0 18px}
ol.steps li{counter-increment:s;position:relative;padding-left:44px;margin-bottom:14px;color:#c9c9d6}
ol.steps li::before{
content:counter(s);position:absolute;left:0;top:1px;width:29px;height:29px;border-radius:9px;
background:rgba(250,255,0,.1);border:1px solid rgba(250,255,0,.35);color:var(--yellow);
font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;
}
/* Tableaux */
.table-wrap{
overflow-x:auto;margin:22px 0 6px;border:1px solid var(--line);border-radius:var(--radius);
background:var(--bg-2);
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;scrollbar-color:var(--yellow-2) transparent;
/* ombre latérale indiquant qu'il reste du contenu à droite */
background-image:
linear-gradient(to right,var(--bg-2) 30%,rgba(18,18,22,0)),
linear-gradient(to left,var(--bg-2) 30%,rgba(18,18,22,0)),
linear-gradient(to right,rgba(0,0,0,.55),rgba(0,0,0,0)),
linear-gradient(to left,rgba(0,0,0,.55),rgba(0,0,0,0));
background-position:0 0,100% 0,0 0,100% 0;
background-repeat:no-repeat;
background-size:36px 100%,36px 100%,14px 100%,14px 100%;
background-attachment:local,local,scroll,scroll;
}
.table-wrap::-webkit-scrollbar{height:7px}
.table-wrap::-webkit-scrollbar-thumb{background:var(--yellow-2);border-radius:6px}
.table-wrap::-webkit-scrollbar-track{background:transparent}
table{width:100%;border-collapse:collapse;min-width:560px;font-size:15px}
caption{
caption-side:top;text-align:left;padding:14px 18px 12px;font-weight:700;color:#fff;font-size:15px;
border-bottom:1px solid var(--line);background:#131318;
}
th,td{padding:13px 18px;text-align:left;border-bottom:1px solid rgba(38,38,47,.8);vertical-align:top}
thead th{background:#15151b;color:var(--yellow);font-size:13px;text-transform:uppercase;letter-spacing:.7px}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:rgba(250,255,0,.035)}
td strong{color:#fff}
/* Cartes */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:22px 0}
.card{
background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px;
transition:transform .25s ease,border-color .25s ease;
}
.card:hover{transform:translateY(-4px);border-color:rgba(250,255,0,.4)}
.card h4{margin:0 0 8px;color:#fff;font-size:16.5px}
.card p{margin:0;font-size:14.5px;color:var(--muted)}
.card .ic{font-size:22px;color:var(--yellow);margin-bottom:10px}
/* Encadré promo */
.promo-box{
display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;
background:linear-gradient(120deg,#141419,#0e0e12);
border:1px solid rgba(250,255,0,.28);border-radius:var(--radius-lg);padding:28px;margin:26px 0;
}
.promo-box .banner{border-radius:var(--radius)}
.promo-box h3{margin-top:0}
.code-pill{
display:inline-flex;align-items:center;gap:10px;border:1px dashed var(--yellow);color:var(--yellow);
padding:9px 18px;border-radius:10px;font-weight:800;letter-spacing:2px;background:rgba(250,255,0,.06);
}
/* Pour / contre */
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.pc{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.pc h4{margin:0 0 12px;font-size:16px;color:#fff}
.pc.pros{border-left:3px solid var(--green)}
.pc.cons{border-left:3px solid var(--red)}
.pc ul{list-style:none;padding:0;margin:0}
.pc li{padding-left:24px;position:relative;margin-bottom:8px;font-size:14.8px;color:#c5c5d2}
.pc.pros li::before{content:"+";position:absolute;left:0;color:var(--green);font-weight:900}
.pc.cons li::before{content:"–";position:absolute;left:0;color:var(--red);font-weight:900}
/* Note / rating */
.rating-row{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}
.rating-row div{flex:1 1 160px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.rating-row b{color:var(--yellow);font-size:22px;display:block}
.rating-row span{font-size:13px;color:var(--muted)}
/* FAQ */
.faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:var(--bg-2);overflow:hidden}
.faq-q{
width:100%;text-align:left;background:none;border:0;color:#fff;font-size:16px;font-weight:700;
padding:17px 52px 17px 20px;cursor:pointer;position:relative;font-family:inherit;
}
.faq-q::after{
content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
color:var(--yellow);font-size:22px;font-weight:400;transition:.25s;
}
.faq-item.open .faq-q::after{content:"–"}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 20px}
.faq-item.open .faq-a{max-height:520px;padding-bottom:16px}
.faq-a p{margin:0;color:#bdbdc9;font-size:15px}
/* Note d'auteur */
.author-box{
display:flex;gap:16px;align-items:flex-start;background:var(--bg-2);border:1px solid var(--line);
border-radius:var(--radius);padding:20px;margin-top:26px;
}
.author-box .av{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#faff00,#8f9300);flex-shrink:0}
.author-box p{margin:0;font-size:14.5px;color:var(--muted)}
.author-box b{color:#fff;display:block;font-size:15px}
/* CTA final */
.cta-final{
text-align:center;padding:56px 24px;background:linear-gradient(140deg,#16161c,#0c0c10);
border:1px solid rgba(250,255,0,.25);border-radius:var(--radius-lg);margin:44px 0;
}
.cta-final h2{margin-bottom:10px}
.cta-final p{max-width:620px;margin:0 auto 22px}
/* ---------- Fil d'Ariane et pages internes ---------- */
.breadcrumb{padding:18px 0 0;font-size:13.5px;color:var(--muted)}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.breadcrumb li{display:flex;align-items:center;gap:8px}
.breadcrumb li+li::before{content:"/";color:#4a4a58}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--yellow)}
.breadcrumb [aria-current]{color:#dcdce6}
.page-head{padding:26px 0 8px;border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(26px,3.4vw,38px);margin:12px 0 12px}
.page-head p{color:#c3c3d0;max-width:800px;margin:0 0 26px;font-size:17px}
.doc{padding:44px 0 10px}
.doc .container{max-width:940px}
.doc h2{margin-top:38px}
.doc h2:first-of-type{margin-top:0}
.doc h3{margin-top:26px}
.note{
border-left:3px solid var(--yellow);background:rgba(250,255,0,.05);
border-radius:0 12px 12px 0;padding:16px 20px;margin:22px 0;
}
.note p:last-child{margin-bottom:0}
.contact-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:24px 0}
.contact-list a{display:block;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:18px;color:var(--txt)}
.contact-list a:hover{border-color:rgba(250,255,0,.45);color:var(--txt)}
.contact-list b{display:block;color:#fff;margin-bottom:4px}
.contact-list span{font-size:14px;color:var(--muted)}
.contact-list i{color:var(--yellow);margin-right:8px}
.related{margin:40px 0 0;padding:24px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius)}
.related h2{font-size:19px;margin:0 0 14px}
.related ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.related li a{display:block;padding:11px 14px;border:1px solid var(--line);border-radius:10px;color:#d5d5e0;font-size:14.5px}
.related li a:hover{border-color:rgba(250,255,0,.45);color:var(--yellow)}
/* Formulaire */
.doc-form{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:24px 0}
.doc-form .field{margin-bottom:16px}
.doc-form label{display:block;font-size:14px;font-weight:600;color:#dcdce6;margin-bottom:7px}
.doc-form input,.doc-form select,.doc-form textarea{
width:100%;background:#101015;border:1px solid var(--line);border-radius:10px;
color:var(--txt);padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s;
}
.doc-form input:focus,.doc-form select:focus,.doc-form textarea:focus{outline:none;border-color:rgba(250,255,0,.55)}
.doc-form textarea{resize:vertical;min-height:130px}
.form-status{margin:14px 0 0;font-size:14.5px;min-height:20px}
.form-status.is-error{color:var(--red)}
.form-status.is-ok{color:var(--green)}
/* ---------- Pied de page ---------- */
.site-footer{background:#08080a;border-top:1px solid var(--line);padding:48px 0 26px;font-size:14.5px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.footer-grid h5{color:#fff;font-size:15px;margin:0 0 14px;text-transform:uppercase;letter-spacing:.8px}
.footer-grid ul{list-style:none;padding:0;margin:0}
.footer-grid li{margin-bottom:9px}
.footer-grid a{color:var(--muted)}
.footer-grid a:hover{color:var(--yellow)}
.footer-grid p{color:var(--muted);font-size:14px}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.badges span{border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:12px;color:var(--muted)}
.age{
display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;
border:2px solid var(--red);color:var(--red);font-weight:900;font-size:13px;
}
.footer-bottom{
border-top:1px solid var(--line);margin-top:34px;padding-top:20px;color:#70707e;font-size:13px;
display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
/* Sommaire */
.toc{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin:0 0 8px}
.toc h2{font-size:19px;margin-bottom:14px}
.toc ol{columns:2;column-gap:34px;margin:0;padding-left:20px;color:var(--muted);font-size:14.8px}
.toc li{margin-bottom:7px;break-inside:avoid}
.toc a{color:#c9c9d6}
.toc a:hover{color:var(--yellow)}
/* Animation d'apparition */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
/* Bouton retour haut */
#to-top{
position:fixed;right:20px;bottom:22px;z-index:70;width:46px;height:46px;border-radius:12px;
background:var(--yellow);color:#111;border:0;font-size:19px;cursor:pointer;opacity:0;pointer-events:none;
transition:.25s;box-shadow:0 10px 26px rgba(250,255,0,.25);
}
#to-top.show{opacity:1;pointer-events:auto}
#to-top:hover{transform:translateY(-3px)}
/* Barre CTA mobile */
.sticky-cta{
display:none;position:fixed;left:0;right:0;bottom:0;z-index:75;
background:rgba(12,12,15,.97);border-top:1px solid var(--line);padding:10px 14px;
backdrop-filter:blur(10px);
}
/* ---------- Responsive ---------- */
@media(max-width:1080px){
.brand img{height:52px}
}
@media(max-width:900px){
.hero-grid{grid-template-columns:1fr;padding:38px 0 44px}
.promo-box{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}
.toc ol{columns:1}
}
@media(max-width:640px){
body{font-size:16px}
.header-inner{height:82px;gap:10px}
.brand img{height:44px}
.header-actions{gap:6px}
.hero-stats{grid-template-columns:1fr 1fr}
.pros-cons{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.section{padding:42px 0}
.sticky-cta{display:block}
body{padding-bottom:76px}
#to-top{bottom:80px}
.header-actions .btn{padding:10px 13px;font-size:13px;white-space:nowrap}
/* Tableaux : indication de défilement + colonnes plus compactes */
table{min-width:520px;font-size:14.5px}
th,td{padding:11px 13px}
caption{padding:12px 14px 10px;font-size:14.5px}
.table-wrap{position:relative}
.table-wrap::after{
content:"Faites glisser le tableau horizontalement";
display:block;padding:8px 14px 10px;font-size:12px;color:var(--muted);
border-top:1px solid rgba(38,38,47,.8);position:sticky;left:0;
}
/* Cibles tactiles : 44 px minimum */
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.toc ol a,.footer a,.hero-cta a{padding-block:2px}
.footer-col a{display:inline-block;padding:5px 0}
/* Typographie mobile */
h2{letter-spacing:-.2px}
h3{font-size:18px;margin:22px 0 9px}
.lead{font-size:16.5px}
}
/* Très petits écrans */
@media(max-width:380px){
.header-inner{height:76px}
.brand img{height:38px}
.header-actions .btn{padding:9px 10px;font-size:12px}
.hero-stats{gap:10px}
.container{padding-left:14px;padding-right:14px}
}
/* Écrans tactiles : neutraliser les effets de survol */
@media(hover:none){
.card:hover{transform:none}
tbody tr:hover{background:transparent}
}