:root{--grain:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'240'%20height%3D'240'%3E%3Cfilter%20id%3D'n'%20filterUnits%3D'userSpaceOnUse'%20x%3D'0'%20y%3D'0'%20width%3D'240'%20height%3D'240'%20color-interpolation-filters%3D'sRGB'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.62'%20numOctaves%3D'1'%20seed%3D'7'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'saturate'%20values%3D'0'%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D'linear'%20slope%3D'2.6'%20intercept%3D'-.8'%2F%3E%3CfeFuncG%20type%3D'linear'%20slope%3D'2.6'%20intercept%3D'-.8'%2F%3E%3CfeFuncB%20type%3D'linear'%20slope%3D'2.6'%20intercept%3D'-.8'%2F%3E%3CfeFuncA%20type%3D'linear'%20slope%3D'0'%20intercept%3D'.18'%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D'240'%20height%3D'240'%20filter%3D'url(%23n)'%2F%3E%3C%2Fsvg%3E");--grain-s:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'240'%20height%3D'240'%3E%3Cfilter%20id%3D'n'%20filterUnits%3D'userSpaceOnUse'%20x%3D'0'%20y%3D'0'%20width%3D'240'%20height%3D'240'%20color-interpolation-filters%3D'sRGB'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.62'%20numOctaves%3D'1'%20seed%3D'7'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'saturate'%20values%3D'0'%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D'linear'%20slope%3D'2.6'%20intercept%3D'-.8'%2F%3E%3CfeFuncG%20type%3D'linear'%20slope%3D'2.6'%20intercept%3D'-.8'%2F%3E%3CfeFuncB%20type%3D'linear'%20slope%3D'2.6'%20intercept%3D'-.8'%2F%3E%3CfeFuncA%20type%3D'linear'%20slope%3D'0'%20intercept%3D'.085'%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D'240'%20height%3D'240'%20filter%3D'url(%23n)'%2F%3E%3C%2Fsvg%3E");--plus:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'13'%20height%3D'13'%3E%3Cpath%20d%3D'M6.5%200v13M0%206.5h13'%20stroke%3D'rgba(11%2C11%2C15%2C.28)'%20stroke-width%3D'1'%2F%3E%3C%2Fsvg%3E");--m-wave:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%2064'%20preserveAspectRatio%3D'none'%3E%3Cfilter%20id%3D'b'%20x%3D'-60%25'%20y%3D'-60%25'%20width%3D'220%25'%20height%3D'220%25'%20color-interpolation-filters%3D'sRGB'%3E%3CfeGaussianBlur%20stdDeviation%3D'7'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100'%20height%3D'64'%20fill%3D'%232463FF'%2F%3E%3Cg%20filter%3D'url(%23b)'%3E%3Cellipse%20cx%3D'8'%20cy%3D'14'%20rx%3D'26'%20ry%3D'22'%20fill%3D'%234C9BFF'%2F%3E%3Cellipse%20cx%3D'18'%20cy%3D'48'%20rx%3D'32'%20ry%3D'22'%20fill%3D'%235AB0FF'%2F%3E%3Cellipse%20cx%3D'2'%20cy%3D'68'%20rx%3D'26'%20ry%3D'18'%20fill%3D'%23C4FBFF'%2F%3E%3Cellipse%20cx%3D'88'%20cy%3D'0'%20rx%3D'34'%20ry%3D'20'%20fill%3D'%236BA8FF'%2F%3E%3Cellipse%20cx%3D'60'%20cy%3D'-2'%20rx%3D'16'%20ry%3D'9'%20fill%3D'%233D7DFF'%2F%3E%3Cpath%20d%3D'M42%20-10%20C%2048%2018%2C%2060%2034%2C%20108%2054'%20stroke%3D'%231240D8'%20stroke-width%3D'9'%20fill%3D'none'%20stroke-linecap%3D'round'%20opacity%3D'.85'%2F%3E%3Cellipse%20cx%3D'94'%20cy%3D'66'%20rx%3D'22'%20ry%3D'12'%20fill%3D'%233F86FF'%2F%3E%3Cellipse%20cx%3D'70'%20cy%3D'70'%20rx%3D'20'%20ry%3D'9'%20fill%3D'%23FF6A2B'%20opacity%3D'.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--m-sky:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%2064'%20preserveAspectRatio%3D'none'%3E%3Cfilter%20id%3D'b'%20x%3D'-60%25'%20y%3D'-60%25'%20width%3D'220%25'%20height%3D'220%25'%20color-interpolation-filters%3D'sRGB'%3E%3CfeGaussianBlur%20stdDeviation%3D'8'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100'%20height%3D'64'%20fill%3D'%233B82FF'%2F%3E%3Cg%20filter%3D'url(%23b)'%3E%3Cellipse%20cx%3D'6'%20cy%3D'64'%20rx%3D'34'%20ry%3D'22'%20fill%3D'%23C4FBFF'%2F%3E%3Cellipse%20cx%3D'30'%20cy%3D'40'%20rx%3D'22'%20ry%3D'14'%20fill%3D'%237CCBFF'%2F%3E%3Cellipse%20cx%3D'90'%20cy%3D'4'%20rx%3D'30'%20ry%3D'16'%20fill%3D'%232463FF'%2F%3E%3Cpath%20d%3D'M50%20-10%20C%2056%2016%2C%2070%2032%2C%20112%2046'%20stroke%3D'%231C55F0'%20stroke-width%3D'10'%20fill%3D'none'%20stroke-linecap%3D'round'%20opacity%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--m-ice:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%2064'%20preserveAspectRatio%3D'none'%3E%3Cfilter%20id%3D'b'%20x%3D'-60%25'%20y%3D'-60%25'%20width%3D'220%25'%20height%3D'220%25'%20color-interpolation-filters%3D'sRGB'%3E%3CfeGaussianBlur%20stdDeviation%3D'8'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100'%20height%3D'64'%20fill%3D'%23DCE8FF'%2F%3E%3Cg%20filter%3D'url(%23b)'%3E%3Cellipse%20cx%3D'8'%20cy%3D'6'%20rx%3D'34'%20ry%3D'22'%20fill%3D'%23FFFFFF'%2F%3E%3Cellipse%20cx%3D'4'%20cy%3D'66'%20rx%3D'26'%20ry%3D'16'%20fill%3D'%23E6FDFF'%2F%3E%3Cellipse%20cx%3D'92'%20cy%3D'6'%20rx%3D'26'%20ry%3D'16'%20fill%3D'%23B7CEFF'%2F%3E%3Cpath%20d%3D'M40%20-10%20C%2048%2020%2C%2062%2038%2C%20108%2058'%20stroke%3D'%239DBDFF'%20stroke-width%3D'12'%20fill%3D'none'%20stroke-linecap%3D'round'%20opacity%3D'.7'%2F%3E%3Cellipse%20cx%3D'92'%20cy%3D'66'%20rx%3D'22'%20ry%3D'10'%20fill%3D'%23F2F6FF'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--m-night:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%2064'%20preserveAspectRatio%3D'none'%3E%3Cfilter%20id%3D'b'%20x%3D'-60%25'%20y%3D'-60%25'%20width%3D'220%25'%20height%3D'220%25'%20color-interpolation-filters%3D'sRGB'%3E%3CfeGaussianBlur%20stdDeviation%3D'9'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100'%20height%3D'64'%20fill%3D'%2307080F'%2F%3E%3Cg%20filter%3D'url(%23b)'%3E%3Cellipse%20cx%3D'92'%20cy%3D'-2'%20rx%3D'40'%20ry%3D'22'%20fill%3D'%232463FF'%20opacity%3D'.95'%2F%3E%3Cellipse%20cx%3D'70'%20cy%3D'10'%20rx%3D'20'%20ry%3D'10'%20fill%3D'%235AB0FF'%20opacity%3D'.5'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'68'%20rx%3D'22'%20ry%3D'12'%20fill%3D'%233B82FF'%20opacity%3D'.55'%2F%3E%3Cpath%20d%3D'M30%20-10%20C%2040%2022%2C%2060%2040%2C%20110%2060'%20stroke%3D'%23020310'%20stroke-width%3D'18'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3Cellipse%20cx%3D'20'%20cy%3D'66'%20rx%3D'26'%20ry%3D'12'%20fill%3D'%23FF6A2B'%20opacity%3D'.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--m-coal:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%2064'%20preserveAspectRatio%3D'none'%3E%3Cfilter%20id%3D'b'%20x%3D'-60%25'%20y%3D'-60%25'%20width%3D'220%25'%20height%3D'220%25'%20color-interpolation-filters%3D'sRGB'%3E%3CfeGaussianBlur%20stdDeviation%3D'2.6'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100'%20height%3D'64'%20fill%3D'%2308080A'%2F%3E%3Cg%20filter%3D'url(%23b)'%3E%3Cpath%20d%3D'M-14%2012%20C%2014%200%2C%2034%2022%2C%2056%209%20S%2092%20-4%2C%20116%208'%20stroke%3D'%23222225'%20stroke-width%3D'3.6'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M-14%2030%20C%2018%2016%2C%2036%2042%2C%2060%2027%20S%2094%2013%2C%20116%2026'%20stroke%3D'%231B1B1E'%20stroke-width%3D'4.4'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M-14%2047%20C%2012%2035%2C%2034%2058%2C%2058%2044%20S%2092%2030%2C%20116%2043'%20stroke%3D'%23242427'%20stroke-width%3D'3.4'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3Cpath%20d%3D'M-14%2063%20C%2016%2050%2C%2038%2074%2C%2062%2059%20S%2094%2046%2C%20116%2058'%20stroke%3D'%2319191C'%20stroke-width%3D'4'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--m-tab:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%2064'%20preserveAspectRatio%3D'none'%3E%3Cfilter%20id%3D'b'%20x%3D'-60%25'%20y%3D'-60%25'%20width%3D'220%25'%20height%3D'220%25'%20color-interpolation-filters%3D'sRGB'%3E%3CfeGaussianBlur%20stdDeviation%3D'8'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100'%20height%3D'64'%20fill%3D'%231F55F5'%2F%3E%3Cg%20filter%3D'url(%23b)'%3E%3Cellipse%20cx%3D'12'%20cy%3D'8'%20rx%3D'34'%20ry%3D'20'%20fill%3D'%234C9BFF'%2F%3E%3Cellipse%20cx%3D'92'%20cy%3D'4'%20rx%3D'30'%20ry%3D'18'%20fill%3D'%235AA8FF'%20opacity%3D'.8'%2F%3E%3Cpath%20d%3D'M40%20-10%20C%2050%2018%2C%2062%2034%2C%20108%2054'%20stroke%3D'%231240D8'%20stroke-width%3D'10'%20fill%3D'none'%20stroke-linecap%3D'round'%20opacity%3D'.8'%2F%3E%3Cellipse%20cx%3D'70'%20cy%3D'70'%20rx%3D'26'%20ry%3D'10'%20fill%3D'%232463FF'%2F%3E%3Cellipse%20cx%3D'10'%20cy%3D'66'%20rx%3D'26'%20ry%3D'12'%20fill%3D'%232E6BFF'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--m-peach:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%2064'%20preserveAspectRatio%3D'none'%3E%3Cfilter%20id%3D'b'%20x%3D'-60%25'%20y%3D'-60%25'%20width%3D'220%25'%20height%3D'220%25'%20color-interpolation-filters%3D'sRGB'%3E%3CfeGaussianBlur%20stdDeviation%3D'8'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100'%20height%3D'64'%20fill%3D'%23FFE9DD'%2F%3E%3Cg%20filter%3D'url(%23b)'%3E%3Cellipse%20cx%3D'8'%20cy%3D'6'%20rx%3D'34'%20ry%3D'22'%20fill%3D'%23FFFFFF'%2F%3E%3Cellipse%20cx%3D'4'%20cy%3D'66'%20rx%3D'26'%20ry%3D'16'%20fill%3D'%23FFF6EE'%2F%3E%3Cellipse%20cx%3D'92'%20cy%3D'6'%20rx%3D'28'%20ry%3D'16'%20fill%3D'%23FFC9AE'%2F%3E%3Cpath%20d%3D'M40%20-10%20C%2048%2020%2C%2062%2038%2C%20108%2058'%20stroke%3D'%23FFB993'%20stroke-width%3D'12'%20fill%3D'none'%20stroke-linecap%3D'round'%20opacity%3D'.6'%2F%3E%3Cellipse%20cx%3D'92'%20cy%3D'66'%20rx%3D'22'%20ry%3D'10'%20fill%3D'%23FFF1E8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--m-sun:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%2064'%20preserveAspectRatio%3D'none'%3E%3Cfilter%20id%3D'b'%20x%3D'-60%25'%20y%3D'-60%25'%20width%3D'220%25'%20height%3D'220%25'%20color-interpolation-filters%3D'sRGB'%3E%3CfeGaussianBlur%20stdDeviation%3D'7'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100'%20height%3D'64'%20fill%3D'%23FF6A2B'%2F%3E%3Cg%20filter%3D'url(%23b)'%3E%3Cellipse%20cx%3D'8'%20cy%3D'10'%20rx%3D'32'%20ry%3D'22'%20fill%3D'%23FF8A33'%2F%3E%3Cellipse%20cx%3D'2'%20cy%3D'66'%20rx%3D'26'%20ry%3D'16'%20fill%3D'%23FFA23D'%2F%3E%3Cellipse%20cx%3D'58'%20cy%3D'-6'%20rx%3D'24'%20ry%3D'13'%20fill%3D'%23FF7C2E'%2F%3E%3Cellipse%20cx%3D'96'%20cy%3D'8'%20rx%3D'28'%20ry%3D'17'%20fill%3D'%23FB4F17'%2F%3E%3Cpath%20d%3D'M42%20-10%20C%2048%2018%2C%2060%2034%2C%20108%2054'%20stroke%3D'%23FF5A1A'%20stroke-width%3D'9'%20fill%3D'none'%20stroke-linecap%3D'round'%20opacity%3D'.75'%2F%3E%3Cellipse%20cx%3D'94'%20cy%3D'66'%20rx%3D'22'%20ry%3D'12'%20fill%3D'%23FF8A33'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--m-flow:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%2064'%20preserveAspectRatio%3D'none'%3E%3Cfilter%20id%3D'b'%20x%3D'-60%25'%20y%3D'-60%25'%20width%3D'220%25'%20height%3D'220%25'%20color-interpolation-filters%3D'sRGB'%3E%3CfeGaussianBlur%20stdDeviation%3D'9'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100'%20height%3D'64'%20fill%3D'%2305060C'%2F%3E%3Cg%20filter%3D'url(%23b)'%3E%3Cellipse%20cx%3D'50'%20cy%3D'-6'%20rx%3D'30'%20ry%3D'18'%20fill%3D'%232463FF'%20opacity%3D'.95'%2F%3E%3Cellipse%20cx%3D'50'%20cy%3D'14'%20rx%3D'17'%20ry%3D'26'%20fill%3D'%234C9BFF'%20opacity%3D'.8'%2F%3E%3Cellipse%20cx%3D'50'%20cy%3D'30'%20rx%3D'9'%20ry%3D'22'%20fill%3D'%23C4FBFF'%20opacity%3D'.55'%2F%3E%3Cellipse%20cx%3D'50'%20cy%3D'52'%20rx%3D'22'%20ry%3D'14'%20fill%3D'%232463FF'%20opacity%3D'.4'%2F%3E%3Cellipse%20cx%3D'16'%20cy%3D'52'%20rx%3D'26'%20ry%3D'14'%20fill%3D'%23FF6A2B'%20opacity%3D'.95'%2F%3E%3Cellipse%20cx%3D'86'%20cy%3D'58'%20rx%3D'24'%20ry%3D'13'%20fill%3D'%23FF8A33'%20opacity%3D'.8'%2F%3E%3Cellipse%20cx%3D'50'%20cy%3D'64'%20rx%3D'34'%20ry%3D'12'%20fill%3D'%23FB4F17'%20opacity%3D'.6'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'4'%20rx%3D'18'%20ry%3D'12'%20fill%3D'%2305060C'%2F%3E%3Cellipse%20cx%3D'100'%20cy%3D'6'%20rx%3D'18'%20ry%3D'12'%20fill%3D'%2305060C'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--m-red:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%2064'%20preserveAspectRatio%3D'none'%3E%3Cfilter%20id%3D'b'%20x%3D'-60%25'%20y%3D'-60%25'%20width%3D'220%25'%20height%3D'220%25'%20color-interpolation-filters%3D'sRGB'%3E%3CfeGaussianBlur%20stdDeviation%3D'7'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100'%20height%3D'64'%20fill%3D'%23E5484D'%2F%3E%3Cg%20filter%3D'url(%23b)'%3E%3Cellipse%20cx%3D'8'%20cy%3D'12'%20rx%3D'28'%20ry%3D'22'%20fill%3D'%23FF7B6E'%2F%3E%3Cellipse%20cx%3D'4'%20cy%3D'66'%20rx%3D'26'%20ry%3D'16'%20fill%3D'%23FFC2B8'%2F%3E%3Cellipse%20cx%3D'90'%20cy%3D'4'%20rx%3D'30'%20ry%3D'16'%20fill%3D'%23F2626A'%2F%3E%3Cpath%20d%3D'M42%20-10%20C%2048%2018%2C%2060%2034%2C%20108%2054'%20stroke%3D'%23B8222F'%20stroke-width%3D'9'%20fill%3D'none'%20stroke-linecap%3D'round'%20opacity%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

/* Layout : softriver × dafolle — papier, encre, rails verticaux et séparateurs « + » qui
   structurent la page ; titres Bricolage, texte Inter ; couleur = mesh bleu clair + grain. */
:root{--sun:#FF6A2B;
  --paper:#F7F7F5;
  --paper-2:#FFFFFF;
  --ink:#0B0B0F;
  --ink-2:#4F4F58;
  --ink-3:#8A8A93;
  --line:rgba(11,11,15,.08);
  --line-2:rgba(11,11,15,.14);
  --blue:#2463FF;
  --blue-ink:#0B3FE6;
  --cyan:#B4F8FF;
  --red:#E5484D;
  --star:#FFB800;
  --on-mesh-2:rgba(255,255,255,.84);
  --f-head:"Inter",-apple-system,sans-serif;
  --f:"Inter","Inter fallback",-apple-system,"Segoe UI",Roboto,sans-serif;
  --r-xl:28px; --r-l:20px;
  --ease:cubic-bezier(.23,1,.32,1);
  --shadow:0 1px 2px rgba(11,11,15,.04),0 20px 44px -24px rgba(11,11,15,.3);
  --lift:0 30px 60px -30px rgba(0,30,140,.55);
  --sec:clamp(96px,11vw,150px);
  --cw:1400px;
  /* rails : --pad = air entre le rail et le contenu ; --rx = position du rail ; --cl = bord du contenu */
  --pad:clamp(20px,3.6vw,56px);
  --rx:max(12px,calc((100vw - var(--cw))/2 - var(--pad)));
  --cl:calc(var(--rx) + var(--pad));
  color-scheme:light;
}
@media (max-width:640px){:root{--rx:0px;--pad:max(16px,env(safe-area-inset-left,0px))}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-weight:400;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%}
h1,h2,h3,.big-t{margin:0;font-family:var(--f-head);font-weight:500;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
.wrap{padding-left:var(--cl);padding-right:var(--cl)}
.tnum{font-variant-numeric:tabular-nums}
.lbl{font-size:12.5px;font-weight:600;color:var(--ink-2);letter-spacing:-.005em}
.g{color:var(--ink-3)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}

/* cadre de page : rails verticaux + séparateurs « + » */
.rails{position:fixed;inset:0;pointer-events:none;z-index:-1}
.rails::before,.rails::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--line)}
.rails::before{left:var(--rx)}
.rails::after{right:var(--rx)}
@media (max-width:640px){.rails,section.s::after{display:none}}
section.s{position:relative;padding-top:var(--sec)}
section.s::before{content:"";position:absolute;top:calc(var(--sec)/2);left:var(--rx);right:var(--rx);height:1px;background:var(--line)}
section.s::after{content:"";position:absolute;top:calc(var(--sec)/2 - 6px);left:calc(var(--rx) - 6px);right:calc(var(--rx) - 6px);height:13px;background-image:var(--plus),var(--plus);background-position:left center,right center;background-repeat:no-repeat;background-size:13px 13px}

/* mesh + grain */
.mesh{position:relative;isolation:isolate;overflow:hidden;background-color:var(--blue);background-size:240px 240px,100% 100%;background-repeat:repeat,no-repeat;color:#fff}
.m-wave{background-image:var(--grain),var(--m-wave)}
.m-sky{background-color:#3B82FF;background-image:var(--grain),var(--m-sky)}
.m-ice{background-color:#DCE8FF;background-image:var(--grain),var(--m-ice);color:var(--ink)}
.m-night{background-color:#07080F;background-image:var(--grain),var(--m-night)}
.m-red{background-color:#E5484D;background-image:var(--grain),var(--m-red)}
.hl{background-image:var(--grain),linear-gradient(100deg,#0B3FE6 0%,#2463FF 30%,#4FB3FF 58%,#2463FF 82%,#0B3FE6 100%);background-size:240px 240px,100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}

/* animations des 3 visuels « Comment ça se passe » */
.hui-chips span{transition:opacity .35s var(--ease),transform .35s var(--ease)}
.how.anim .hui-chips span:not(.pop){opacity:0;transform:translateY(6px) scale(.96)}
.hui-steps li,.hui-steps li i{transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s}
.hui-steps li.run i{animation:hpulse 1.1s ease-in-out infinite}
@keyframes hpulse{50%{box-shadow:inset 0 0 0 4px #fff,0 0 0 5px rgba(255,106,43,.22)}}
.hui-slots span{transition:background-color .3s,color .3s,transform .3s var(--ease)}
.how.anim .hui-slots span.hov{background:#FFF1EA;color:#C2410C;transform:translateY(-2px)}
.how.anim .hui-slots span.on{background-color:var(--sun);background-image:var(--grain),var(--m-sun);background-size:240px 240px,100% 100%;color:#fff;transform:scale(1.04)}
.hui-conf{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:500;color:var(--ink);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.hui-conf i{flex:none;width:18px;height:18px;border-radius:50%;background:var(--sun) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.how.anim .hui-conf:not(.show){opacity:0;transform:translateY(6px)}
/* hero : aperçu Growth Scan en HTML animé */
.hd-shot .hd-fr{position:relative;width:160%;border-radius:18px 0 0 18px;overflow:hidden;box-shadow:0 2px 6px rgba(16,40,120,.06),0 30px 70px -18px rgba(16,40,120,.22),0 0 0 1px rgba(11,11,15,.06);background:#F7F7F5}
.hd-shot .hd-fr img{width:100%!important;max-width:none;box-shadow:none!important;border-radius:0!important}
.hd-if{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform-origin:0 0;opacity:0;transition:opacity .5s;pointer-events:none;background:#F7F7F5}
.hd-if.on{opacity:1}
@media (max-width:960px){.hd-shot .hd-fr{width:150%}}
@media (max-width:560px){.hd-shot .hd-fr{width:165%}}
/* visuels animés (tabs, slider, duo) */
@keyframes avFu{from{opacity:0;transform:translateY(10px)}}
@keyframes avFl{from{opacity:0;transform:translateX(-14px)}}
@keyframes avGx{from{transform:scaleX(0)}}
@keyframes avGy{from{transform:scaleY(0)}}
@keyframes avPop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}}
@keyframes avWipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes avPulse{50%{transform:scale(1.06)}}
.av:not(.run) *{animation-play-state:paused!important}
.av.go .pv-q,.av.go .pv-r,.av.go .pv-gr,.av.go .ui-q,.av.go .pv-ad,.av.go .pv-ck li,.av.go .ui-t tbody tr,.av.go .ui-leg span,.av.go .ui-st .r,.av.go .ui-rg .r,.av.go .ui-hb .r,.av.go .ui-kpis>div,.av.go .pv-f,.av.go .ui-kpi,.av.go .ui-f,.av.go .ui-who,.ui-duo.av.go>.ui{animation:avFu .55s var(--ease) both;animation-delay:calc(var(--i,0)*110ms + var(--d,0ms))}
.av.go .pv-r{--d:650ms}.av.go .pv-f{--d:1500ms}.av.go .pv-ad{--d:300ms}.av.go .pv-ad.me{--d:900ms}.av.go .pv-ck li{--d:700ms}
.av.go .ui-leg span{--d:1300ms}.av.go .ui-kpi{--d:1700ms}.av.go .ui-f{--d:1400ms}.av.go .ui-hb .r{--d:900ms}
.av.go .pv-r u,.av.go .pv-gr u,.av.go .ui-st u,.av.go .ui-rg u,.av.go .ui-hb u{transform-origin:left;animation:avGx .9s var(--ease) both;animation-delay:calc(var(--i,0)*110ms + var(--d,0ms) + 200ms)}
.av.go .pv-r u{--d:650ms}.av.go .ui-st u.m{--d:350ms}.av.go .ui-hb u{--d:900ms}
.av.go .ui-ages i{transform-origin:bottom;animation:avGy .8s var(--ease) both;animation-delay:calc(var(--i,0)*90ms + 400ms)}
.av.go .pv-arrow{animation:avPop .5s var(--ease) both .45s}
.av.go .pv-badge{animation:avPop .6s var(--ease) both 1.45s}
.av.go .pv-gr em,.av.go .ui-chips span,.av.go .ui-t s,.av.go .ui-tags span{animation:avPop .45s var(--ease) both;animation-delay:calc(var(--i,0)*90ms + var(--d,300ms))}
.av.go .pv-gr em{--d:900ms}.av.go .ui-chips span{--d:700ms}.av.go .ui-tags span{--d:2300ms}
.av.go .pv-adc{animation:avFl .6s var(--ease) both}
.av.go .pv-page{animation:avFu .6s var(--ease) both .35s}
.av.go .pv-score{animation:avPop .6s var(--ease) both 1.4s}
.av.go .ui-line{animation:avWipe 1.6s cubic-bezier(.45,.05,.3,1) both .2s}
.av.go .ui-link{animation:avPop .5s var(--ease) both 1.6s}
.ui-duo.av.go>.ui+.ui-link+.ui{--d:1900ms}
.ui-duo.av.go>.ui:first-child .ui-ad{animation:avFu .5s var(--ease) both 1s}
.ui-duo.av.go>.ui:first-child .ui-who{--d:1.25s}.ui-duo.av.go>.ui:last-child .ui-who{--d:2.6s}
.av.go .ui-big .ui-n{animation:avPulse .5s var(--ease) 1.2s}
/* ===== formulaire Growth Scan plein écran (après le nom de domaine) ===== */
.gs{position:fixed;inset:0;z-index:200;background:rgba(8,8,10,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .35s var(--ease)}
.gs.open{opacity:1}
.gs[hidden]{display:none}
.gs-in{width:min(1180px,100%);height:min(760px,100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:var(--paper);border-radius:28px;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,10,60,.6);transform:translateY(18px) scale(.985);transition:transform .45s var(--ease)}
.gs.open .gs-in{transform:none}
.gs-side{position:relative;color:#fff;padding:32px 34px;display:flex;flex-direction:column;gap:22px;overflow:hidden}
.gs-side .logo{color:#fff;font-size:19px}
.gs-kick{font-size:13px;font-weight:600;letter-spacing:.02em;opacity:.85;margin:auto 0 -8px}
.gs-tt{font-family:var(--f-head);font-size:clamp(32px,3.2vw,46px);font-weight:600;letter-spacing:-.045em;line-height:1.05;margin:18px 0 0;max-width:15ch}.gs-tt span{display:block;color:#C4FBFF}
.gs-by small{color:#fff}.gs-by small svg{color:#FFC94D;fill:#FFC94D}
.gs-by .stars{gap:1px;display:inline-flex}
.stars{gap:1px}
.gs-more{margin-top:12px;animation:gsIn .35s var(--ease) both}.gs-more[hidden]{display:none}
.gs-fl input:focus{border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(36,99,255,.12)!important;outline:none}
.gs-opts.two .gs-o small{white-space:normal}
@media (max-width:900px){.gs-tt{display:none}}
.gs-card{background:#fff;color:var(--ink);border-radius:22px;padding:20px;display:grid;gap:14px;box-shadow:0 40px 80px -40px rgba(0,20,110,.75)}
.gs-site{display:flex;align-items:center;gap:12px}
.gs-fav{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:600;font-size:18px;color:#fff;background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%;flex:none}
.gs-site b{display:block;font-size:17px;font-weight:600;letter-spacing:-.02em;word-break:break-all}
.gs-site small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:1px}
.gs-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:0}
.gs-chips:empty{display:none}
.gs-chips span{font-size:12px;font-weight:500;background:#F1F1EE;border-radius:999px;padding:5px 10px;color:var(--ink-2);animation:gsPop .4s var(--ease) both}
.gs-chips span.o{background:#FFF1EA;color:#C2410C}
.gs-list{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}
.gs-list li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-3);transition:color .3s}
.gs-list li i{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-2);transition:all .35s var(--ease)}
.gs-list li.on{color:var(--ink)}
.gs-list li.on i{border-color:transparent;background:var(--sun) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat;transform:scale(1.08)}
.gs-by{display:flex;align-items:center;gap:12px;font-size:14px}
.gs-by b{display:block;font-weight:600}
.gs-by small{display:flex;align-items:center;gap:6px;font-size:12.5px;opacity:.9;margin-top:2px}
.gs-by small svg{width:12px;height:12px}
.gs-by .hv-av img{border-color:rgba(255,255,255,.9)}
.gs-main{display:flex;flex-direction:column;min-height:0;background:var(--paper)}
.gs-top{display:flex;align-items:center;gap:14px;padding:22px 26px 0 34px}
.gs-prog{flex:1;height:6px;border-radius:3px;background:rgba(11,11,15,.08);overflow:hidden}
.gs-prog i{display:block;height:100%;width:0;border-radius:3px;background-color:var(--sun);background-image:var(--grain),var(--m-sun);background-size:240px 240px,100% 100%;transition:width .5s var(--ease)}
.gs-step{font-size:13px;font-weight:500;color:var(--ink-3);white-space:nowrap}
.gs-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink);flex:none}
.gs-x svg{width:16px;height:16px}
.gs-body{flex:1;overflow:auto;padding:34px 34px 20px;display:flex;flex-direction:column}
.gs-pane{margin:auto 0;width:100%;max-width:560px;animation:gsIn .45s var(--ease) both}
.gs-pane.back{animation-name:gsInB}
.gs-q{font-family:var(--f-head);font-size:clamp(26px,2.6vw,36px);font-weight:600;letter-spacing:-.04em;line-height:1.08;margin:0}
.gs-h{font-size:15px;color:var(--ink-2);margin:10px 0 0;line-height:1.5}
.gs-opts{display:grid;gap:10px;margin-top:24px}
.gs-opts.two{grid-template-columns:1fr 1fr}
.gs-o{position:relative;display:flex;align-items:center;gap:14px;text-align:left;width:100%;background:#fff;border:1.5px solid var(--line-2);border-radius:16px;padding:14px 16px;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s;animation:gsIn .45s var(--ease) both;animation-delay:calc(var(--i,0)*45ms + 80ms)}
.gs-o:hover{border-color:rgba(36,99,255,.45);box-shadow:0 8px 24px -14px rgba(16,40,120,.35)}
.gs-o:active{transform:scale(.985)}
.gs-o .ic{flex:none;width:40px;height:40px;border-radius:12px;background:#F1F1EE;display:grid;place-items:center;color:var(--ink-2);transition:background-color .2s,color .2s}
.gs-o .ic svg{width:20px;height:20px}
.gs-o b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}
.gs-o small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:1px}
.gs-o .rd{margin-left:auto;flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line-2);transition:all .25s var(--ease)}
.gs-o.multi .rd{border-radius:7px}
.gs-o.on{border-color:var(--sun);background:#FFF7F2;box-shadow:0 0 0 4px rgba(255,106,43,.12)}
.gs-o.on .ic{background:#FFE6D9;color:#C2410C}
.gs-o.on .rd{border-color:transparent;background:var(--sun) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.gs-f{display:grid;gap:12px;margin-top:24px}
.gs-f.two{grid-template-columns:1fr 1fr}
.gs-f.c3 .gs-fl:nth-child(3){grid-column:1/-1}
.gs-fl{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--ink-2)}
.gs-fl input{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid var(--line-2);border-radius:14px;padding:14px 16px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}
.gs-fl input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,99,255,.12)}
.gs-fl input.bad{border-color:#E5484D;box-shadow:0 0 0 4px rgba(229,72,77,.12)}
.gs-fl em{font-style:normal;font-weight:400;color:var(--ink-3)}
.gs-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.gs-pills button{font:inherit;font-size:13.5px;font-weight:500;border:1.5px solid var(--line-2);background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer;color:var(--ink-2)}
.gs-pills button.on{border-color:var(--sun);background:#FFF7F2;color:#C2410C}
.gs-err{color:#B42318;font-size:13.5px;margin:12px 0 0}
.gs-legal{font-size:12px;color:var(--ink-3);line-height:1.5;margin:14px 0 0}.gs-legal a,.gs-call a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.gs-call{margin-top:14px}
.gs-reas{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:13px;color:var(--ink-2)}
.gs-reas span{display:inline-flex;align-items:center;gap:6px}
.gs-reas i{width:16px;height:16px;border-radius:50%;background:#E7F6EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23137A47' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
.gs-foot{display:flex;align-items:center;gap:16px;padding:16px 34px 26px}
.gs-back{font:inherit;font-size:14px;font-weight:500;background:none;border:0;color:var(--ink-2);cursor:pointer;padding:10px 4px}
.gs-back[hidden]{display:inline-block;visibility:hidden}
.gs-hint{margin-left:auto;font-size:12.5px;color:var(--ink-3)}
.gs-hint kbd{font:inherit;font-weight:600;border:1px solid var(--line-2);border-radius:6px;padding:1px 6px;background:#fff}
.gs-foot .btn{flex:none}
.gs-foot .btn[disabled]{opacity:.45;pointer-events:none}
.gs-end{text-align:left}
.gs-badge{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;color:#fff;background-color:var(--sun);background-image:var(--grain),var(--m-sun);background-size:240px 240px,100% 100%;animation:gsPop .5s var(--ease) both}
.gs-badge svg{width:26px;height:26px}
.gs-badge.no{background:#fff;color:var(--ink);border:1.5px solid var(--line-2);background-image:none}
.gs-stg{list-style:none;margin:22px 0 0;padding:6px 16px;background:#fff;border:1px solid var(--line);border-radius:18px}
.gs-stg li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:14.5px;color:var(--ink-3);border-top:1px solid var(--line)}
.gs-stg li:first-child{border:0}
.gs-stg li i{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-2)}
.gs-stg li b{margin-left:auto;font-weight:500;font-size:13px}
.gs-stg li.run{color:var(--ink)}.gs-stg li.run i{border-color:var(--sun);background:var(--sun);box-shadow:inset 0 0 0 4px #fff;animation:hpulse 1.1s ease-in-out infinite}.gs-stg li.run b{color:#C2410C}
.gs-stg li.ok{color:var(--ink)}.gs-stg li.ok i{border:0;background:var(--sun) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.gs-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.gs-ghost{font:inherit;font-size:15px;font-weight:600;border:1.5px solid var(--line-2);background:#fff;border-radius:999px;padding:0 20px;min-height:52px;cursor:pointer;color:var(--ink)}
/* Écran d'attente : « Votre Growth Scan est en préparation » (statut lu sur app.convert-lab.io) */
.gw{display:grid;gap:18px}
.gw .gs-q,.gw .gs-h{margin:0}
.gw-chip{justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-size:12.5px;font-weight:600;color:var(--ink-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gw-chip i{width:7px;height:7px;border-radius:50%;flex:none;background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%}
.gw-eta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-size:14px;color:var(--ink-2)}
.gw-eta svg{width:18px;height:18px;flex:none;color:var(--blue)}
.gw-eta b{color:var(--ink);font-weight:600}
.gw-eta small{font-size:13px;color:var(--ink-3)}
.gw-eta[hidden]{display:none}
.gw-steps{list-style:none;margin:0;padding:6px 18px;background:#fff;border:1px solid var(--line);border-radius:18px}
.gw-steps li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:14.5px;color:var(--ink-3);border-top:1px solid var(--line);transition:color .3s}
.gw-steps li:first-child{border:0}
.gw-steps li span{position:relative;flex:none;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line-2);display:grid;place-items:center;transition:background-color .3s}
.gw-steps li.ok{color:var(--ink)}
.gw-steps li.ok span{box-shadow:none;background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%}
.gw-steps li.ok span::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.gw-steps li.run{color:var(--ink);font-weight:600}
.gw-steps li.run span::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--blue);animation:gwSpin 1s linear infinite}
@keyframes gwSpin{to{transform:rotate(360deg)}}
.gw-by{display:flex;align-items:center;gap:12px;font-size:13.5px}
.gw-by b{display:block;font-weight:600;color:var(--ink)}
.gw-by small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.gw-by small svg{width:12px;height:12px;color:#F2A60C;fill:#F2A60C}
.gw-by .stars{display:inline-flex;gap:1px}
.gw-duo{display:flex;flex:none}
.gw-duo img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px var(--line-2)}
.gw-duo img+img{margin-left:-10px}
.gw-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.gw-open{min-height:54px;padding:0 24px}
.gw-open[aria-disabled="true"]{background:#F1F1EE;background-image:none;color:var(--ink-3);border-color:var(--line);box-shadow:none;cursor:default;pointer-events:none}
.gw-open[aria-disabled="true"] .arr{display:none}
.gw-note{font-size:13px;color:var(--ink-3);line-height:1.45;margin:0;flex:1 1 220px}
.gw.is-ready .gw-open{animation:gsPop .5s var(--ease) both}
@media (max-width:560px){.gw-open{width:100%}.gw-steps{padding:4px 14px}.gw-steps li{font-size:14px}}
@media (prefers-reduced-motion:reduce){.gw-steps li.run span::after{animation:none;border-top-color:var(--blue);border-right-color:var(--blue)}}
@keyframes gsIn{from{opacity:0;transform:translateX(18px)}}
@keyframes gsInB{from{opacity:0;transform:translateX(-18px)}}
@keyframes gsPop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.06)}}
@media (max-width:900px){
 .gs{padding:0}
 .gs-in{height:100%;border-radius:0;grid-template-columns:1fr;grid-template-rows:auto 1fr}
 .gs-side{padding:14px 18px;gap:0;flex-direction:row;align-items:center}
 .gs-side .logo,.gs-kick,.gs-list,.gs-by,.gs-chips{display:none}
 .gs-card{padding:10px 12px;border-radius:16px;flex:1;box-shadow:none;background:rgba(255,255,255,.95)}
 .gs-fav{width:34px;height:34px;border-radius:10px;font-size:15px}
 .gs-site b{font-size:15px}
 .gs-top{padding:16px 18px 0}
 .gs-body{padding:24px 18px 12px}
 .gs-opts.two,.gs-f.two{grid-template-columns:1fr}
 .gs-foot{padding:12px 18px calc(16px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line)}
 .gs-hint{display:none}
 .gs-foot .btn{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){.gs,.gs-in,.gs-pane,.gs-o,.gs-chips span,.gs-badge{animation:none!important;transition:none!important}}
/* logo */
/* logo icône entonnoir (SVG, 2 variantes testées) */
.logo .mk2{position:relative;flex:none;width:30px;height:24.6px;margin-right:-7px}
.logo .mk2 svg{position:absolute;left:-8.8%;top:-5.36%;width:117.6%;height:auto;overflow:visible}
.logo .mk2.lgB{display:none}
body.lg-b .logo .mk2.lgA{display:none}body.lg-b .logo .mk2.lgB{display:block}
footer .logo .mk2{width:28px;height:23px;margin-right:-7px}
.lgsw{position:fixed;left:16px;bottom:16px;z-index:90;display:flex;gap:4px;padding:4px;border-radius:999px;background:#fff;border:1px solid rgba(11,11,15,.1);box-shadow:0 10px 30px -12px rgba(16,40,120,.35);font:600 13px/1 Inter,sans-serif}
.lgsw span{padding:8px 10px 8px 12px;color:rgba(11,11,15,.55)}
.lgsw button{border:0;background:none;font:inherit;padding:8px 14px;border-radius:999px;cursor:pointer;color:#0B0B0F}
.lgsw button[aria-pressed="true"]{background:#0B0B0F;color:#fff}
.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-head);font-weight:700;font-size:20px;letter-spacing:-.04em}
.logo .mk{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
.logo .mk svg{width:17px;height:17px;position:relative;z-index:3}

/* boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:-.01em;border:1px solid transparent;cursor:pointer;transition:transform .16s var(--ease),background-color .16s var(--ease),box-shadow .16s var(--ease);white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-ink{background:var(--ink);color:#fff}
/* bouton + flèche ronde : 2 px d'air en haut, en bas et à droite, texte centré */
.btn.ar{min-height:52px;padding:2px 2px 2px 24px;gap:16px}
.arr{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none}
.btn.full{width:100%;padding-left:2px;justify-content:space-between}
.btn.full::before{content:"";width:48px;flex:none}
.btn-ink .arr{background:#fff;color:var(--ink)}
.btn-ghost{background:var(--paper-2);border-color:var(--line-2)}
.btn-white{background:#fff;color:var(--ink)}
.btn-white .arr{background:var(--ink);color:#fff}
.btn-glass{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34);color:#fff;backdrop-filter:blur(8px)}
.btn-glass .arr{background:#fff;color:var(--ink)}
@media (hover:hover) and (pointer:fine){.btn-ink:hover{background:#26262D}.btn-ghost:hover{background:#F0F0EE}.btn-white:hover{box-shadow:0 8px 24px -10px rgba(0,0,0,.4)}}

/* annonce + nav */
.announce{background:var(--ink);color:#fff;font-size:13px;font-weight:500;padding-block:9px;text-align:center;padding-inline:16px}
.announce .d{width:6px;height:6px;border-radius:50%;background:#4FB3FF;display:inline-block;margin-right:8px;vertical-align:middle}
.announce a{opacity:.75;text-decoration:underline;text-underline-offset:3px;margin-left:10px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:rgba(247,247,245,.92)}
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(247,247,245,.84);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.navlinks{display:flex;gap:28px;font-size:14.5px;font-weight:500;color:var(--ink-2)}
.navlinks a:hover{color:var(--ink)}
.navcta{display:flex;gap:8px}
.navcta .btn{min-height:40px;font-size:14px;padding:0 16px}
@media (max-width:960px){.navlinks{display:none}}
@media (max-width:560px){.navcta .btn-ghost{display:none}}
.navcta .sm{display:none}
@media (max-width:420px){.navcta .lg{display:none}.navcta .sm{display:inline}}

/* hero : texte à gauche, visuel qui colle au bord droit */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:48px;align-items:stretch;padding-top:44px;padding-left:var(--cl)}
.hero .copy{display:flex;flex-direction:column;justify-content:center;padding-block:24px}
.proof{display:inline-flex;align-items:center;gap:12px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:6px 18px 6px 6px;box-shadow:var(--shadow);font-size:13.5px;color:var(--ink-2);max-width:100%;align-self:flex-start}
.faces{display:flex;flex:none}
.faces img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-9px;background:#E9E9E6}
.faces img:first-child{margin-left:0}
.proof .t{display:flex;flex-direction:column;line-height:1.25}
.proof .t b{color:var(--ink);font-weight:600}
.stars{display:flex;gap:1px;color:var(--star)}
@media (max-width:520px){.proof{border-radius:20px}}
.hero h1{font-size:clamp(42px,5.6vw,76px);margin-top:26px;line-height:.98}
.hero .lede{font-size:19px;color:var(--ink-2);max-width:38ch;margin-top:18px}
.hero .lede b{color:var(--ink);font-weight:600}
/* avant / maintenant : l'écart entre une agence classique et une agence pilotée par l'IA */
.era{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:8px;margin-top:22px;max-width:540px}
.era>div{border-radius:16px;padding:12px 14px;display:grid;gap:3px}
.era .old{background:#EFEFEC;color:var(--ink-3)}
.era .new{color:#fff;box-shadow:0 18px 34px -20px rgba(20,70,230,.8)}
.era b{font-family:var(--f-head);font-size:20px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.era .old b{color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:rgba(11,11,15,.35)}
.era span{font-size:12.5px;font-weight:600}
.era .new span{color:var(--on-mesh-2)}
.era .vs{align-self:center;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--ink-3)}
.scanbar{display:flex;align-items:center;gap:8px;background:var(--paper-2);border:1px solid var(--line-2);border-radius:999px;padding:2px 2px 2px 22px;box-shadow:var(--shadow);width:100%;max-width:540px;margin-top:26px}
.scanbar .btn{min-height:54px}
.scanbar .btn .arr{width:50px;height:50px}
.scanbar input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:16px;color:var(--ink)}
.scanbar input::placeholder{color:var(--ink-3)}
.under{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:13.5px;font-weight:500;color:var(--ink-2)}
.under span{display:inline-flex;align-items:center;gap:8px}
.ck{width:24px;height:24px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 1px 2px rgba(11,11,15,.06),0 4px 10px -4px rgba(11,11,15,.18)}
.stage{border-radius:32px 0 0 32px;min-height:600px;display:flex;align-items:flex-end;padding:28px}
.stage .ph{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.18);border:1px dashed rgba(255,255,255,.55);backdrop-filter:blur(8px);border-radius:16px;padding:12px 16px;font-size:13.5px;font-weight:600}
@media (max-width:960px){.hero{grid-template-columns:1fr;padding-right:max(16px,env(safe-area-inset-right,0px))}.stage{border-radius:28px;min-height:420px}}
@media (max-width:460px){.scanbar{flex-direction:column;border-radius:26px;padding:8px;align-items:stretch}.scanbar input{padding:8px 8px 4px}.scanbar .btn{width:100%;padding-left:20px;gap:8px;justify-content:space-between}.era b{font-size:17px}}

/* vitrine : 3 cards (gauche = droite, milieu plus étroit) */
.showcase{display:grid;grid-template-columns:1fr .72fr 1fr;gap:14px;margin-top:20px}
.tile{border-radius:var(--r-xl);min-height:460px;position:relative;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;overflow:hidden}
.chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.36);backdrop-filter:blur(10px);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;width:max-content;max-width:100%}
.adg{background:#fff;color:var(--ink);border-radius:18px;padding:18px;box-shadow:var(--lift);display:grid;gap:6px}
.adg .sp{font-size:12px;color:var(--ink-2)}
.adg .sp b{font-weight:700;color:var(--ink)}
.adg .tt{font-size:18px;font-weight:600;color:#1A3FD8;letter-spacing:-.02em;line-height:1.2}
.adg .ds{font-size:13.5px;color:var(--ink-2)}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:999px;padding:5px 10px;background:#EEF3FF;color:var(--blue-ink);width:max-content}
.tile.b{background:#ECECE9;align-items:center;justify-content:center}
.phone{width:min(210px,100%);aspect-ratio:9/18.5;border-radius:34px;background:#0B0B0F;padding:7px;box-shadow:0 40px 60px -30px rgba(11,11,15,.6);transform:rotate(-4deg)}
.phone .scr{height:100%;border-radius:28px;background:var(--paper);overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:12px 10px}
.phone .url{background:#E6E6E3;border-radius:8px;padding:5px 8px;font-size:8.5px;font-weight:500;color:var(--ink-2);text-align:center}
.phone b{font-family:var(--f-head);font-size:15px;font-weight:600;letter-spacing:-.03em;line-height:1.1;padding:4px 2px}
.bars{background:#fff;border-radius:12px;padding:10px;display:grid;gap:7px;font-size:9.5px;font-weight:500;border:1px solid var(--line)}
.bars .r{display:grid;grid-template-columns:52px minmax(0,1fr) 24px;gap:6px;align-items:center}
.bars .r i{display:block;height:6px;border-radius:3px;background:var(--ink)}
.bars .r.y i{background:var(--blue)}
.bars .r span:last-child{text-align:right}
.phone .go{margin-top:auto;border-radius:12px;padding:10px;font-size:10px;font-weight:600;text-align:center}
/* coverflow façon iTunes */
/* coverflow façon iTunes : déborde la card (coupé par son overflow) pour la profondeur */
.flow3d{position:relative;height:330px;perspective:1000px;margin:auto -22px -22px;perspective-origin:50% 40%}
.fc{position:absolute;left:50%;top:6px;width:210px;margin-left:-105px;background:#fff;color:var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 30px 50px -24px rgba(0,20,110,.6),0 0 0 1px rgba(11,11,15,.04);transition:transform .7s var(--ease),opacity .7s var(--ease),filter .7s var(--ease);transform-origin:center center;-webkit-box-reflect:below 6px linear-gradient(transparent 72%,rgba(255,255,255,.22))}
.fc .hd{display:flex;align-items:center;gap:8px;padding:9px 10px}
.fc .hd i{width:22px;height:22px;border-radius:50%;flex:none;display:block}
.fc .hd b{display:block;font-size:11.5px;font-weight:600;line-height:1.15}
.fc .hd span{display:block;font-size:10px;color:var(--ink-3);font-weight:500}
.fc .v{height:150px;position:relative;display:flex;align-items:flex-end;padding:8px}
.fc .v em{font-style:normal;font-size:10px;font-weight:600;background:rgba(11,11,15,.55);color:#fff;border-radius:999px;padding:3px 8px;backdrop-filter:blur(6px)}
.fc .ct{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:#F4F5F7}
.fc .ct b{font-size:11px;font-weight:600;line-height:1.2}
.fc .ct span{font-size:10.5px;font-weight:600;background:#E4E6EB;border-radius:6px;padding:5px 8px;white-space:nowrap}
.fc[data-p="0"]{transform:translateX(0) translateZ(40px) rotateY(0);opacity:1;z-index:5}
.fc[data-p="-1"]{transform:translateX(-150px) translateZ(-90px) rotateY(48deg);opacity:.62;z-index:4}
.fc[data-p="1"]{transform:translateX(150px) translateZ(-90px) rotateY(-48deg);opacity:.62;z-index:4}
.fc[data-p="-2"]{transform:translateX(-250px) translateZ(-200px) rotateY(54deg);opacity:.32;z-index:3}
.fc[data-p="2"]{transform:translateX(250px) translateZ(-200px) rotateY(-54deg);opacity:.32;z-index:3}
.fc[data-p="h"]{opacity:0;transform:translateZ(-300px);z-index:1}
.flowcount{position:absolute;right:22px;top:22px;font-size:12px;font-weight:600;background:#fff;color:var(--blue-ink);border-radius:999px;padding:6px 11px;z-index:6;box-shadow:0 8px 20px -10px rgba(0,20,110,.6)}
@media (max-width:1000px){.showcase{grid-template-columns:1fr 1fr}.tile.b{grid-column:1/-1;min-height:380px}}
@media (max-width:640px){.showcase{grid-template-columns:1fr}.tile{min-height:380px}}

/* anciens clients : logos puis leurs pages en défilement */
.alumni{margin:56px 0 64px}
.al-t{display:flex;align-items:center;gap:16px;justify-content:center;font-size:14.5px;font-weight:500;color:var(--ink-2);text-align:center}
.al-t b{color:var(--ink);font-weight:600}
.al-l{flex:1;max-width:160px;height:1px;background:linear-gradient(90deg,transparent,var(--line-2))}
.al-l:last-child{background:linear-gradient(270deg,transparent,var(--line-2))}
.logos{margin-top:26px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.ltrack{display:flex;align-items:center;gap:64px;width:max-content;animation:mq 60s linear infinite}
.ltrack img{height:28px;width:auto;max-width:150px;object-fit:contain;filter:brightness(0);opacity:.42;flex:none}
.ltrack img.sq{height:34px}
.heroes{position:relative;margin-top:30px;background:#fff;border:1px solid var(--line-2);border-radius:32px;overflow:hidden;padding:14px 0;display:grid;gap:14px;box-shadow:var(--shadow)}
.hrow{overflow:hidden}
.htrack{display:flex;gap:14px;width:max-content;animation:mq 70s linear infinite}
.hrow.rev .htrack{animation-direction:reverse;animation-duration:80s}
.hshot{flex:none;width:340px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#F2F2F0}
.hshot .bar{display:flex;gap:4px;padding:7px 9px;background:#F4F4F2;border-bottom:1px solid var(--line)}
.hshot .bar i{width:6px;height:6px;border-radius:50%;background:#DADADF;display:block}
.hshot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}
.hcap{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:rgba(11,11,15,.82);backdrop-filter:blur(8px);color:#fff;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;white-space:nowrap}
.heroes:hover .htrack,.logos:hover .ltrack{animation-play-state:paused}
@media (max-width:640px){.hshot{width:250px}.heroes{border-radius:24px}.ltrack{gap:44px}.al-l{display:none}}
@keyframes mq{to{transform:translateX(-50%)}}

/* têtes de section */
.head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px 48px;align-items:end;margin-bottom:40px}
.head h2,.chead h2{font-size:clamp(32px,4vw,52px)}
.head p{color:var(--ink-2);font-size:17px;max-width:40ch;justify-self:end}
.chead{text-align:center;max-width:760px;margin:0 auto 44px}
.chead p{color:var(--ink-2);font-size:17px;margin-top:14px}
@media (max-width:800px){.head{grid-template-columns:1fr}.head p{justify-self:start}}

/* chiffres */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stat{position:relative;overflow:hidden;border-radius:var(--r-xl);background:var(--paper-2);border:1px solid var(--line);padding:26px 26px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}
.stat::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(36,99,255,.16),transparent 70%);pointer-events:none}
.stat .sh{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.stat .sh i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none}
.stat b{display:block;font-family:var(--f-head);font-size:clamp(40px,4.4vw,60px);font-weight:600;letter-spacing:-.045em;line-height:1;white-space:nowrap}
.stat .sv{height:56px;width:100%;display:block}
.stat .bars-v{display:flex;align-items:flex-end;gap:6px}
.bars-v i{flex:1;border-radius:6px 6px 3px 3px;background:#E8ECF5}
.bars-v i.on{background:linear-gradient(180deg,#4FB3FF,#0B3FE6)}
.stat .people{display:flex;align-items:center;gap:12px}
.people .faces img{width:36px;height:36px;margin-left:-11px}
.people .faces img:first-child{margin-left:0}
.stat .sf{font-size:14px;font-weight:500;color:var(--ink-2);border-top:1px solid var(--line);padding-top:12px}
@media (max-width:760px){.stats{grid-template-columns:1fr}}

/* problème : deux parcours comparés */
.pcard{border-radius:32px;background:var(--paper-2);border:1px solid var(--line);padding:clamp(18px,3vw,28px);display:grid;gap:14px}
.prow{display:grid;grid-template-columns:150px minmax(0,1.3fr) 32px minmax(0,1.1fr) 32px minmax(0,.7fr);align-items:center;gap:12px;border-radius:22px;padding:18px}
.prow.bad{background:#FBF1F1}
.prow.good{color:#fff}
.prow .who{display:grid;gap:4px}
.prow .who b{font-family:var(--f-head);font-size:20px;font-weight:600;letter-spacing:-.03em}
.prow .who span{font-size:12.5px;font-weight:600;opacity:.75}
.node{background:#fff;color:var(--ink);border-radius:16px;padding:14px;display:grid;gap:8px;box-shadow:0 14px 30px -20px rgba(11,11,15,.4);min-height:118px;align-content:start}
.node .k{font-size:11.5px;font-weight:600;color:var(--ink-3)}
.node .t{font-size:14.5px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.node .pills{display:flex;gap:6px;flex-wrap:wrap}
.pill-r,.pill-b{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;border-radius:999px;padding:4px 9px}
.pill-r{color:var(--red);background:#FDECEC}
.pill-b{color:var(--blue-ink);background:#EEF3FF}
.res{border-radius:16px;padding:14px;display:grid;gap:2px;min-height:118px;align-content:center}
.res b{font-family:var(--f-head);font-size:40px;font-weight:600;letter-spacing:-.045em;line-height:1}
.res span{font-size:12.5px;font-weight:600}
/* vraie annonce Google */
.gad{background:#fff;color:#202124;border-radius:16px;padding:14px 14px 12px;display:grid;gap:5px;box-shadow:0 14px 30px -20px rgba(11,11,15,.4);font-family:Arial,var(--f);min-height:118px;align-content:start}
.gad .src{display:flex;align-items:center;gap:8px}
.gad .fav{width:22px;height:22px;border-radius:50%;background:#F1F3F4;border:1px solid #E3E5E8;display:grid;place-items:center;font-size:10px;font-weight:700;color:#5F6368;flex:none}
.gad .src b{display:block;font-size:12px;font-weight:400;color:#202124;line-height:1.2}
.gad .src span{display:block;font-size:11px;color:#4D5156;line-height:1.2}
.gad .sp{font-size:11.5px;font-weight:700;color:#202124}
.gad .tt{font-size:16px;color:#1A0DAB;line-height:1.25;letter-spacing:0}
.gad .ds{font-size:12px;color:#4D5156;line-height:1.4}
.gad .sl{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#1A0DAB;margin-top:2px}
.prow .ar2{display:grid;place-items:center;opacity:.6}
.pnote{font-size:12.5px;font-weight:500;color:var(--ink-3);text-align:right}
@media (max-width:980px){.prow{grid-template-columns:1fr;gap:10px}.prow .ar2{transform:rotate(90deg);height:24px}}


/* mot surligné en mesh */
.mark{display:inline;color:#fff;padding:.02em .2em .08em;border-radius:.2em;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-size:240px 240px,100% 100%}
.logo.on-mesh{font-size:18px}
.logo.on-mesh .mk{background:#fff}
.logo.on-mesh .mk svg path{fill:var(--blue);stroke:var(--blue)}
/* comparatif */
.compare{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:14px;align-items:stretch}
.opt{border-radius:var(--r-xl);padding:28px;border:1px solid var(--line);display:flex;flex-direction:column;gap:18px}
.opt:not(.mesh){background:var(--paper-2)}
.opt .k{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-2)}
.opt .k i{width:22px;height:22px;border-radius:7px;display:block}
.opt h3{font-size:30px}
.opt ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:15px;font-weight:500}
.opt li{display:flex;gap:10px;align-items:flex-start}
.opt li svg{flex:none;margin-top:4px}
.meter{margin-top:auto;padding:16px;border-radius:16px;background:#F5F5F3}
.meter .lb{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.meter .lb b{color:var(--red)}
.meter .t{height:12px;border-radius:6px;background:#E7E7EA;margin-top:10px;overflow:hidden}
.meter .t i{display:block;height:100%;border-radius:6px}
.opt.us{border:0;transform:translateY(-10px);box-shadow:0 40px 80px -40px rgba(20,70,230,.7)}
.opt.us .k{color:var(--on-mesh-2)}
.opt.us .meter{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26)}
.opt.us .meter .lb{color:#fff}
.opt.us .meter .lb b{color:var(--cyan)}
.opt.us .meter .t{background:rgba(255,255,255,.22)}
.opt.us .meter .t i{background:linear-gradient(90deg,#fff,var(--cyan))}
@media (max-width:900px){.compare{grid-template-columns:1fr}.opt.us{transform:none;order:-1}}

/* bento */
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(290px,auto);gap:14px}
.bx{border-radius:var(--r-xl);border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;overflow:hidden}
.bx:not(.mesh){background:var(--paper-2)}
.bx.mesh{border:0}
.bx h3{font-size:24px}
.bx p{font-size:15px;color:var(--ink-2);margin-top:8px}
.bx.mesh p{color:var(--on-mesh-2)}
.bx.m-ice p{color:var(--ink-2)}
.bx.tall{grid-row:span 2}
.ab{display:grid;gap:12px}
.ab .r{display:grid;grid-template-columns:24px minmax(0,1fr) 54px;gap:10px;align-items:center;font-size:13px;font-weight:600}
.ab .r .t{height:34px;border-radius:10px;background:rgba(255,255,255,.14);overflow:hidden}
.ab .r .t i{display:block;height:100%;border-radius:10px;background:rgba(255,255,255,.45)}
.ab .r.win .t i{background:#fff}
.ab .r em{font-style:normal;text-align:right}
.track-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.track-line span{font-size:12.5px;font-weight:600;border:1px solid var(--line-2);border-radius:999px;padding:6px 11px;background:#fff}
.track-line svg{color:var(--ink-3)}
.minilp{background:#fff;border-radius:14px;padding:14px;box-shadow:var(--shadow);border:1px solid var(--line);display:grid;gap:8px;color:var(--ink)}
.minilp .hd{font-family:var(--f-head);font-size:16px;font-weight:600;letter-spacing:-.025em;line-height:1.15}
.minilp .f{border:1px solid var(--line-2);border-radius:8px;height:26px}
.minilp .b{background:var(--ink);color:#fff;border-radius:8px;height:30px;display:grid;place-items:center;font-size:12px;font-weight:600}
.team3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.photo{border-radius:var(--r-xl);min-height:440px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.photo .sil{align-self:center;opacity:.55;margin-top:30px}
.photo .nm b{display:block;font-family:var(--f-head);font-size:26px;font-weight:600;letter-spacing:-.035em}
.photo .nm span{font-size:13.5px;font-weight:600;color:var(--on-mesh-2)}
.photo .phl{display:inline-flex;align-self:flex-start;background:rgba(255,255,255,.18);border:1px dashed rgba(255,255,255,.55);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}
.duo{border-radius:var(--r-xl);background:var(--paper-2);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:440px}
.duo h3{font-size:32px}
.duo p{color:var(--ink-2);font-size:16px}
.duo ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;font-weight:500}
.duo li{display:flex;gap:10px;align-items:flex-start}
.duo li svg{flex:none;margin-top:4px}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}.bx.tall{grid-row:auto}.team3{grid-template-columns:1fr 1fr}.duo{grid-column:1/-1;order:-1;min-height:0}}
@media (max-width:600px){.bento,.team3{grid-template-columns:1fr}.photo{min-height:360px}}

/* growth scan */
.scan{border-radius:32px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.scan h2{font-size:clamp(34px,4.4vw,56px)}
.scan .sub{font-size:18px;color:var(--on-mesh-2);margin-top:16px;max-width:30ch}
.scan .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.scan .btn{margin-top:28px}
.report{background:rgba(255,255,255,.97);color:var(--ink);border-radius:18px;box-shadow:0 40px 80px -36px rgba(0,20,120,.8);overflow:hidden}
.report .wb{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px;font-weight:500;color:var(--ink-3)}
.report .wb i{width:9px;height:9px;border-radius:50%;background:#E2E2E6;display:block;flex:none}
.report .wb span{margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.report .bd{padding:20px;display:grid;gap:14px}
.report .big-t{font-size:24px}
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rgrid div{background:#F5F5F3;border-radius:12px;padding:12px}
.rgrid b{display:block;font-family:var(--f-head);font-size:28px;font-weight:600;letter-spacing:-.04em;line-height:1}
.rgrid span{font-size:12px;font-weight:500;color:var(--ink-2)}
.report .bars{font-size:12px}
.report .bars .r{grid-template-columns:96px minmax(0,1fr) 30px}
@media (max-width:900px){.scan{grid-template-columns:1fr}}

/* cas clients : slider automatique */
.sl-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px;flex-wrap:wrap}
.sl-head h2{font-size:clamp(32px,4vw,52px);max-width:17ch}
.sl-ctrl{display:flex;align-items:center;gap:14px}
.sl-dots{display:flex;gap:6px}
.sl-dots button{width:8px;height:8px;border-radius:4px;border:0;padding:0;background:#D9D9DE;cursor:pointer;transition:width .3s var(--ease),background-color .3s}
.sl-dots button[aria-current="true"]{width:28px;background:var(--ink)}
.sl-nav{display:flex;gap:8px}
.sl-nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:var(--paper-2);display:grid;place-items:center;cursor:pointer;transition:transform .16s var(--ease)}
.sl-nav button:active{transform:scale(.94)}
.slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--cl));padding-inline:var(--cl);scroll-padding-inline:var(--cl);scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}
.slider::-webkit-scrollbar{display:none}
.slider.drag{cursor:grabbing;scroll-snap-type:none}
.slider.drag *{pointer-events:none}
.case{flex:0 0 min(780px,86vw);height:660px;border-radius:32px;scroll-snap-align:start;position:relative;overflow:hidden;color:#fff;user-select:none;padding:32px 32px 0;display:flex;flex-direction:column}
.case .top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}
.case h3{font-size:30px}
.case .cat{display:inline-flex;margin-top:10px;font-size:12.5px;font-weight:600;border-radius:999px;padding:5px 11px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.34)}
.case .m{text-align:right}
.case .m b{display:block;font-family:var(--f-head);font-size:clamp(40px,5vw,60px);font-weight:600;letter-spacing:-.05em;line-height:.95}
.case .m span{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.86)}
.case blockquote{margin:18px 0 0;font-size:16.5px;font-weight:500;line-height:1.4;max-width:46ch}
.case .au{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px}
.case .au img,.case .au .ini{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.6);flex:none}
.case .au .ini{display:grid;place-items:center;font-weight:700;background:rgba(255,255,255,.2)}
.case .au b{font-weight:600}
.case .au span{opacity:.82}
.case .lp{margin-top:24px;flex:none;width:100%;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 -10px 50px -10px rgba(0,0,0,.45);transition:transform .6s var(--ease)}
.case .lp img{display:block;width:100%;height:auto;-webkit-user-drag:none}
@media (hover:hover) and (pointer:fine){.case:hover .lp{transform:translateY(-6px)}}
@media (max-width:560px){.case{height:520px;padding:24px 22px 0}.case .top{grid-template-columns:1fr}.case .m{text-align:left}}

/* méthode */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.step{border-radius:var(--r-xl);border:1px solid var(--line);padding:12px 12px 24px;display:flex;flex-direction:column;gap:10px}
.step:not(.mesh){background:var(--paper-2)}
.step .art{border-radius:20px;aspect-ratio:1.4;display:grid;place-items:center;margin-bottom:8px}
.step .art span{width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(6px);display:grid;place-items:center;color:#fff}
.step .art.m-ice span{color:var(--blue-ink);background:rgba(255,255,255,.6)}
.step .n{font-size:12.5px;font-weight:600;color:var(--ink-3);padding:0 10px}
.step h3{font-size:22px;padding:0 10px}
.step p{font-size:14.5px;color:var(--ink-2);padding:0 10px}
.step.first{border:0}
.step.first .n,.step.first p{color:var(--on-mesh-2)}
.step.first .art{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24)}
@media (max-width:1000px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* pour qui : deux cards détaillées, verdict en pied */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fitc{border-radius:32px;padding:clamp(22px,2.6vw,34px);border:1px solid var(--line);display:flex;flex-direction:column;gap:22px;position:relative;overflow:hidden}
.fitc:not(.mesh){background:var(--paper-2)}
.fitc.mesh{border:0;box-shadow:0 40px 80px -44px rgba(20,70,230,.75)}
.fitc .hd{display:flex;align-items:center;gap:14px}
.fitc .hd i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none}
.fitc .hd small{display:block;font-size:12.5px;font-weight:600;opacity:.75;margin-bottom:3px}
.fitc h3{font-size:28px}
.fitc .cnt{margin-left:auto;font-size:12.5px;font-weight:600;border-radius:999px;padding:6px 11px;white-space:nowrap}
.fitc.mesh .cnt{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3)}
.fitc:not(.mesh) .cnt{background:#FDECEC;color:var(--red)}
.fitc ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:f}
.fitc li{counter-increment:f;display:grid;grid-template-columns:30px minmax(0,1fr) 28px;gap:12px;align-items:center;padding:11px 12px 11px 12px;border-radius:16px;font-size:15px;font-weight:500;transition:transform .2s var(--ease)}
.fitc li::before{content:counter(f,decimal-leading-zero);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.6}
.fitc li .ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.fitc.mesh li{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}
.fitc.mesh li .ic{background:#fff}
.fitc:not(.mesh) li{background:#F6F6F4;color:var(--ink-2)}
.fitc:not(.mesh) li .ic{background:#FDECEC}
@media (hover:hover) and (pointer:fine){.fitc li:hover{transform:translateX(4px)}}
.verdict{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:20px;padding:14px 14px 14px 18px;flex-wrap:wrap}
.fitc.mesh .verdict{background:#fff;color:var(--ink)}
.fitc:not(.mesh) .verdict{background:#F6F6F4;border:1px dashed var(--line-2)}
.verdict b{display:block;font-family:var(--f-head);font-size:18px;font-weight:600;letter-spacing:-.02em}
.verdict span{font-size:13px;font-weight:500;color:var(--ink-2)}
.verdict .spark{flex:none}
@media (min-width:1100px){.fitc li span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:900px){.fit{grid-template-columns:1fr}}
@media (max-width:420px){.fitc li{grid-template-columns:22px minmax(0,1fr) 28px;font-size:14.5px}.fitc .cnt{display:none}}

/* tarifs */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.plan{border-radius:var(--r-xl);padding:28px;display:flex;flex-direction:column;gap:18px;border:1px solid var(--line)}
.plan:not(.mesh){background:var(--paper-2)}
.plan.mesh{border:0}
.plan .k{font-family:var(--f-head);font-size:22px;font-weight:600;letter-spacing:-.03em}
.plan .amt{margin-top:-12px;font-family:var(--f-head);font-size:52px;font-weight:600;letter-spacing:-.05em;line-height:1}
.plan .amt.sm{font-size:36px}
.plan .note{font-size:13.5px;font-weight:500;color:var(--ink-2);margin-top:-8px}
.plan.mesh .note{color:var(--on-mesh-2)}
.oblig{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:600;color:#fff}
.plan ul{list-style:none;padding:18px 0 0;margin:0;display:grid;gap:11px;font-size:14.5px;font-weight:500;border-top:1px solid var(--line)}
.plan.mesh ul{border-top-color:rgba(255,255,255,.22)}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li svg{flex:none;margin-top:3px}
.plan .cta{margin-top:auto;padding-top:8px;display:grid;gap:10px}
.plan .cta .btn{width:100%;padding-left:22px;justify-content:space-between}
@media (max-width:440px){.plan .cta .btn{font-size:14.5px}}
.plan .cta small{font-size:12.5px;font-weight:500;text-align:center;color:var(--on-mesh-2)}
@media (min-width:1240px){.plan li{white-space:nowrap}}
@media (max-width:1239px){.plans{grid-template-columns:minmax(0,1fr);max-width:620px;margin-inline:auto}}
.pcol{display:flex;flex-direction:column;gap:4px}
.pcol .plan{flex:1;border-radius:var(--r-xl) var(--r-xl) 10px 10px}
.gcard{border-radius:10px 10px var(--r-xl) var(--r-xl);padding:18px 22px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center}
.gcard .gi{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);display:grid;place-items:center}
.gcard b{display:block;font-family:var(--f-head);font-size:18px;font-weight:600;letter-spacing:-.02em}
.gcard span{display:block;font-size:13.5px;line-height:1.4;color:var(--on-mesh-2);margin-top:2px}

/* FAQ */
.faqgrid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.faqgrid h2{font-size:clamp(32px,4vw,52px)}
.faqgrid .side p{color:var(--ink-2);margin-top:14px;font-size:16px}
.faqgrid .side{position:sticky;top:96px}
.fcta{margin-top:28px;border-radius:var(--r-xl);padding:24px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;box-shadow:0 30px 60px -34px rgba(20,70,230,.8)}
.fcta .fk{font-size:12.5px;font-weight:600;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:5px 11px}
.fcta b{font-family:var(--f-head);font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:6px}
.fcta>span:not(.fk){font-size:15px;color:var(--on-mesh-2);max-width:36ch}
.fcta .btn{margin-top:10px}
/* FAQ : lignes numérotées ; la question ouverte se soulève en carte */
.faq{display:grid}
.faq details{border-bottom:1px solid var(--line);border-radius:22px;transition:background-color .25s var(--ease),box-shadow .25s var(--ease),margin .25s var(--ease)}
.faq details[open]{background:var(--paper-2);border-bottom-color:transparent;box-shadow:0 1px 2px rgba(11,11,15,.05),0 30px 60px -30px rgba(11,11,15,.28);margin:6px -18px;position:relative;z-index:1}
.faq summary{list-style:none;cursor:pointer;padding:22px 8px;display:grid;grid-template-columns:44px minmax(0,1fr) 34px;gap:12px;align-items:center;font-size:17px;font-weight:600;letter-spacing:-.015em}
.faq details[open] summary{padding:24px 26px 12px}
.faq summary::-webkit-details-marker{display:none}
.faq .qn{font-size:12.5px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}
.faq details[open] .qn{color:var(--blue)}
.faq .pm{position:relative;width:32px;height:32px;border-radius:50%;border:1px solid var(--line-2);flex:none;transition:background-color .2s,border-color .2s}
.faq .pm::before,.faq .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;border-radius:1px;background:var(--ink);transition:transform .25s var(--ease),background-color .2s}
.faq .pm::after{transform:rotate(90deg)}
.faq details[open] .pm{border-color:transparent;background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%;box-shadow:0 8px 18px -8px rgba(36,99,255,.8)}
.faq details[open] .pm::before,.faq details[open] .pm::after{background:#fff}
.faq details[open] .pm::after{transform:rotate(0)}
@media (hover:hover) and (pointer:fine){.faq details:not([open]) summary:hover .pm{background:#fff}}
.faq .ans{padding:0 26px 24px calc(26px + 44px + 12px);color:var(--ink-2);font-size:15.5px;max-width:64ch}
.faq .ans a{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:14px;font-weight:600;color:var(--blue)}
.fcta .duo-av{display:flex}
.fcta .duo-av i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:var(--f-head);font-weight:600;font-size:15px;border:2px solid rgba(255,255,255,.75)}
.fcta .duo-av i:first-child{background:#fff;color:var(--blue-ink)}
.fcta .duo-av i:last-child{background:var(--ink);color:#fff;margin-left:-10px}
@media (max-width:560px){.faq summary{grid-template-columns:32px minmax(0,1fr) 32px;font-size:16px}.faq details[open]{margin:6px -8px}.faq details[open] summary{padding:20px 14px 10px}.faq .ans{padding:0 14px 20px 58px}}
@media (max-width:860px){.faqgrid{grid-template-columns:1fr;gap:28px}.faqgrid .side{position:static}}

/* formulaire final : même champ que le hero, puis questions pas à pas */
.final{border-radius:32px;padding:clamp(20px,3vw,32px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(20px,3vw,40px);align-items:center}
.final .lft{padding:clamp(8px,2vw,24px);display:flex;flex-direction:column;gap:16px}
.final h2{font-size:clamp(36px,4.6vw,60px)}
.final .sub{color:var(--on-mesh-2);font-size:17px;max-width:46ch}
.final .scanbar{margin-top:6px;border:0;box-shadow:0 24px 50px -24px rgba(0,20,110,.7);max-width:600px}
.final .err{font-size:13px;font-weight:500;background:rgba(0,10,60,.32);border-radius:8px;padding:5px 9px;align-self:flex-start}
.trust{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;color:var(--on-mesh-2);flex-wrap:wrap}
.trust .stars{color:var(--star)}
.trust .faces img{border-color:rgba(255,255,255,.7)}
.stp-top{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:600;color:var(--on-mesh-2)}
.stp-bar{flex:1;max-width:240px;height:6px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden}
.stp-bar i{display:block;height:100%;width:25%;border-radius:3px;background:#fff;transition:width .4s var(--ease)}
.final .stp-q{font-size:clamp(28px,3.2vw,42px)}
.lnk{align-self:flex-start;background:none;border:0;padding:6px 0;color:var(--on-mesh-2);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.recv{background:#fff;color:var(--ink);border-radius:24px;padding:20px;display:grid;gap:12px}
.recv .hd{display:flex;justify-content:space-between;align-items:center;gap:10px}
.recv h3{font-size:20px}
.recv .time{font-size:12.5px;font-weight:600;color:var(--blue-ink);background:#EEF3FF;border-radius:999px;padding:5px 10px;white-space:nowrap}
.rgrid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ritem{display:grid;gap:10px;align-content:start;padding:12px;border-radius:16px;background:#F6F6F4}
.ritem i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}
.ritem b{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.recv .url{font-size:12.5px;font-weight:500;color:var(--ink-3);text-align:center}
.gen{display:grid;gap:4px;background:rgba(0,10,60,.22);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:14px;max-width:600px}
.gen .ln{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:500;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.gen .ln:last-child{border-bottom:0}
.gen .ln b{font-weight:700}
.gen .ln.done b{color:var(--cyan)}
.ready{background:#fff;color:var(--ink);border-radius:14px;padding:16px;font-size:14px;display:grid;gap:4px;max-width:600px}
.ready code{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--blue-ink);word-break:break-all}
@media (max-width:900px){.final{grid-template-columns:minmax(0,1fr)}}

/* footer */
footer{margin-top:var(--sec);border-radius:40px 40px 0 0;padding-block:72px 40px}
.fcols{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:28px}
.fcols h4{margin:0 0 14px;font-size:13px;font-weight:600;color:var(--on-mesh-2)}
.fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px;font-weight:500}
.fcols p{font-size:15px;color:var(--on-mesh-2);margin-top:14px;max-width:30ch}
.fbig{font-family:var(--f-head);font-weight:700;letter-spacing:-.05em;font-size:clamp(64px,15vw,210px);line-height:.85;margin-top:56px;opacity:.95}
.fbase{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.24);font-size:13px;font-weight:500;color:var(--on-mesh-2)}
footer .logo .mk{background:#fff}
footer .logo .mk svg path{fill:var(--blue);stroke:var(--blue)}
@media (max-width:760px){.fcols{grid-template-columns:1fr 1fr}.fcols>div:first-child{grid-column:1/-1}}

/* mode commentaire */
.cmt-fab{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:0 18px 0 8px;min-height:50px;font-size:14.5px;font-weight:600;cursor:pointer;box-shadow:0 18px 40px -16px rgba(11,11,15,.6)}
.cmt-fab .dotm{width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.cmt-fab[aria-pressed="true"]{background:var(--blue-ink)}
.cmt-hint{position:fixed;left:50%;transform:translateX(-50%);top:calc(84px + env(safe-area-inset-top,0px));z-index:80;background:var(--ink);color:#fff;border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:500;max-width:calc(100% - 32px);text-align:center}
body.cmt-on,body.cmt-on *{cursor:crosshair!important}
body.cmt-on .cmt-fab,body.cmt-on .cmt-fab *{cursor:pointer!important}
.cmt-hover{outline:2px dashed var(--blue)!important;outline-offset:3px!important}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ltrack,.htrack{animation:none}}



.phone .pk{font-size:8.5px;font-weight:600;color:var(--blue-ink);padding:0 2px;margin-bottom:-4px}
.phone .pc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 9px;display:grid;gap:5px}
.phone .pl{font-size:8px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
.phone .sov{display:grid;grid-template-columns:50px minmax(0,1fr) 22px;gap:5px;align-items:center;font-size:8.5px;font-weight:500}
.phone .sov i{display:block;height:5px;border-radius:3px;background:var(--ink)}
.phone .sov.y{color:var(--blue-ink);font-weight:700}.phone .sov.y i{background:var(--blue)}
.phone .sov em{font-style:normal;text-align:right}
.phone .bo{display:flex;justify-content:space-between;align-items:center;gap:6px}
.phone .bo b{font-size:12px;padding:0;letter-spacing:-.02em}
.phone .bo em{font-style:normal;font-size:8px;font-weight:600;background:#EEF3FF;color:var(--blue-ink);border-radius:999px;padding:3px 6px;white-space:nowrap}
.phone .lk{display:grid;gap:4px}
.phone .lk i{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,#E6E8EE,#F1F2F5);filter:blur(.6px)}
.phone .lk i:nth-child(2){width:80%}.phone .lk i:nth-child(3){width:60%}

.pvs{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:12px;align-items:stretch}
.pvs .pv{padding:clamp(14px,2.4vw,28px);display:grid;place-items:center}
.pvs-vs{display:grid;place-items:center;color:var(--ink-3)}
.pvs .pv .vx{max-width:520px}
@media (max-width:760px){.pvs{grid-template-columns:minmax(0,1fr)}.pvs-vs{transform:rotate(90deg);height:28px}}
.duo{justify-content:flex-start;gap:16px}
.duo h3{font-size:clamp(24px,2.2vw,30px)}
.duo .vx{margin:auto;max-height:420px;width:auto;max-width:100%;object-fit:contain}
.photo.pic{position:relative;overflow:hidden;color:#fff}
.photo.pic>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.photo.pic::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(5,15,60,.62))}
.photo.pic .nm,.photo.pic .tagl{position:relative;z-index:1}
.photo.pic .nm span{color:rgba(255,255,255,.85)}
.photo .tagl{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--ink);border-radius:999px;padding:7px 12px 7px 9px;font-size:12.5px;font-weight:600;box-shadow:0 10px 24px -12px rgba(0,20,110,.5)}
.photo .tagl::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue)}
/* veille concurrents (formulaire final) */
.feed{background:#fff;color:var(--ink);border-radius:28px;padding:22px;display:grid;gap:14px;box-shadow:0 40px 80px -40px rgba(0,20,110,.7)}
.feed .fh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.feed .live{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-head);font-size:19px;font-weight:600;letter-spacing:-.02em}
.feed .live i{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 0 rgba(36,99,255,.5);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(36,99,255,0)}100%{box-shadow:0 0 0 0 rgba(36,99,255,0)}}
.feed .fx{font-size:11.5px;font-weight:600;color:var(--ink-3);background:#F2F2F0;border-radius:999px;padding:4px 9px}
.feed ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;height:296px;overflow:hidden;position:relative}
.feed li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:18px;background:#F6F7FA;transition:transform .6s var(--ease),opacity .6s var(--ease)}
.feed li.in{animation:feedIn .7s var(--ease)}
@keyframes feedIn{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}
.feed .fa{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-head);font-weight:600;background:#EEF3FF;color:var(--blue-ink)}
.feed li b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed li div span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed li em{font-style:normal;font-size:11px;font-weight:600;color:var(--blue-ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 8px}
.feed li.neg{background:#FDF2F2}.feed li.neg .fa{background:#FBE1E2;color:var(--red)}.feed li.neg em{color:var(--red)}
.feed .ff{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;padding-top:4px;border-top:1px solid var(--line);padding-top:14px}
.feed .duo-av{display:flex;flex:none}
.feed .duo-av i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:var(--f-head);font-weight:600;font-size:13px;border:2px solid #fff}
.feed .duo-av i:first-child{background:var(--blue);color:#fff}
.feed .duo-av i:last-child{background:var(--ink);color:#fff;margin-left:-8px}
/* visuels Higgsfield (fond transparent) */
.vx{display:block;width:100%;height:auto;max-width:100%;user-select:none;-webkit-user-drag:none}
.tile .vx{margin:auto 0;filter:drop-shadow(0 24px 30px rgba(0,20,110,.18))}
.pv{margin:0;border-radius:22px;padding:18px 18px 8px;display:grid;gap:6px}
.pv.bad{background:#FBF1F1}
.pv.good{color:#fff}
.pv figcaption{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:4px 6px}
.pv figcaption b{font-family:var(--f-head);font-size:20px;font-weight:600;letter-spacing:-.03em}
.pv figcaption span{font-size:12.5px;font-weight:600;opacity:.75}
.pv.bad figcaption span{color:var(--red);opacity:1}
.pv .vx{max-width:1000px;margin:0 auto}
.bx .bxi{margin:auto;max-height:460px;width:auto;max-width:100%;object-fit:contain}
.bx:not(.tall) .bxi{max-height:250px}
.scanimg{filter:drop-shadow(0 40px 50px rgba(0,20,120,.35))}
.step .art{aspect-ratio:auto;padding:8px;overflow:hidden}
.step .art .vx{width:100%;aspect-ratio:1.4;object-fit:contain}
.rcol{display:grid;gap:4px;align-content:center}
.finimg{width:86%;margin:0 auto -8px;filter:drop-shadow(0 24px 34px rgba(0,20,110,.3))}
@media (max-width:640px){.pv{padding:12px 6px 4px}}

/* correctifs v11 */
@media (min-width:901px){.final{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.feed ul{height:318px;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
.feed li b,.feed li div span{white-space:normal;overflow:visible;text-overflow:clip}
@media (max-width:1180px){.feed li{grid-template-columns:34px minmax(0,1fr)}.feed li em{display:none}.feed .fa{width:34px;height:34px}}
.phone{width:min(232px,100%)}
.phone .sov{grid-template-columns:56px minmax(0,1fr) 22px;font-size:8px}
.phone .sov span{white-space:nowrap}
@media (min-width:901px){.scan{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.scanimg{width:112%;max-width:none;margin-right:-6%}
@media (max-width:900px){.scanimg{width:100%;margin:0}}

.reass{display:inline-flex;align-items:baseline;gap:8px;margin-top:16px;background:#fff;color:var(--ink);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;box-shadow:0 14px 30px -16px rgba(0,20,110,.6)}
.reass b{font-family:var(--f-head);font-size:20px;font-weight:600;letter-spacing:-.03em;color:var(--blue-ink)}
.final .finimg{width:100%;max-width:470px;margin:0 auto;filter:drop-shadow(0 34px 44px rgba(0,20,110,.35))}
.photo.pic>img{object-position:50% 30%}

/* accent orange : uniquement CTA primaires, chiffres de gain, urgence */
:root{--orange:#FF6A2B;--orange-ink:#FB4F17}
.m-sun{background-color:#FF6A2B;background-image:var(--grain-s),var(--m-sun)}
.m-flow{background-color:#05060C;background-image:var(--grain),var(--m-flow);background-size:240px 240px,100% 114%;background-position:0 0,center top}
@keyframes flowdown{from{background-position:0 0,center top}to{background-position:0 0,center bottom}}
@media (prefers-reduced-motion:no-preference){.m-flow{animation:flowdown 22s var(--ease) infinite alternate}}
.hl-sun{background-image:var(--grain),linear-gradient(100deg,#FB4F17 0%,#FF6A2B 28%,#FF8A33 58%,#FF6A2B 82%,#FB4F17 100%);background-size:240px 240px,100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.btn-sun{background-color:#FF6A2B;background-image:var(--grain-s),var(--m-sun);background-size:240px 240px,100% 100%;background-repeat:repeat,no-repeat;color:#fff;box-shadow:0 16px 32px -16px rgba(255,106,43,1)}
.btn-sun .arr{background:#fff;color:#FB4F17}
@media (hover:hover) and (pointer:fine){.btn-sun:hover{box-shadow:0 20px 42px -16px rgba(255,106,43,1);filter:saturate(1.1)}}
.stat .bars-v i.on{background:linear-gradient(180deg,#FFA23D,#FB4F17)}
.announce .d{background:var(--orange)}
.stage.m-flow{box-shadow:0 40px 90px -60px rgba(252,115,77,.75)}

/* douleurs */
.pains{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.pain{grid-column:span 2;border-radius:var(--r-xl);border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}
.pain:nth-child(n+4){grid-column:span 3}
.pain:not(.mesh){background:var(--paper-2)}
.pain.mesh{border:0;box-shadow:0 34px 70px -40px rgba(20,70,230,.75)}
.pain .pn{font-size:12.5px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}
.pain h3{font-size:clamp(22px,2vw,26px)}
.pain .pq{font-size:15px;color:var(--ink-2);font-style:italic}
.pain .pf{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:6px}
.pain .pf b{font-family:var(--f-head);font-size:clamp(40px,4vw,54px);font-weight:600;letter-spacing:-.045em;line-height:1}
.pain .pf span{font-size:14px;color:var(--ink-2);line-height:1.45}
.pain .pf small{font-size:11.5px;font-weight:600;color:var(--ink-3)}
.pain.mesh .pn,.pain.mesh .pq,.pain.mesh .pf span,.pain.mesh .pf small{color:var(--on-mesh-2)}
.pain.mesh .pf{border-top-color:rgba(255,255,255,.24)}
@media (max-width:1000px){.pains{grid-template-columns:1fr 1fr}.pain,.pain:nth-child(n+4){grid-column:auto}.pain:last-child{grid-column:1/-1}}
@media (max-width:620px){.pains{grid-template-columns:1fr}}
.sch{margin-top:8px}
/* faits pour travailler ensemble : version épurée */
.fitc{gap:18px}
.fitc .hd i{width:40px;height:40px;border-radius:12px}
.fitc ol{gap:0}
.fitc li,.fitc.mesh li,.fitc:not(.mesh) li{counter-increment:none;grid-template-columns:minmax(0,1fr) 22px;background:none;border:0;border-radius:0;padding:12px 2px;border-bottom:1px solid var(--line)}
.fitc.mesh li{border-bottom-color:rgba(255,255,255,.2)}
.fitc li:last-child{border-bottom:0}
.fitc li::before{content:none}
.fitc li .ic,.fitc.mesh li .ic,.fitc:not(.mesh) li .ic{width:22px;height:22px;background:none}
.fitc.mesh li .ic svg path{stroke:#fff}
@media (hover:hover) and (pointer:fine){.fitc li:hover{transform:none}}
.fitc:not(.mesh) .verdict{border:0}

/* V16 · page Growth Scan */
.pains.p4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pains.p4 .pain{grid-column:auto}
.pain p{font-size:16px;line-height:1.5;color:var(--ink-2)}
.pain.mesh p,.pain.mesh .pn{color:#fff}
.rv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.rv.r4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rv article{border-radius:var(--r-xl);border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.rv article:not(.mesh){background:var(--paper-2)}
.rv article.mesh{border:0;color:#fff;box-shadow:0 34px 70px -40px rgba(20,70,230,.75)}
.rv h3{font-size:clamp(21px,1.9vw,25px)}
.rv p{font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.rv .mesh p,.rv .mesh .pn{color:rgba(255,255,255,.9)}
.rv .pn{font-size:12.5px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}
.how .hn{font-family:var(--f-head);font-size:56px;font-weight:600;letter-spacing:-.05em;line-height:1;margin-bottom:6px}
.cta-c{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:22px}
.reas{font-size:13.5px;font-weight:500;color:var(--ink-3);margin:0}
.phone .pri{margin:0;padding-left:14px;display:grid;gap:3px;font-size:9px;font-weight:600}
@media (max-width:1000px){.pains.p4,.rv.r4{grid-template-columns:1fr 1fr}.rv{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.pains.p4,.rv,.rv.r4{grid-template-columns:1fr}}

/* V17 · allègement */
h1{font-weight:500;letter-spacing:-.055em}
.hero h1{font-size:clamp(38px,4.6vw,62px);line-height:1.02}
h2{letter-spacing:-.05em}
h3{letter-spacing:-.035em}
.logo{font-weight:700;font-size:22px;letter-spacing:-.045em}
footer .logo{font-size:21px}
.faq summary{font-weight:500}
.stage.stage-img{background:none;box-shadow:none;padding:0;min-height:0;align-items:center;justify-content:center;border-radius:0}
.stage-img img{width:100%;height:auto;max-width:720px}
.ptabs{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:center}
.pt-list{display:flex;flex-direction:column}
.pt{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:0;padding:22px 0;border-top:1px solid var(--line);position:relative}
.pt:last-child{border-bottom:1px solid var(--line)}
.pt-h{display:flex;align-items:baseline;gap:14px;font-size:clamp(20px,1.9vw,24px);font-weight:500;letter-spacing:-.035em;color:var(--ink-3);transition:color .25s}
.pt-n{font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-3)}
.pt.on .pt-h{color:var(--ink)}
.pt-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.pt-p>span{overflow:hidden;font-size:16px;line-height:1.55;color:var(--ink-2);padding-left:32px;max-width:46ch}
.pt.on .pt-p{grid-template-rows:1fr}
.pt.on .pt-p>span{padding-top:10px}
.pt-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}
.pt-bar i{display:block;height:100%;width:0;background:var(--blue)}
.pt:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:6px}
.pt-vis{display:grid;border-radius:32px;background:var(--paper-2);border:1px solid var(--line);aspect-ratio:4/3;padding:clamp(12px,2vw,28px)}
.pt-vis img{grid-area:1/1;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.pt-vis img.on{opacity:1;transform:none}
.rvi article{padding:14px 14px 24px;gap:8px}
.rvi .rvv{border-radius:22px;background:#fff;aspect-ratio:4/3;display:grid;place-items:center;margin-bottom:10px;overflow:hidden}
.rvi .rvv img{width:100%;height:100%;object-fit:contain}
.rvi h3,.rvi p{padding-inline:10px}
.rvi p{font-size:15px}
@media (max-width:900px){.ptabs{grid-template-columns:1fr}.pt-vis{order:-1}}

/* V19 · commentaires du 11/11 */
h1{font-weight:400;letter-spacing:-.065em}
h1 .hl,h2 .hl{font-style:italic;padding-right:.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
h2{letter-spacing:-.055em}
.stage-img img{max-width:none;width:100%}
@media (max-width:900px){.stage-img img{width:100%;margin:0}}
.ptabs{align-items:start}
.pt-list{gap:10px}
.pt{background:#fff;border:1px solid rgba(36,99,255,.14);border-radius:16px;padding:18px 20px;overflow:hidden;transition:color .25s,border-color .25s,box-shadow .25s}
.pt:last-child{border-bottom:1px solid rgba(36,99,255,.14)}
.pt:hover{border-color:rgba(36,99,255,.3)}
.pt.on{background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%;border-color:transparent;box-shadow:0 24px 50px -30px rgba(20,70,230,.8)}
.pt.on .pt-h,.pt.on .pt-n{color:#fff}
.pt.on .pt-p>span{color:rgba(255,255,255,.9)}
.pt-p>span{padding-left:30px}
.pt-bar{left:20px;right:20px;bottom:10px;height:2px;border-radius:2px}
.pt.on .pt-bar{background:rgba(255,255,255,.25)}
.pt-bar i{background:#fff}
.pt.on .pt-p>span{padding-bottom:8px}
.feats{display:grid;gap:clamp(40px,6vw,88px);margin-top:8px}
.feat{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:center}
.feat:nth-child(even) .ft-t{order:2}
.ft-n{font-size:12.5px;font-weight:500;color:var(--blue);font-variant-numeric:tabular-nums}
.ft-t h3{font-size:clamp(26px,2.6vw,36px);margin-top:10px}
.ft-t p{font-size:17px;line-height:1.55;color:var(--ink-2);margin-top:12px;max-width:34ch}
.ft-v{margin:0;border-radius:28px;padding:clamp(18px,3.4vw,44px);display:grid;place-items:center;min-height:clamp(260px,30vw,420px)}
.ft-v img{width:100%;height:auto;max-height:440px;object-fit:contain}
.ft-v figcaption{position:absolute;top:14px;right:16px;font-size:11.5px;font-weight:500;color:var(--ink-3);background:rgba(255,255,255,.7);border-radius:999px;padding:4px 10px}
.ft-note{text-align:center;font-size:14px;color:var(--ink-3);margin:clamp(36px,5vw,64px) 0 0}
@media (max-width:900px){.feat{grid-template-columns:1fr}.feat:nth-child(even) .ft-t{order:0}}
#rapport .scan{grid-template-columns:1fr;text-align:left}
#rapport .scan>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 40px;align-items:end}
#rapport .scan>div .sub{margin-top:0}
#rapport .scan>div h2{grid-row:span 2}
#rapport .scan .chips,#rapport .scan .btn{margin-top:0}
#rapport .scan>div .btn{justify-self:start}
#rapport .scanimg{width:100%;margin:8px 0 0;border-radius:18px;filter:drop-shadow(0 40px 50px rgba(0,20,120,.4))}
@media (max-width:900px){#rapport .scan>div{grid-template-columns:1fr}#rapport .scan>div h2{grid-row:auto}}
.how article{padding:14px 14px 26px}
.how article>:not(.hui){padding-inline:12px}
.hui{border-radius:20px;background:var(--paper);border:1px solid var(--line);padding:18px;min-height:190px;display:flex;flex-direction:column;justify-content:center;gap:12px;margin-bottom:10px}
.hui-field{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(36,99,255,.35);box-shadow:0 0 0 4px rgba(36,99,255,.1);border-radius:999px;padding:12px 16px;font-size:15px;color:var(--ink)}
.hui-ic{display:grid;place-items:center;width:18px;height:18px;color:var(--ink-3)}
.hui-ic svg{width:18px;height:18px}
.hui-caret{width:1.5px;height:18px;background:var(--blue);animation:hcaret 1s steps(1) infinite}
@keyframes hcaret{50%{opacity:0}}
.hui-chips{display:flex;flex-wrap:wrap;gap:6px}
.hui-chips span{font-size:12.5px;font-weight:500;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 11px;color:var(--ink-2)}
.hui-chips .o{color:var(--blue);border-color:rgba(36,99,255,.25)}
.hui-steps{list-style:none;margin:0;padding:0;display:grid}
.hui-steps li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-3);padding:9px 0;border-top:1px solid var(--line)}
.hui-steps li:first-child{border-top:0}
.hui-steps li i{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-2,rgba(11,11,15,.16))}
.hui-steps li.ok{color:var(--ink)}
.hui-steps li.ok i{border:0;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.hui-steps li.run{color:var(--ink);font-weight:500}
.hui-steps li.run i{border-color:var(--sun);box-shadow:inset 0 0 0 4px #fff;background:var(--sun)}
.hui-steps b{margin-left:auto;font-weight:500;color:var(--ink-3);font-size:12.5px;white-space:nowrap}
.hui-steps b.o{color:#C2410C}
.hui-who{display:flex;align-items:center;gap:12px}
.hui-who b{display:block;font-size:14px;font-weight:500;color:var(--ink)}
.hui-who small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.hui-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hui-slots span{text-align:center;font-size:12.5px;font-weight:500;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 4px;color:var(--ink-2)}
.hui-slots .on{background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%;color:#fff;border-color:transparent}
.kf{margin-top:14px;border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;padding:clamp(20px,3vw,32px);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:24px;align-items:center}
.kf-t{margin:0;display:grid;gap:6px}.kf-t b{font-weight:500;font-size:18px;letter-spacing:-.02em}.kf-t span{font-size:14px;color:var(--ink-3);line-height:1.45}
.kf-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.kf-g div{display:grid;gap:4px;padding-left:20px;border-left:1px solid var(--line)}
.kf-g b{font-family:var(--f-head);font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:-.05em;line-height:1}
.kf-g span{font-size:13.5px;color:var(--ink-2);line-height:1.4}
@media (max-width:900px){.kf{grid-template-columns:1fr}.kf-g{grid-template-columns:1fr 1fr;gap:18px 0}}
.hui-who .duo-av{display:flex;flex:none}
.hui-who .duo-av i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:500;font-size:13px;border:2px solid #fff;color:#fff;background:var(--blue)}
.hui-who .duo-av i+i{margin-left:-10px;background:var(--ink)}

/* V20 · commentaires 11/11 (2) */
.m-coal{background-color:#08080A;background-image:var(--grain),var(--m-coal)}
:root{--r-xl:24px}
h1 .hl,h2 .hl,h3 .hl{font-style:normal;padding-right:0}
.pt,.pt-vis,.scan,.final,.ft-v,.photo,.duo,.kf,.hui,.rv article,.bx,.case,.faq details,.fcta,.sl-c,.sl-v{border-radius:24px}
.pt{border-radius:24px;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}
.pt:last-child{border-bottom-width:1px}
.pt-bar{bottom:12px}
.pt-vis{position:relative;overflow:hidden;border:0;aspect-ratio:auto;min-height:440px;place-items:center;padding:clamp(20px,3vw,40px)}
.pv-i{grid-area:1/1;width:100%;max-width:440px;opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .45s var(--ease);pointer-events:none}
.pv-i.on{opacity:1;transform:none;pointer-events:auto}
/* kit UI */
.ui{background:#fff;color:var(--ink);border:1px solid rgba(11,11,15,.06);border-radius:20px;padding:18px;box-shadow:0 30px 60px -34px rgba(16,40,120,.45);display:grid;gap:14px;font-size:13px;text-align:left}
.ui-h{display:flex;align-items:center;gap:8px}.ui-h b{font-weight:500;font-size:14.5px;letter-spacing:-.01em}.ui-h span{margin-left:auto;font-size:11.5px;color:var(--ink-3)}
.lg-g,.lg-m{width:16px;height:16px;flex:none}
.ui-f{margin:0;font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding-top:10px}
.cA{--c:#22A06B}.cB{--c:#F2B01E}.cC{--c:#7B61FF}.cD{--c:#E5484D}.cV{--c:#2463FF}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c)}
.ui-donut{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.dn{width:120px;height:120px;border-radius:50%;background:conic-gradient(#2463FF 0 4%,#22A06B 4% 38%,#F2B01E 38% 65%,#7B61FF 65% 86%,#E5484D 86% 100%);display:grid;place-items:center;align-content:center;position:relative}
.dn::before{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}
.dn b,.dn small{position:relative}.dn b{font-size:24px;font-weight:500;letter-spacing:-.04em;color:var(--blue)}.dn small{font-size:10.5px;color:var(--ink-3)}
.lg{list-style:none;margin:0;padding:0;display:grid;gap:7px}.lg li{display:flex;align-items:center;gap:8px;color:var(--ink-2)}.lg li i{width:8px;height:8px;border-radius:50%;background:var(--c)}.lg li b{margin-left:auto;font-weight:500;color:var(--ink)}.lg li.me{color:var(--blue);font-weight:500}
.ui-q{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:14px;font-weight:500}
.ui-ad{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:10px 2px;border-top:1px solid var(--line)}
.ui-ad em{font-style:normal;font-size:11px;font-weight:600;border:1px solid var(--line-2);border-radius:6px;padding:2px 6px;grid-row:span 2}
.ui-ad b{font-weight:500;font-size:14px;color:#1A0DAB}.ui-ad span{font-size:12px;color:var(--ink-3)}
.ui-ad.org{grid-template-columns:1fr;opacity:.45}.ui-ad.org b{color:var(--ink)}
.ui-vb{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;height:170px;align-items:end}
.ui-vb div{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.ui-vb b{font-weight:500;font-size:14px}.ui-vb i{width:100%;height:calc(var(--h)*.72);border-radius:10px;background:#DCE8FF}
.ui-vb .hot i{background-color:var(--blue);background-image:var(--grain),linear-gradient(180deg,#5AB0FF,#2463FF 60%,#0B3FE6);background-size:240px 240px,100% 100%}
.ui-vb span{font-size:11px;color:var(--ink-3);white-space:nowrap}
.ui-flow{gap:8px;background:transparent;border:0;box-shadow:none;padding:0}
.ui-mini{background:#fff;border-radius:18px;padding:16px;display:grid;gap:6px;box-shadow:0 24px 50px -30px rgba(16,40,120,.45);border:1px solid rgba(11,11,15,.06)}
.ui-mini em{font-style:normal;font-size:11px;font-weight:600;border:1px solid var(--line-2);border-radius:6px;padding:2px 6px;justify-self:start}
.ui-mini b{font-weight:500;font-size:16px;letter-spacing:-.02em}.ui-mini span{font-size:12.5px;color:var(--ink-3)}
.ui-arr{justify-self:center;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink-3);font-size:15px;box-shadow:0 10px 20px -12px rgba(16,40,120,.4)}
.pg-bar{display:flex;align-items:center;gap:5px;margin-bottom:4px}.pg-bar i{width:7px;height:7px;border-radius:50%;background:#E3E3E0}.pg-bar small{margin-left:8px;font-size:10.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-mini .sk{display:block;height:8px;border-radius:4px;background:#EEEEEB;width:90%}.ui-mini .sk.s{width:60%}
.ui-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ui-tags span{font-size:11.5px;font-weight:500;border-radius:999px;padding:4px 10px}
.ui-tags .ko{background:#FDECEC;color:#B42318}.ui-tags .ok{background:#E7F6EE;color:#137A47}
.ui-t{width:100%;border-collapse:collapse;font-size:12.5px}
.ui-t th{font-weight:500;color:var(--ink-3);font-size:11.5px;padding:0 0 8px;text-align:center}.ui-t th:first-child{text-align:left}
.ui-t th .dot{margin-right:4px}
.ui-t td{padding:8px 0;border-top:1px solid var(--line);text-align:center;color:var(--ink-4,#C9C9CF)}.ui-t td:first-child{text-align:left;color:var(--ink);white-space:nowrap;padding-right:8px}
.ui-t s{text-decoration:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c);color:#fff;font-size:11px;font-weight:600}
.ui-t .me{background:rgba(36,99,255,.05)}.ui-t .hl-r td{background:#FFF4EF}.ui-t .hl-r td.me{background:#FFF4EF}
.ui-big{border:0;color:#fff;padding:24px;min-height:250px;align-content:space-between;box-shadow:0 34px 70px -36px rgba(20,70,230,.8)}
.ui-k{font-size:12.5px;font-weight:500;opacity:.9}.ui-n{font-size:84px;font-weight:400;letter-spacing:-.06em;line-height:.9}.ui-s{font-size:14px;line-height:1.45;opacity:.92;max-width:28ch}
.ui-chips{display:flex;flex-wrap:wrap;gap:6px}.ui-chips span{font-size:11.5px;font-weight:500;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);border-radius:999px;padding:5px 10px}
.ui-line{width:100%;height:130px;display:block}
.ui-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:var(--ink-2)}.ui-leg span{display:inline-flex;align-items:center;gap:6px}.ui-leg .me{color:var(--blue);font-weight:500}
.ui-kpi{display:flex;align-items:baseline;gap:10px;border-top:1px solid var(--line);padding-top:10px}.ui-kpi b{font-size:26px;font-weight:400;letter-spacing:-.04em}.ui-kpi span{font-size:12px;color:var(--ink-3)}
.ui-kpis{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px}.ui-kpis div{padding:10px 12px;display:grid;gap:2px}.ui-kpis div+div{border-left:1px solid var(--line)}.ui-kpis span{font-size:11px;color:var(--ink-3)}.ui-kpis b{font-size:22px;font-weight:400;letter-spacing:-.04em}
.ui-ages{display:grid;grid-template-columns:auto repeat(5,1fr);gap:8px;align-items:end;height:84px}.ui-ages>span{font-size:11px;color:var(--ink-3);align-self:center}
.ui-ages div{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.ui-ages i{width:100%;height:calc(var(--w)*.6);border-radius:6px;background:#22A06B}.ui-ages small{font-size:10px;color:var(--ink-3)}
.ui-hb,.ui-st,.ui-rg{display:grid;gap:10px}
.ui-hb .r,.ui-st .r,.ui-rg .r{display:grid;grid-template-columns:84px 1fr auto;gap:10px;align-items:center;font-size:12.5px;color:var(--ink-2)}
.ui-hb.sm .r{grid-template-columns:84px 1fr 40px}
.ui-hb i,.ui-st i,.ui-rg i{height:10px;border-radius:5px;background:#F1F1EE;display:flex;gap:2px;position:relative;overflow:hidden}
.ui-hb u{display:block;height:100%;width:var(--w);border-radius:5px;background:var(--c)}
.ui-st u{display:block;height:100%;width:var(--w);border-radius:5px}.ui-st u.g{background:#0B0B0F}.ui-st u.m{background:#2463FF}
.ui-rg u{position:absolute;top:0;bottom:0;left:var(--a);width:calc(var(--b) - var(--a));border-radius:5px;background:var(--c)}
.ui-hb b,.ui-st b,.ui-rg b{font-weight:500;color:var(--ink);text-align:right;white-space:nowrap}
.r.me span{color:var(--blue);font-weight:500}
.ui-leg.top span{gap:5px}
/* slider */
.sl{margin-top:8px}
.sl-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 24px;margin:0 -2px}
.sl-track::-webkit-scrollbar{display:none}
.sl-c{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}
.sl-v{position:relative;border-radius:0;display:grid;place-items:center;padding:28px 24px;min-height:360px}
.sl-v .ui{width:100%}
.sl-ex{position:absolute;top:12px;right:14px;z-index:2;font-size:11px;font-weight:500;color:var(--ink-3);background:rgba(255,255,255,.75);border-radius:999px;padding:3px 9px}
.sl-t{padding:22px 24px 26px;display:grid;gap:8px}.sl-t h3{font-size:clamp(21px,1.8vw,24px)}.sl-t p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.sl-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px}
.sl-nav .ft-note{margin:0;text-align:left}
.sl-btns{display:flex;gap:8px;flex:none}
.sl-b{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);background:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,opacity .2s}
.sl-b svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sl-b:hover{background:var(--paper)}.sl-b:disabled{opacity:.35;cursor:default}
@media (max-width:1000px){.sl-c{flex-basis:calc((100% - 16px)/2)}}
@media (max-width:640px){.sl-c{flex-basis:86%}.sl-nav{flex-direction:column-reverse;align-items:flex-start}}
/* rapport */
#rapport .scan{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(24px,4vw,56px);overflow:hidden;padding-right:0;align-items:center}
#rapport .scan>div{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
#rapport .scan>div h2{grid-row:auto}
#rapport .scanimg{width:118%;max-width:none;margin:0;border-radius:16px 0 0 16px}
.proof.on-mesh{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);color:#fff;box-shadow:none;backdrop-filter:blur(8px)}
.proof.on-mesh .t b{color:#fff}.proof.on-mesh .faces img{border-color:rgba(255,255,255,.8)}
@media (max-width:900px){#rapport .scan{grid-template-columns:1fr;padding-right:clamp(28px,5vw,64px)}#rapport .scanimg{width:100%;border-radius:12px}}
/* duo */
.ui-duo{display:grid;gap:0;margin-top:auto}
.ui-duo .ui{gap:10px;padding:16px}
.ui-link{justify-self:center;display:flex;flex-direction:column;align-items:center;padding:6px 0}
.ui-link::before,.ui-link::after{content:"";width:2px;height:12px;background:var(--blue);opacity:.4}
.ui-link span{font-size:11.5px;font-weight:500;color:var(--blue);background:rgba(36,99,255,.08);border-radius:999px;padding:4px 10px}
.pg-t{font-size:17px;font-weight:500;letter-spacing:-.02em}.pg-s{font-size:12.5px;color:var(--ink-3)}
.ui-who{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3)}
.ui-who i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:600;color:#fff;background:var(--ink)}.ui-who i.s{background:var(--blue)}
/* kf bleu */
.kf.mesh{border:0;color:#fff;box-shadow:0 34px 70px -40px rgba(20,70,230,.75)}
.kf.mesh .kf-t span{color:rgba(255,255,255,.8)}
.kf-g{grid-template-columns:repeat(3,minmax(0,1fr))}
.kf.mesh .kf-g div{border-color:rgba(255,255,255,.25)}.kf.mesh .kf-g span{color:rgba(255,255,255,.85)}
@media (max-width:900px){.kf-g{grid-template-columns:1fr 1fr 1fr;gap:0}.kf-g div{padding-left:12px}}
@media (max-width:520px){.kf-g{grid-template-columns:1fr;gap:14px}.kf-g div{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.25);padding-top:12px}}
/* final */
.ui-mail{display:grid;place-items:center;padding:clamp(4px,1vw,16px)}
.ui.mail{max-width:400px;width:100%;gap:14px;padding:22px}
.ml-h{display:flex;align-items:center;gap:12px}.ml-h b{display:block;font-size:14px;font-weight:500}.ml-h small{display:block;font-size:12.5px;color:var(--ink-3)}.ml-h time{margin-left:auto;font-size:11.5px;color:var(--ink-3);align-self:flex-start}
.ml-h .duo-av,.ui-mail .duo-av{display:flex;flex:none}
.ml-h .duo-av i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:500;font-size:13px;border:2px solid #fff;color:#fff;background:var(--blue)}.ml-h .duo-av i+i{margin-left:-10px;background:var(--ink)}
.ml-p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.ml-k{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px}.ml-k div{padding:12px;display:grid;gap:4px}.ml-k div+div{border-left:1px solid var(--line)}
.ml-k b{font-size:24px;font-weight:400;letter-spacing:-.04em}.ml-k span{font-size:11px;line-height:1.35;color:var(--ink-3)}
.ml-btn{justify-self:start;font-size:13.5px;font-weight:500;color:#fff;border-radius:999px;padding:11px 18px;background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%}
.ml-u{font-size:11.5px;color:var(--ink-3)}
/* form steps */
.stp-body{display:contents}
.stp-f{display:grid;gap:10px;max-width:560px}
.stp-in{display:block}.stp-in .sr{position:absolute;left:-9999px}
.stp-in input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:0;border-radius:16px;padding:16px 18px;outline:none;box-shadow:0 20px 40px -24px rgba(0,20,110,.6)}
.stp-in input:focus{box-shadow:0 0 0 3px rgba(255,255,255,.55),0 20px 40px -24px rgba(0,20,110,.6)}
.stp-ch{display:flex;flex-wrap:wrap;gap:8px;max-width:600px}
.ch{all:unset;box-sizing:border-box;cursor:pointer;font-size:15px;font-weight:500;padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);color:#fff;transition:background .2s,color .2s}
.ch:hover{background:rgba(255,255,255,.24)}.ch.on{background:#fff;color:var(--blue-ink);border-color:#fff}
.ch:focus-visible{outline:2px solid #fff;outline-offset:3px}
.stp-legal{margin:0;font-size:12.5px;color:var(--on-mesh-2);max-width:52ch}
.stp-act{display:flex;align-items:center;gap:16px;margin-top:4px}
.gen .ln b{font-weight:500;color:var(--on-mesh-2)}.gen .ln.done b{color:#fff}.gen .ln.run b{color:#FFC7A8}
.ready{gap:6px}.ready span{font-size:13.5px;color:var(--ink-2)}
@media (max-width:900px){.final{grid-template-columns:1fr}}
.ui.mesh.m-wave{background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%}
.sl-c{flex-basis:calc((100% - 16px)/2.35)}
.ui-kpi b{white-space:nowrap}
.sl-v{min-height:400px;padding:36px clamp(24px,4vw,56px)}
.sl-v .ui{max-width:460px}
@media (max-width:640px){.sl-c{flex-basis:88%}.sl-v{min-height:0;padding:28px 16px}}
.kf.mesh.m-wave{background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%}
.pt-vis.m-ice{background-color:#DCE8FF;background-image:var(--grain),var(--m-ice);background-size:240px 240px,100% 100%}
@media (max-width:900px){.pt-vis{min-height:0}}

/* V21 */
.hv{position:relative;background:none;box-shadow:none;border-radius:0;min-height:560px;padding:0;display:block}
.hv .ui{position:absolute}
.hv-c{left:12%;right:10%;top:20%;gap:14px;padding:22px;z-index:1}
.hv-vs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px}
.hv-vs div{padding:12px 14px;display:grid;gap:2px}.hv-vs div+div{border-left:1px solid var(--line)}
.hv-vs span{font-size:11.5px;color:var(--ink-3)}.hv-vs b{font-size:34px;font-weight:400;letter-spacing:-.05em;line-height:1}.hv-vs small{font-size:11px;color:var(--ink-3)}
.hv-vs .me b{color:var(--blue)}
.hv-line{width:100%;height:130px;display:block}
.hv-f{z-index:2;padding:14px 16px;gap:4px;animation:hvf 7s ease-in-out infinite;max-width:250px}
.hv-f b{font-weight:400;letter-spacing:-.04em}.hv-f small{display:block;font-size:11.5px;color:var(--ink-3);line-height:1.35}
.hv-k{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--ink-2)}
.f1{left:0;top:2%;border:0;color:#fff;padding:16px 18px;max-width:210px}
.f1 .hv-k{color:rgba(255,255,255,.9)}.f1 .hv-k .lg-g{background:#fff;border-radius:50%;padding:2px;width:18px;height:18px}
.f1 b{font-size:54px;line-height:.95}.f1>span:last-child{font-size:12.5px;line-height:1.35;opacity:.92}
.f2{right:0;top:6%;display:flex;align-items:center;gap:10px;animation-delay:-2s}
.f2 b{display:block;font-size:20px}
.hv-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#FFF1EA;font-size:15px;flex:none}
.f3{right:-2%;top:58%;width:220px;animation-delay:-4s}
.f3 b.n{font-size:28px}
.hv-bar{display:block;height:7px;border-radius:4px;background:#F1F1EE;overflow:hidden}.hv-bar i{display:block;height:100%;width:var(--w);background:#22A06B;border-radius:4px}.hv-bar.me i{background:var(--blue)}
.f4{left:2%;bottom:6%;animation-delay:-1s}
.f4 b.n{font-size:22px}
.f5{left:36%;bottom:0;display:flex;align-items:center;gap:12px;animation-delay:-3s;max-width:300px}
.f5 b{display:block;font-size:14px;font-weight:500;letter-spacing:-.01em}
.hv-av{display:flex;flex:none}.hv-av img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:2px solid #fff;background:#ddd}.hv-av img+img{margin-left:-12px}
@keyframes hvf{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.hv-f{animation:none}}
@media (max-width:960px){.hv{min-height:520px;max-width:560px;margin:8px auto 0;width:100%}}
@media (max-width:560px){.hv{min-height:0;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:24px}
 .hv .ui{position:static;max-width:none;width:auto;animation:none}
 .hv-c{grid-column:1/-1;order:-1}.f5{grid-column:1/-1}.f3{width:auto}.f1 b{font-size:42px}}
.fbig{display:block;white-space:nowrap;font-weight:500;line-height:.8;letter-spacing:-.06em;overflow:hidden}
.fbig span{display:inline-block}
.hv{min-height:600px;margin-right:clamp(16px,3vw,40px)}
.hv-c{top:25%;left:10%;right:8%}
.f1{top:0;left:2%}.f2{top:3%;right:0}.f3{top:56%;right:-1%}.f4{bottom:3%;left:0}.f5{bottom:0;left:40%}
@media (max-width:960px){.hv{margin-right:0}}
@media (max-width:560px){.f4 b.n{font-size:17px;white-space:nowrap}.f3 b.n{font-size:24px}}

/* V22 hero vs */
.vsx{position:relative;border-radius:32px 0 0 32px;min-height:600px;display:grid;place-items:center;padding:clamp(28px,4vw,56px) clamp(24px,4vw,56px)}
.vx-card{position:relative;z-index:1;width:100%;max-width:520px;background:#fff;color:var(--ink);border-radius:24px;padding:22px;display:grid;gap:18px;box-shadow:0 50px 90px -40px rgba(0,20,110,.75),0 0 0 1px rgba(255,255,255,.4)}
.vx-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}
.vx-tag{font-weight:500;color:var(--blue);background:rgba(36,99,255,.08);border-radius:999px;padding:5px 10px}
.vx-mk{color:var(--ink-3)}
.vx-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--paper)}
.vx-side{display:flex;align-items:center;gap:10px;min-width:0}.vx-side b{display:block;font-size:15px;font-weight:500;letter-spacing:-.01em}.vx-side small{display:block;font-size:11.5px;color:var(--ink-3)}
.vx-side:not(.me){justify-content:flex-end;text-align:right;flex-direction:row-reverse}
.vx-av{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:600;background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%;flex:none}
.vx-avs{display:flex;flex:none}.vx-avs i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:600;color:#fff;background:var(--c);border:2px solid var(--paper);margin-left:-8px}.vx-avs i:first-child{margin-left:0}
.vx-vs{font-size:12px;font-weight:600;color:var(--ink-3);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line)}
.vx-rows{display:grid;gap:14px}
.vr{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
.vl{grid-column:1/-1;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--ink-2)}
.vb{display:flex;align-items:center;gap:8px}.vb i{flex:1;height:10px;border-radius:5px;background:#F1F1EE;position:relative;overflow:hidden}
.vb i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:5px;background:#0B0B0F}
.vb.me i::after{background-color:var(--blue);background-image:var(--grain),linear-gradient(90deg,#5AB0FF,#2463FF);background-size:240px 240px,100% 100%}
.vb b{font-size:14px;font-weight:500;min-width:58px;text-align:right;letter-spacing:-.02em;white-space:nowrap}
.vb.me b{color:var(--blue)}
.vx-foot{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.vx-foot b{display:block;font-size:14px;font-weight:500}.vx-foot small{display:block;font-size:12px;color:var(--ink-3)}
.vx-float{position:absolute;z-index:2;top:9%;right:clamp(12px,3vw,40px);border:0;color:#fff;width:190px;padding:16px 18px;gap:4px;animation:hvf 7s ease-in-out infinite}
.vx-float.m-sun{background-color:#FF6A2B;background-image:var(--grain),var(--m-sun);background-size:240px 240px,100% 100%}
.vx-float b{font-size:40px;font-weight:400;letter-spacing:-.05em;line-height:1}.vx-float span{font-size:12.5px;line-height:1.35;opacity:.95}
@media (max-width:960px){.vsx{border-radius:24px;min-height:0;margin-top:24px}}
@media (max-width:560px){.vsx{padding:56px 12px 16px}.vx-card{padding:16px;gap:14px}.vx-float{top:-8px;right:12px;width:auto;max-width:220px;padding:10px 14px;display:flex;align-items:center;gap:10px;animation:none}.vx-float b{font-size:28px}.vx-side small{display:none}.vb b{min-width:44px;font-size:13px}}
.vsx{padding-top:96px}
.vx-float{top:28px;right:clamp(16px,3vw,44px);display:flex;align-items:center;gap:12px;width:auto;max-width:300px;padding:12px 16px}
.vx-float b{font-size:34px}
@media (max-width:560px){.vsx{padding-top:72px}.vx-float{top:12px}.vx-avs,.vx-mk{display:none}.vx-head{padding:10px;gap:8px}.vx-side b{font-size:14px}}

/* V23 */
.pt.on{background-image:var(--grain),var(--m-tab);border-color:transparent}
.pt{-webkit-mask-image:none;isolation:auto}
.sl-v.m-peach,.mesh.m-peach{background-color:#FFE9DD;background-image:var(--grain),var(--m-peach);background-size:240px 240px,100% 100%;color:var(--ink)}
.sl-ex{background:rgba(255,255,255,.8)}
.ui-who img{width:24px;height:24px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.hui-ic{color:var(--blue)}
.kf-t b{font-size:clamp(24px,2.4vw,32px);font-weight:500;letter-spacing:-.04em;line-height:1.1}
.case .lp{margin-top:auto}
.case blockquote+.au{margin-bottom:24px}
/* slider bleed to viewport right */
.sl-track{margin-right:calc(-1 * var(--cl));padding-right:var(--cl);scroll-padding-left:2px}
/* hero search */
.hs{position:relative;border-radius:32px 0 0 32px;min-height:600px;padding:0;display:block;overflow:hidden}
.hs-serp{position:absolute;left:9%;top:13%;width:min(400px,62%);background:#fff;color:var(--ink);border-radius:24px;padding:18px;display:grid;gap:8px;box-shadow:0 50px 90px -40px rgba(0,20,110,.8);z-index:1}
.hs-q{display:flex;align-items:center;gap:10px;border:1px solid var(--line-2);border-radius:999px;padding:11px 16px;font-size:16px;font-weight:500;margin-bottom:6px}
.hs-q .lg-g{width:20px;height:20px}
.hs-cur{width:1.5px;height:18px;background:var(--ink);animation:hcaret 1s steps(1) infinite}
.hs-ad,.hs-me{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:#F7F7F5;border-left:4px solid var(--c)}
.hs-ad em{display:block;font-style:normal;font-size:11px;font-weight:600;color:var(--ink-2)}
.hs-ad b,.hs-me b{display:block;font-size:16px;font-weight:500;letter-spacing:-.02em}.hs-ad b{color:#1A0DAB}
.hs-ad small,.hs-me small{display:block;font-size:12px;color:var(--ink-3)}
.hs-rk{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;color:#fff;background:var(--c)}
.hs-me{border-left-color:var(--blue);background:#fff;border:1px dashed rgba(36,99,255,.45);border-left:4px solid var(--blue);opacity:.9}
.hs-me .hs-rk{background:var(--blue)}.hs-me b{color:var(--blue)}
.hs-big{position:absolute;right:7%;top:9%;z-index:2;width:210px;background-color:#FF6A2B;background-image:var(--grain),var(--m-sun);background-size:240px 240px,100% 100%;color:#fff;border-radius:24px;padding:18px 20px;box-shadow:0 34px 60px -30px rgba(200,60,0,.7);animation:hvf 7s ease-in-out infinite}
.hs-big b{display:block;font-size:72px;font-weight:400;letter-spacing:-.06em;line-height:.9}.hs-big span{font-size:14px;line-height:1.35}
.hs-meta{position:absolute;right:5%;bottom:17%;z-index:2;width:220px;background:#fff;color:var(--ink);border-radius:20px;padding:10px;box-shadow:0 34px 60px -30px rgba(0,20,110,.7);animation:hvf 7s ease-in-out -3s infinite}
.hs-img{height:110px;border-radius:14px;background:linear-gradient(135deg,#22A06B,#0E7A4D 60%,#0B3F2B);display:flex;align-items:flex-end;padding:10px;color:#fff;font-size:15px;font-weight:500;letter-spacing:-.02em}
.hs-mt{display:flex;align-items:center;gap:8px;padding:10px 4px 2px}.hs-mt .lg-m{width:20px;height:20px}.hs-mt b{display:block;font-size:13.5px;font-weight:500}.hs-mt small{display:block;font-size:11.5px;color:#C2410C;font-weight:500}
.hs-duo{position:absolute;left:9%;bottom:6%;z-index:2;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);color:#fff;border-radius:999px;padding:6px 16px 6px 6px;font-size:14px;font-weight:500}
.hs-ex{position:absolute;right:16px;bottom:14px;font-size:11px;color:rgba(255,255,255,.75)}
@media (max-width:960px){.hs{border-radius:24px;margin-top:24px;min-height:560px}}
@media (max-width:560px){.hs{min-height:0;display:grid;gap:12px;padding:16px;grid-template-columns:1fr 1fr}
 .hs>*{position:static!important;width:auto!important;animation:none!important}
 .hs-serp{grid-column:1/-1}.hs-duo{grid-column:1/-1;justify-self:start}.hs-ex{grid-column:1/-1;justify-self:end}
 .hs-big b{font-size:52px}.hs-img{height:80px}}
.hs-serp{left:7%;width:min(380px,56%)}
.hs-big{top:5%;right:4%;width:200px}.hs-meta{right:4%;bottom:13%;width:210px}

/* V24 hero preview */
.hd{position:relative;border-radius:32px 0 0 32px;min-height:600px;padding:56px 0 32px clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:28px;overflow:hidden}
.hd-shot{margin-right:0}
.hd-shot img{display:block;width:100%;height:auto;border-radius:16px 0 0 16px;box-shadow:0 40px 80px -30px rgba(0,20,110,.75),0 0 0 1px rgba(255,255,255,.25)}
.hd-re{list-style:none;margin:0;padding:0 clamp(16px,3vw,40px) 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;color:#fff;font-size:14px;font-weight:500}
.hd-re li{display:inline-flex;align-items:center;gap:8px}
.hd-re svg{width:18px;height:18px;padding:3px;border-radius:50%;background:rgba(255,255,255,.2);flex:none}
@media (max-width:960px){.hd{border-radius:24px 0 0 24px;min-height:0;margin-top:24px;margin-right:calc(-1 * max(16px,env(safe-area-inset-right,0px)))}}
@media (max-width:560px){.hd{padding:28px 0 22px 18px;gap:18px}.hd-re{font-size:13px;gap:8px 14px}}
.hd-shot img{width:140%;max-width:none;border-radius:16px 0 0 16px}
@media (max-width:560px){.hd-shot img{width:170%}}
/* V25 */
.hd{background:none;box-shadow:none;padding:24px 0;border-radius:0;min-height:0;overflow:hidden;align-self:center}
.hd-shot img{width:160%;border-radius:18px 0 0 18px;box-shadow:0 50px 90px -40px rgba(16,40,120,.45),0 0 0 1px rgba(11,11,15,.06)}
@media (max-width:960px){.hd{margin-top:24px;border-radius:0}.hd-shot img{width:150%}}
@media (max-width:560px){.hd{padding:8px 0}.hd-shot img{width:165%}}

/* V26 */
.al-t span{white-space:normal}
.pt-bar{display:none!important}
.photo .tags{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:1}
.photo .tags .tagl{padding:6px 11px 6px 9px}
.duo.mesh{border:0;color:#fff}
.duo.mesh h3,.duo.mesh h3 .hl{color:#fff;background:none;-webkit-text-fill-color:#fff}
.duo.mesh .ui-link span{background:rgba(255,255,255,.2);color:#fff}.duo.mesh .ui-link::before,.duo.mesh .ui-link::after{background:#fff}
/* comment: fond bleu, accents orange */
.how .hui{background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%;border:0}
.how .hui-steps{background:#fff;border-radius:14px;padding:4px 12px}
.how .hui-field{border-color:rgba(255,106,43,.55);box-shadow:0 0 0 4px rgba(255,106,43,.18)}
.how .hui-caret{background:var(--sun)}
.how .hui-ic{color:var(--sun)}
.how .hui-chips span{border-color:transparent}
.how .hui-chips .o{color:#C2410C;background:#FFF1EA}
.how .hui-steps li.ok i{background-color:var(--sun)}
.how .hui-who{background:#fff;border-radius:14px;padding:10px 12px}
.how .hui-slots span{border-color:transparent}
.how .hui-slots .on{background-color:var(--sun);background-image:var(--grain),var(--m-sun)}
/* rapport: preview = hauteur du texte */
#rapport .scan{align-items:stretch;padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(28px,4vw,48px)}
#rapport .scan>img.scanimg{width:auto;height:100%;max-height:none;min-height:0;object-fit:cover;object-position:left top;justify-self:start;align-self:stretch;filter:none;box-shadow:0 40px 80px -30px rgba(0,20,110,.6)}
#rapport .scan{grid-template-rows:auto}
@media (max-width:900px){#rapport .scan>img.scanimg{width:100%;height:auto}}
/* tab visuals */
.pv-i{max-width:500px}
.pv{gap:12px;padding:20px}
.pv-h{display:flex;align-items:center;gap:8px}.pv-h b{font-size:15px;font-weight:500;letter-spacing:-.01em}.pv-x{margin-left:auto;font-size:11px;color:var(--ink-3)}
.pv-2{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.pv-col{display:grid;gap:7px;padding:12px;border-radius:14px;border:1px solid var(--line)}
.pv-col.off{background:#F4F4F2}
.pv-k{font-size:11px;font-weight:500;color:var(--ink-3)}.pv-k.on{color:var(--blue)}
.pv-q{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3)}.pv-q i{width:8px;height:8px;border-radius:50%;background:#C9C9CF}.pv-q b{margin-left:auto;font-weight:500;filter:blur(.4px)}
.pv-q.me{color:var(--ink)}.pv-q.me i{background:var(--blue)}.pv-q.me b{filter:none}
.pv-arrow{font-size:18px;color:var(--ink-3)}
.pv-r{display:grid;grid-template-columns:76px 1fr 22px;gap:6px;align-items:center;font-size:12px;color:var(--ink-2)}.pv-r i{height:8px;border-radius:4px;background:#F1F1EE;overflow:hidden}.pv-r u{display:block;height:100%;width:var(--w);background:var(--c);border-radius:4px}.pv-r b{font-weight:500;color:var(--ink);text-align:right}.pv-r.me span,.pv-r.me b{color:var(--blue)}
.pv-f{margin:0;font-size:12.5px;color:var(--ink-2);border-top:1px solid var(--line);padding-top:10px}
.pv-ad{display:grid;gap:1px;padding:10px 12px;border-radius:12px;background:#F7F7F5;border-left:4px solid var(--c)}
.pv-ad em{font-style:normal;font-size:10.5px;font-weight:600;color:var(--ink-2)}.pv-ad b{font-size:14.5px;font-weight:500;color:#1A0DAB}.pv-ad small{font-size:11.5px;color:var(--ink-3)}
.pv-ad.me{border:1px dashed rgba(36,99,255,.4);border-left:4px solid var(--blue);background:#fff}.pv-ad.me b{color:var(--blue)}
.pv-badge{position:absolute;right:-14px;top:-18px;display:flex;align-items:center;gap:8px;background-color:#FF6A2B;background-image:var(--grain),var(--m-sun);background-size:240px 240px,100% 100%;color:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 20px 40px -20px rgba(200,60,0,.7);max-width:200px}
.pv-badge b{font-size:34px;font-weight:400;letter-spacing:-.05em;line-height:1}.pv-badge span{font-size:12px;line-height:1.3}
.pv-i .ui{position:relative}
.pv-g{display:grid;gap:9px}
.pv-gr{display:grid;grid-template-columns:150px 1fr 44px 52px;gap:8px;align-items:center;font-size:12px;color:var(--ink-2)}
.pv-gr i{height:10px;border-radius:5px;background:#F1F1EE;overflow:hidden}.pv-gr u{display:block;height:100%;width:var(--w);border-radius:5px;background:var(--c,#22A06B)}
.pv-gr b{font-weight:500;color:var(--ink);text-align:right}.pv-gr em{font-style:normal;font-size:10.5px;font-weight:500;border-radius:999px;padding:2px 7px;text-align:center;background:#E7F6EE;color:#137A47}
.pv-gr.off{color:var(--ink-3)}.pv-gr.off u{background:#C9C9CF}.pv-gr.off em{background:#F1F1EE;color:var(--ink-3)}
.pv4{display:grid;gap:10px}
.pv-adc{gap:3px;padding:14px 16px;max-width:300px}.pv-adc em{font-style:normal;font-size:10.5px;font-weight:600;border:1px solid var(--line-2);border-radius:6px;padding:2px 6px;justify-self:start}.pv-adc b{font-size:15px;font-weight:500}.pv-adc small{font-size:12px;color:var(--ink-3)}
.pv-page{gap:8px;margin-left:36px}.pv-page>b{font-size:17px;font-weight:500;letter-spacing:-.02em}.pv-page .sk{display:block;height:8px;border-radius:4px;background:#EEEEEB;width:90%}.pv-page .sk.s{width:60%}
.pv-ck{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px;font-size:12.5px}
.pv-ck li{display:flex;align-items:center;gap:8px}.pv-ck li::before{content:"";width:16px;height:16px;border-radius:50%;flex:none;background:#FDECEC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B42318' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/9px no-repeat}
.pv-ck li.ok::before{background:#E7F6EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23137A47' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
.pv-ck li.ko{color:var(--ink)}.pv-ck li.ok{color:var(--ink-3)}
.pv-score{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:10px}.pv-score b{font-size:28px;font-weight:400;letter-spacing:-.05em;color:#B42318}.pv-score span{font-size:12px;color:var(--ink-3)}
@media (max-width:560px){.pv-2{grid-template-columns:1fr}.pv-arrow{transform:rotate(90deg);justify-self:center}.pv-gr{grid-template-columns:1fr 40px 50px}.pv-gr i{grid-column:1/-1;order:2}.pv-page{margin-left:0}.pv-badge{position:static;max-width:none}}
/* hero bleu (variante) */
.hero.hero-blue{background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%;border-radius:0 0 32px 32px;padding-bottom:40px;color:#fff}
.hero-blue h1{color:#fff}.hero-blue h1 .hl{background:none;-webkit-text-fill-color:#C4FBFF;color:#C4FBFF}
.hero-blue .lede,.hero-blue .under{color:rgba(255,255,255,.88)}.hero-blue .lede b{color:#fff}
.hero-blue .proof{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff;box-shadow:none}.hero-blue .proof .t b{color:#fff}
.hero-blue .scanbar{border:0;box-shadow:0 24px 50px -24px rgba(0,20,110,.7)}
.hero-blue .under .ck{background:rgba(255,255,255,.2)}
.hero-blue .hd-shot img{box-shadow:0 50px 90px -30px rgba(0,10,80,.7)}
.hv-tog{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:4px;background:#0B0B0F;color:#fff;border-radius:999px;padding:4px;font-size:12px;font-weight:500;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.hv-tog span{padding:0 8px;opacity:.7}.hv-tog button{all:unset;cursor:pointer;padding:6px 12px;border-radius:999px}.hv-tog button.on{background:#fff;color:#0B0B0F}
#rapport .scan>img.scanimg{height:0;min-height:100%;width:100%;object-fit:cover;object-position:left top;border-radius:16px 0 0 16px}
@media (max-width:900px){#rapport .scan>img.scanimg{height:auto;min-height:0}}
.duo.mesh.m-wave{background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%;box-shadow:0 34px 70px -40px rgba(20,70,230,.75)}
@media (min-width:1200px){.hero h1{font-size:clamp(64px,5.3vw,88px);line-height:.98}}
.hv-tog{flex-wrap:wrap;max-width:calc(100vw - 32px)}.hv-tog i{width:1px;height:16px;background:rgba(255,255,255,.25);margin:0 4px}
.ltrack img{filter:grayscale(1) contrast(1.05);opacity:.62}
.hd{padding:32px 0 72px}
.hd-shot img{box-shadow:0 24px 48px -28px rgba(16,40,120,.35),0 0 0 1px rgba(11,11,15,.06)}
.hd{overflow:visible;padding:32px 0 40px}
.hd-shot img{box-shadow:0 2px 6px rgba(16,40,120,.06),0 30px 70px -18px rgba(16,40,120,.22),0 0 0 1px rgba(11,11,15,.06)}
#heroSec{overflow-x:clip;overflow-y:visible}

/* ===== Pages internes : mêmes jetons que l'accueil (papier, encre, mesh bleu, orange = CTA) ===== */
.btn-ghost{color:var(--ink)}
.navlinks{align-items:center}
.navlinks .dd{position:relative}
.navlinks .dd>button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-weight:500}
.navlinks .dd>button:hover,.navlinks .dd:focus-within>button{color:var(--ink)}
.navlinks .dd>button svg{transition:transform .25s var(--ease)}
.navlinks .dd.open>button svg{transform:rotate(180deg)}
.dd-menu{position:absolute;left:-18px;top:calc(100% + 14px);width:min(560px,90vw);background:var(--paper-2);border:1px solid var(--line);border-radius:24px;box-shadow:0 1px 2px rgba(11,11,15,.05),0 30px 60px -30px rgba(11,11,15,.35);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,transform .2s var(--ease),visibility .2s}
.dd.open .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-menu a{display:block;padding:12px 14px;border-radius:16px;color:var(--ink)}
.dd-menu a:hover{background:var(--paper)}
.dd-menu:not(.mm) b{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em}
.dd-menu:not(.mm) span{display:block;font-size:13px;color:var(--ink-3);margin-top:2px;line-height:1.4}
.dd-menu .sep{grid-column:1/-1;font-size:12px;font-weight:600;color:var(--ink-3);padding:10px 14px 2px}
.navlinks a[aria-current="page"]{color:var(--ink)}
.mnav{display:none}
@media (max-width:960px){
  .mnav{display:block;position:relative}
  .mnav>summary{list-style:none;cursor:pointer;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;background:var(--paper-2)}
  .mnav>summary::-webkit-details-marker{display:none}
  .mnav[open]>summary{background:var(--ink);color:#fff;border-color:var(--ink)}
  .mnav .panel{position:fixed;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 76px);max-height:calc(100dvh - 96px);overflow:auto;background:var(--paper-2);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 60px -30px rgba(11,11,15,.4);padding:10px;display:grid;gap:2px}
  .mnav .panel a{padding:13px 14px;border-radius:14px;font-weight:500;font-size:16px}
  .mnav .panel a:hover{background:var(--paper)}
  .mnav .panel .sep{font-size:12px;font-weight:600;color:var(--ink-3);padding:12px 14px 4px}
  .mnav .panel .btn{margin-top:8px}
}
@media (max-width:560px){.navcta .btn-ghost{display:none}}

/* fil d'Ariane */
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--ink-3);font-weight:500}
.crumbs a:hover{color:var(--ink)}
.crumbs span[aria-hidden]{opacity:.5}

/* en-tête de page */
.ph{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(32px,4vw,48px)}
.ph .pill{display:inline-flex;align-items:center;gap:8px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--ink-2);margin-top:22px}
.ph .pill i{width:7px;height:7px;border-radius:50%;background:var(--blue)}
.ph h1{font-size:clamp(36px,5.2vw,68px);margin-top:18px;max-width:18ch}
.ph .lede{font-size:clamp(17px,1.5vw,20px);color:var(--ink-2);margin-top:20px;max-width:58ch;line-height:1.5}
.ph .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;align-items:center}
.ph .meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;font-size:14px;color:var(--ink-3)}
.ph .meta .who{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600}
.ph .meta .who img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.ph .meta .dot{width:4px;height:4px;border-radius:50%;background:var(--line-2)}
.ph-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.ph-split{grid-template-columns:1fr}}

/* bloc média (capture, couverture) */
.shot{border-radius:24px;overflow:hidden;background:var(--paper-2);border:1px solid var(--line);box-shadow:0 2px 6px rgba(16,40,120,.06),0 30px 70px -24px rgba(16,40,120,.25)}
.shot img{display:block;width:100%;height:auto}
.shot.tall{max-height:720px;overflow:auto}
.cover{margin-top:8px}
.cover img{aspect-ratio:16/8;object-fit:cover}

/* article : contenu + colonne collante */
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,80px);align-items:start;padding-top:clamp(36px,5vw,64px)}
.art aside{position:sticky;top:92px;display:grid;gap:16px}
@media (max-width:1040px){.art{grid-template-columns:1fr}.art aside{position:static;order:-1}.art aside .toc{display:none}}
.toc{background:var(--paper-2);border:1px solid var(--line);border-radius:24px;padding:20px 22px}
.toc b{display:block;font-size:12.5px;font-weight:600;color:var(--ink-3);margin-bottom:10px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;line-height:1.35}
.toc a{color:var(--ink-2)}
.toc a:hover,.toc a.on{color:var(--blue)}

/* typographie longue */
.prose{max-width:72ch;font-size:17.5px;line-height:1.72;color:#2A2A31}
.prose>*+*{margin-top:1.05em}
.prose h2{font-size:clamp(26px,2.6vw,34px);line-height:1.12;margin-top:2.1em;color:var(--ink);scroll-margin-top:96px}
.prose h3{font-size:clamp(20px,1.9vw,24px);line-height:1.2;margin-top:1.8em;color:var(--ink);scroll-margin-top:96px}
.prose h4{font-size:18px;margin-top:1.6em;color:var(--ink);font-weight:600}
.prose h2+*,.prose h3+*,.prose h4+*{margin-top:.6em}
.prose a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose strong,.prose b{color:var(--ink);font-weight:600}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.4em}
.prose li::marker{color:var(--blue)}
.prose blockquote{margin:1.6em 0;padding:18px 22px;border-radius:20px;background:var(--paper-2);border:1px solid var(--line);color:var(--ink);font-size:17px}
.prose figure{margin:1.8em 0}
.prose img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--line)}
.prose figcaption{font-size:13px;color:var(--ink-3);margin-top:8px}
.prose table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{font-weight:600;color:var(--ink)}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.prose code{font-size:.9em;background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:1px 5px}

/* carte Growth Scan (aside + inline) */
.gsc{border-radius:24px;padding:24px;color:#fff}
.gsc .t{font-size:21px;font-weight:600;letter-spacing:-.035em;line-height:1.15}
.gsc p{color:var(--on-mesh-2);font-size:14.5px;margin-top:10px;line-height:1.5}
.gsc form{margin-top:16px;display:grid;gap:8px}
.gsc input{box-sizing:border-box;width:100%;display:block;min-height:46px;border-radius:999px;border:0;padding:0 18px;font:inherit;font-size:15px;color:var(--ink);background:#fff}
.gsc .btn{width:100%}
.gsc .err{color:#fff;background:rgba(229,72,77,.9);border-radius:12px;padding:6px 10px;font-size:13px}
.gsc .alt{display:block;margin-top:12px;font-size:13.5px;color:#fff;opacity:.85;text-decoration:underline;text-underline-offset:3px}

/* bandeau d'appel final */
.cta-band{border-radius:28px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:clamp(64px,8vw,110px)}
.cta-band h2{font-size:clamp(30px,3.8vw,50px);color:#fff;max-width:16ch}
.cta-band p{color:var(--on-mesh-2);margin-top:14px;font-size:17px;max-width:46ch}
.cta-band form{display:grid;gap:10px}
.cta-band .row{display:flex;gap:8px;background:#fff;border-radius:999px;padding:5px}
.cta-band input{flex:1;min-width:0;border:0;background:transparent;padding:0 16px;font:inherit;font-size:16px;color:var(--ink);outline:none}
.cta-band .row .btn{min-height:46px}
.cta-band .or{color:#fff;font-size:14.5px;opacity:.9}
.cta-band .or a{text-decoration:underline;text-underline-offset:3px;font-weight:600}
.cta-band .err{color:#fff;background:rgba(229,72,77,.9);border-radius:12px;padding:6px 12px;font-size:13.5px;justify-self:start}
@media (max-width:860px){.cta-band{grid-template-columns:1fr}}
@media (max-width:480px){.cta-band .row{flex-direction:column;border-radius:20px}.cta-band input{min-height:44px}.cta-band .row .btn{width:100%}}

/* grilles de cartes */
.grid-h{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.grid-h h2{font-size:clamp(28px,3.4vw,44px)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
@media (max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.cards{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.card:hover{transform:translateY(-3px);box-shadow:0 30px 60px -34px rgba(16,40,120,.45)}
.card .im{aspect-ratio:16/10;background:#EEF0F4;overflow:hidden}
.card .im img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s var(--ease)}
.card:hover .im img{transform:scale(1.03)}
.card .bd{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .tag{align-self:flex-start;font-size:12px;font-weight:600;color:var(--blue-ink);background:#EAF0FF;border-radius:999px;padding:4px 10px}
.card h3{font-size:19px;line-height:1.22;letter-spacing:-.03em;font-weight:600}
.card p{font-size:14.5px;color:var(--ink-2);line-height:1.5}
.card .ft{margin-top:auto;padding-top:8px;font-size:13px;color:var(--ink-3);font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.chips button{all:unset;cursor:pointer;font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper-2);color:var(--ink-2)}
.chips button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}

/* fiche réalisation */
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;max-width:640px}
.facts div{background:var(--paper-2);border:1px solid var(--line);border-radius:18px;padding:14px 16px}
.facts small{display:block;font-size:12px;font-weight:600;color:var(--ink-3)}
.facts b{display:block;font-size:15.5px;font-weight:600;margin-top:3px;overflow-wrap:anywhere}
.facts a{color:var(--blue)}
@media (max-width:560px){.facts{grid-template-columns:1fr 1fr}}
.quote{border-radius:28px;padding:clamp(24px,4vw,44px);display:grid;gap:22px;margin-top:clamp(48px,6vw,80px)}
.quote q{font-size:clamp(22px,2.6vw,32px);line-height:1.25;letter-spacing:-.03em;font-weight:500;quotes:"« " " »"}
.quote .who{display:flex;align-items:center;gap:12px;font-size:14.5px}
.quote .who img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#fff}
.quote .who b{display:block;font-weight:600}
.quote .who span{opacity:.8}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(40px,5vw,64px)}
.duo>div{background:var(--paper-2);border:1px solid var(--line);border-radius:24px;padding:26px}
.duo h2{font-size:22px;letter-spacing:-.03em}
.duo p{color:var(--ink-2);margin-top:10px;font-size:16px;line-height:1.6}
@media (max-width:760px){.duo{grid-template-columns:1fr}}

/* pages services */
.sv-pts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.sv-pts>div{background:var(--paper-2);border:1px solid var(--line);border-radius:24px;padding:26px}
.sv-pts .n{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:600;font-size:15px}
.sv-pts h3{font-size:20px;margin-top:16px;letter-spacing:-.03em;line-height:1.2}
.sv-pts p{color:var(--ink-2);margin-top:8px;font-size:15.5px;line-height:1.55}
@media (max-width:900px){.sv-pts{grid-template-columns:1fr}}
.sec-h{max-width:760px}
.sec-h .k{font-size:13px;font-weight:600;color:var(--blue)}
.sec-h h2{font-size:clamp(30px,3.8vw,50px);margin-top:12px}
.sec-h p{color:var(--ink-2);margin-top:14px;font-size:17px;line-height:1.55}
.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.offers>div{background:var(--paper-2);border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px}
.offers .o-k{font-size:13px;font-weight:600;color:var(--ink-3)}
.offers h3{font-size:24px;letter-spacing:-.035em}
.offers .price{font-size:30px;font-weight:600;letter-spacing:-.04em}
.offers .price small{font-size:14px;font-weight:500;color:var(--ink-3);letter-spacing:0}
.offers ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;font-size:15px;color:var(--ink-2)}
.offers li{display:flex;gap:9px;align-items:flex-start}
.offers li svg{flex:none;margin-top:4px}
.offers .btn{margin-top:auto}
.offers .feat{border-color:transparent;box-shadow:0 0 0 2px var(--blue),0 30px 60px -34px rgba(16,40,120,.45)}
@media (max-width:960px){.offers{grid-template-columns:1fr}}

/* rendez-vous */
.rdv{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start}
.rdv .cal{background:var(--paper-2);border:1px solid var(--line);border-radius:28px;min-height:640px;overflow:hidden}
.rdv .cal iframe{display:block;width:100%;height:700px;border:0}
.rdv ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px;font-size:16px;color:var(--ink-2)}
.rdv li{display:flex;gap:10px}
.rdv li svg{flex:none;margin-top:5px}
.rdv .team{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:14.5px;color:var(--ink-2)}
.rdv .team img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-12px}
.rdv .team img:first-child{margin-left:0}
@media (max-width:900px){.rdv{grid-template-columns:1fr}}

/* page légale */
.legal .prose{font-size:16px}
.todo{background:#FFF1EA;color:#9A3412;border-radius:8px;padding:1px 6px;font-weight:600}

.sp{padding-bottom:clamp(72px,9vw,130px)}
.pager{display:flex;justify-content:space-between;gap:16px;margin-top:48px;flex-wrap:wrap}
.pager a{display:block;max-width:48%;background:var(--paper-2);border:1px solid var(--line);border-radius:20px;padding:16px 20px;font-weight:600;font-size:15px}
.pager small{display:block;font-size:12px;color:var(--ink-3);font-weight:600;margin-bottom:4px}
@media (max-width:620px){.pager a{max-width:100%;width:100%}}

.m-tab{background-color:#1F55F5;background-image:var(--grain),var(--m-tab);background-size:240px 240px,100% 100%}
.ph .meta .ini{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#EAF0FF;color:var(--blue-ink);font-weight:600}
.gsc,.gsc form,.art aside{min-width:0}

/* ===== mega menu Services ===== */
header.nav .wrap{position:relative}
.navlinks .dd{position:static}
.dd-menu.mm{left:50%;top:calc(100% - 6px);width:min(980px,calc(100vw - 32px));transform:translate(-50%,-6px);grid-template-columns:1fr 1fr .95fr;gap:10px;padding:12px;border-radius:28px}
.dd.open .dd-menu.mm{transform:translate(-50%,0)}
.mm-col{display:flex;flex-direction:column;gap:2px;padding:8px 6px}
.mm-k{font-size:12px;font-weight:600;color:var(--ink-3);padding:4px 10px 8px;letter-spacing:.01em}
.mm-i{display:flex!important;align-items:center;gap:14px;padding:10px!important;border-radius:18px!important}
.mm-i>span:last-child b{font-size:15px}
.mm-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--paper-2);border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,11,15,.05),0 8px 18px -12px rgba(16,40,120,.35);transition:transform .25s var(--ease)}
.mm-ic svg{width:24px;height:24px}
.mm-ic.blue{background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%;color:#fff;border-color:transparent}
.mm-ic.soft{background:#EAF0FF;color:var(--blue-ink);border-color:transparent}
.mm-ic.sm{width:32px;height:32px;border-radius:10px;color:var(--blue-ink)}
.mm-ic.sm svg{width:17px;height:17px}
.mm-i:hover .mm-ic{transform:translateY(-2px) rotate(-3deg)}
.mm-also{margin:10px 10px 0;padding:12px 14px;border-radius:18px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:10px}
.mm-also>span{font-size:12.5px;font-weight:600;color:var(--ink-3)}
.mm-also div{display:flex;gap:6px}
.mm-also i{width:30px;height:30px;border-radius:9px;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
.mm-also i svg{width:17px;height:17px}
.mm-vert{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:2px 0 6px}
.mm-vert a{display:flex!important;align-items:center;gap:9px;padding:7px 8px!important;font-size:13.5px;font-weight:500;border-radius:12px!important}
.mm-card{display:flex;flex-direction:column;gap:8px;border-radius:22px;padding:22px!important;color:#fff!important;min-height:100%;position:relative}
.mm-card:hover{background-color:#1F55F5}
.mm-card b{font-size:24px;font-weight:600;letter-spacing:-.035em;margin-top:4px}
.mm-card>span:not(.mm-pill):not(.mm-logos):not(.mm-go){font-size:14px;line-height:1.45;color:var(--on-mesh-2)}
.mm-pill{align-self:flex-start;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background-color:var(--sun);background-image:var(--grain-s),var(--m-sun);background-size:240px 240px,100% 100%}
.mm-logos{display:flex;gap:6px;margin-top:6px}
.mm-logos i{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 18px -10px rgba(0,0,0,.4)}
.mm-logos i svg{width:19px;height:19px}
.mm-go{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px}
.mm-go .arr{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;transition:transform .25s var(--ease)}
.mm-card:hover .mm-go .arr{transform:translateX(3px)}
@media (max-width:1100px){.dd-menu.mm{grid-template-columns:1fr 1fr}.mm-card{grid-column:1/-1;min-height:0}}
.mnav .panel .mrow{display:flex;align-items:center;gap:12px}

.mm-i b{display:block;color:var(--ink);font-size:15px;font-weight:600;letter-spacing:-.01em}
.mm-i>span:last-child>span{display:block;font-size:13px;color:var(--ink-3);margin-top:2px;line-height:1.4}
.mm-vert a{color:var(--ink)}
.mm-card .mm-desc{font-size:14px;line-height:1.45;color:var(--on-mesh-2)}

.dd-menu .mm-card{display:flex;flex-direction:column}
.prose .more{margin-top:2.4em;padding:22px 24px;border-radius:24px;background:#EAF0FF;color:var(--ink)}
.prose .more b{display:block;font-size:13px;color:var(--blue-ink);margin-bottom:8px}
.prose .more ul{margin:0;padding-left:1.1em}

/* ===== retours commentaires (v2) ===== */
/* logo plus grand */
header.nav .logo{font-size:25px;gap:12px}
header.nav .logo .mk2{width:36px;height:29.5px;margin-right:-8px}
/* bouton call avec bulles + dispo */
.btn.callb{padding:0 16px 0 6px;gap:10px;min-height:46px}
.faces2{display:inline-flex;flex:none}
.faces2 img{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:2px solid #fff;margin-left:-10px;background:#E9E9E6}
.faces2 img:first-child{margin-left:0}
.callb .cb-t{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.callb small{font-size:11.5px;font-weight:500;color:#1F8A4C;margin-top:2px;display:flex;align-items:center;gap:5px}
.callb small::before{content:"";width:6px;height:6px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
@media (max-width:1180px){.callb small{display:none}}
/* mega menu : survol sombre */
.mm-card:hover{background-color:inherit}
.mm-card::after{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:opacity .25s var(--ease);z-index:0;pointer-events:none}
.mm-card>*{position:relative;z-index:1}
.mm-card:hover::after{opacity:.3}
/* espacements des pages internes */
main.sub{--sec:clamp(56px,6vw,88px)}
.ph{padding-bottom:clamp(20px,3vw,32px)}
.art{grid-template-columns:minmax(0,1fr) 360px;gap:56px}
.prose{max-width:68ch}
@media (max-width:1100px){.art{grid-template-columns:minmax(0,1fr) 320px;gap:40px}}
/* sommaire */
.toc{padding:20px 18px;box-shadow:0 1px 2px rgba(11,11,15,.04),0 20px 40px -30px rgba(16,40,120,.3)}
.toc b{padding:0 6px}
.toc .tbar{display:block;height:3px;border-radius:3px;background:var(--line);margin:0 6px 12px;overflow:hidden}
.toc .tbar i{display:block;height:100%;width:0;background:var(--blue);border-radius:3px;transition:width .2s linear}
.toc ol{gap:2px;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:flex;gap:10px;padding:8px 10px;border-radius:12px;color:var(--ink-2);transition:background-color .2s,color .2s}
.toc a::before{content:counter(t,decimal-leading-zero);font-size:11.5px;font-weight:600;color:var(--ink-3);padding-top:2px;font-variant-numeric:tabular-nums}
.toc a:hover{background:var(--paper)}
.toc a.on{background:#EAF0FF;color:var(--blue-ink);font-weight:600}
.toc a.on::before{color:var(--blue)}
/* carte CTA humanisée */
.gsc{padding:22px}
.sc-proof{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.3}
.sc-proof .stars{display:flex;gap:1px;color:var(--star)}
.sc-proof>span:last-child{display:flex;flex-direction:column;gap:2px}
.gsc .sc-proof{color:var(--on-mesh-2)}
.gsc .sc-proof b{color:#fff}
.gsc .t{margin-top:16px;font-size:22px}
.gsc p{margin-top:8px}
.gsc .btn.full{min-height:50px}
.sc-call{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;color:#fff;font-weight:500}
.sc-call i{width:7px;height:7px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.25);flex:none}
.sc-call:hover{text-decoration:underline;text-underline-offset:3px}
/* boutons pleine largeur : rond collé à droite, texte centré */
.btn.ar.full{width:100%;justify-content:space-between;padding:2px 2px 2px 2px}
.btn.ar.full::before{content:"";width:48px;flex:none}
.btn.ar.full .arr{flex:none}
/* offres */
.offers>div{text-align:left;align-items:stretch}
.offers .o-k,.offers h3,.offers .price{text-align:left;align-self:flex-start}
/* visuel de hero des pages services */
.hv{margin:0;border-radius:28px;padding:clamp(18px,3vw,36px);display:grid;place-items:center;min-height:100%}
.hv img{width:100%;height:auto;max-width:620px;filter:drop-shadow(0 24px 40px rgba(16,40,120,.18))}
/* bandeau CTA : texte + champ à gauche, visuel à droite */
.cta-band{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.cta-band .cb-l{display:flex;flex-direction:column;gap:14px;min-width:0}
.cta-band .sc-proof{color:var(--on-mesh-2)}
.cta-band .sc-proof b{color:#fff}
.cta-band h2{margin-top:6px}
.cta-band .cb-l p{margin-top:0}
.cta-band form{display:grid;gap:8px;max-width:520px;margin-top:6px}
.cta-band form input{min-height:52px;border-radius:999px;border:0;padding:0 20px;font:inherit;font-size:16px;color:var(--ink);background:#fff;width:100%;box-sizing:border-box}
.cta-band .or{font-size:14px}
.cta-band .cb-v{margin:0;background:#fff;border-radius:22px;padding:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.45)}
.cta-band .cb-v img{display:block;width:100%;height:auto;border-radius:12px}
@media (max-width:860px){.cta-band{grid-template-columns:1fr}}
/* pied de page : icône + ConvertLab sur toute la largeur */
.fbig.fit{display:flex;align-items:center;gap:.08em;white-space:nowrap;overflow:hidden}
.fbig.fit .mk2{position:relative;width:.82em;height:.67em;flex:none;margin-right:-.06em}
.fbig.fit .mk2 svg{position:absolute;left:-8.8%;top:-5.36%;width:117.6%;height:auto}
/* ===== accueil ===== */
.home .hh{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(40px,6vw,80px) clamp(32px,4vw,56px)}
.home .hh h1{font-size:clamp(40px,5.2vw,72px);margin-top:22px}
.home .hh .lede{font-size:clamp(17px,1.5vw,20px);color:var(--ink-2);margin-top:20px;max-width:56ch}
.home .hh .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.home .proof .stars{display:flex;gap:1px;color:var(--star)}
.home .proof>span:last-child{display:flex;flex-direction:column;line-height:1.25}
.hh-gs{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-size:14.5px;font-weight:600;color:var(--ink)}
.hh-gs .mm-pill{color:#fff}
.hh-gs:hover{color:var(--blue)}
.hh-v{margin:0;border-radius:32px;padding:clamp(20px,3vw,40px);display:grid;place-items:center}
.hh-v img{width:100%;max-width:520px;height:auto;filter:drop-shadow(0 30px 50px rgba(16,40,120,.2))}
@media (max-width:900px){.home .hh{grid-template-columns:1fr}}
.logos-band{padding-block:22px 8px;text-align:center;overflow:hidden}
.logos-band p{font-size:13px;font-weight:600;color:var(--ink-3)}
.lg-track{display:flex;width:max-content;margin-top:18px;animation:lgmove 48s linear infinite;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.lg-row{display:flex;gap:56px;padding-right:56px;align-items:center}
.lg-row img{height:28px;width:auto;opacity:.6;filter:grayscale(1)}
@keyframes lgmove{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.lg-track{animation:none}}
.corr{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.cr{position:relative;border-radius:28px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:10px;overflow:hidden;min-height:620px}
.cr-w{background:var(--paper-2);border:1px solid var(--line)}
.cr .k{font-size:13px;font-weight:600;opacity:.8}
.cr h3{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.04em;line-height:1.05}
.cr p{font-size:16px;opacity:.85;max-width:40ch}
.cr-list{display:grid;gap:8px;margin-top:10px;position:relative;z-index:1}
.cr-i{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 10px 30px -18px rgba(0,20,90,.5);transition:transform .25s var(--ease)}
.cr-w .cr-i{background:var(--paper);box-shadow:none;border:1px solid var(--line)}
.cr-i:hover{transform:translateX(4px)}
.cr-i b{display:block;font-size:15.5px;font-weight:600}
.cr-i>span:nth-child(2)>span{display:block;font-size:13px;color:var(--ink-3)}
.cr-i .cr-go{margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}
.cr-also{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;position:relative;z-index:1}
.cr-also div{display:flex;gap:6px}
.cr-also i{width:30px;height:30px;border-radius:9px;background:#fff;display:grid;place-items:center}
.cr-also i svg{width:17px;height:17px}
.cr .mm-vert{position:relative;z-index:1}
.cr .mm-vert a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:12px;font-size:14px;font-weight:500}
.cr .mm-vert a:hover{background:var(--paper)}
.cr-v{margin-top:auto;width:100%;max-width:440px;align-self:center;height:auto;filter:drop-shadow(0 24px 40px rgba(16,40,120,.25))}
@media (max-width:900px){.corr{grid-template-columns:1fr}.cr{min-height:0}}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}
.st{display:flex;flex-direction:column;gap:8px}
.st figure{margin:0 0 8px;border-radius:22px;padding:16px;aspect-ratio:4/3;display:grid;place-items:center}
.st figure img{width:100%;height:100%;object-fit:contain}
.st .n{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600}
.st h3{font-size:19px;letter-spacing:-.03em}
.st p{font-size:15px;color:var(--ink-2)}
@media (max-width:1000px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.kf2{border-radius:28px;padding:clamp(24px,3.5vw,44px);display:grid;grid-template-columns:.8fr 2fr;gap:24px;align-items:center}
.kf2 .kf-t{display:flex;flex-direction:column;gap:6px}
.kf2 .kf-t b{font-size:22px;letter-spacing:-.03em}
.kf2 .kf-t span{font-size:14px;color:var(--on-mesh-2)}
.kf2 .kf-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kf2 .kf-g b{display:block;font-size:clamp(36px,4vw,56px);font-weight:600;letter-spacing:-.045em;line-height:1}
.kf2 .kf-g span{display:block;font-size:14px;color:var(--on-mesh-2);margin-top:6px}
@media (max-width:900px){.kf2{grid-template-columns:1fr}.kf2 .kf-g{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:520px){.kf2 .kf-g{grid-template-columns:1fr}}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.qt{margin:0;background:var(--paper-2);border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:14px}
.qt .stars{display:flex;gap:2px;color:var(--star)}
.qt blockquote{margin:0;font-size:16.5px;line-height:1.5;color:var(--ink)}
.qt figcaption{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:14px}
.qt figcaption img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.qt figcaption b{display:block}
.qt figcaption span span{color:var(--ink-3)}
@media (max-width:900px){.quotes{grid-template-columns:1fr}}
.team2{display:grid;grid-template-columns:1fr .75fr .75fr;gap:16px;align-items:stretch}
.t-copy{display:flex;flex-direction:column;gap:14px;justify-content:center;padding-right:clamp(0px,2vw,24px)}
.t-copy .k,.sec-h .k{font-size:13px;font-weight:600;color:var(--blue)}
.t-copy h2{font-size:clamp(30px,3.6vw,48px)}
.t-copy p{color:var(--ink-2);font-size:17px;max-width:44ch}
.t-copy .btn{align-self:flex-start}
.t-next{display:flex;align-items:center;gap:8px;font-size:14px!important;color:#1F8A4C!important;font-weight:500}
.t-next i{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.t-ph{margin:0;border-radius:28px;overflow:hidden;position:relative;min-height:420px}
.t-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.t-ph figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(255,255,255,.94);border-radius:16px;padding:12px 14px;color:var(--ink);display:flex;flex-direction:column}
.t-ph figcaption b{font-size:16px}
.t-ph figcaption span{font-size:13px;color:var(--ink-3)}
@media (max-width:900px){.team2{grid-template-columns:1fr 1fr}.t-copy{grid-column:1/-1}.t-ph{min-height:320px}}
.gsp{border-radius:32px;padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;color:#fff}
.gsp h2{font-size:clamp(30px,3.6vw,48px);margin-top:14px;color:#fff}
.gsp p{color:var(--on-mesh-2);margin-top:14px;font-size:17px;max-width:46ch}
.gsp form{display:grid;gap:8px;max-width:500px;margin-top:20px}
.gsp form input{min-height:52px;border-radius:999px;border:0;padding:0 20px;font:inherit;font-size:16px;color:var(--ink);background:#fff;width:100%;box-sizing:border-box}
.gsp .err{color:#fff;background:rgba(229,72,77,.9);border-radius:12px;padding:6px 12px;font-size:13.5px;justify-self:start}
.gsp-more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:600;font-size:14.5px}
.gsp figure{margin:0;background:#fff;border-radius:22px;padding:12px}
.gsp figure img{display:block;width:100%;height:auto;border-radius:14px}
@media (max-width:900px){.gsp{grid-template-columns:1fr}}
.offers>div{min-width:0}
@media (max-width:960px){.offers{grid-template-columns:minmax(0,1fr)}}
.btn.ar.full{white-space:normal;text-align:center}
@media (max-width:420px){.offers>div{padding:22px}.btn.ar.full::before{width:8px}}

.fbig.fit .fbin{display:inline-flex;align-items:center;gap:.08em}

.gsc .btn.ar.full::before{width:6px}
.gsc .btn.ar.full{font-size:14.5px;padding-left:14px}

/* ===== v3 ===== */
main.home{--sec:clamp(64px,7.5vw,104px)}
/* champ avec bouton intégré */
form.sbar{display:flex!important;align-items:center;gap:6px;background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:3px 3px 3px 20px;box-shadow:0 1px 2px rgba(11,11,15,.05),0 18px 40px -22px rgba(16,40,120,.35);max-width:540px;width:100%;flex-wrap:nowrap}
form.sbar input{flex:1;min-width:0;border:0!important;outline:none;background:transparent!important;font:inherit;font-size:16px;color:var(--ink);min-height:48px!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
form.sbar .btn{flex:none;min-height:50px;width:auto}
form.sbar .btn .sm{display:none}
form.sbar .err{position:absolute;margin-top:64px}
form.sbar{position:relative}
.gsc form.sbar{padding-left:14px}
.gsc form.sbar .btn .lg{display:none}.gsc form.sbar .btn .sm{display:inline}
@media (max-width:520px){form.sbar .btn .lg{display:none}form.sbar .btn .sm{display:inline}}
/* preuve sur une ligne */
.sc-proof>span:last-child{display:flex;flex-direction:column;gap:2px}
.sc-proof>span:last-child>span{white-space:nowrap}
.home .proof>span:last-child>span{white-space:nowrap}
/* offre Sprint en mesh bleu */
.offers .feat{color:#fff;border-color:transparent}
.offers .feat .o-k,.offers .feat .price small{color:var(--on-mesh-2)}
.offers .feat ul{color:rgba(255,255,255,.9)}
.offers .feat li svg path{stroke:#fff}
/* pied de page : icône plus grande */
.fbig.fit .mk2{width:1.06em;height:.87em;margin-right:.02em}
/* accueil : hero, couloirs, équipe, growth scan */
.hh-gs .mm-pill{margin-left:2px}
.home .hh{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cr .vz{margin-top:auto;position:relative;z-index:1}
.cr-w .vz-c{box-shadow:0 1px 2px rgba(11,11,15,.06),0 20px 40px -26px rgba(16,40,120,.35);border:1px solid var(--line)}
.steps+.kf2{margin-top:24px}
.t-acts{display:flex;flex-wrap:wrap;gap:10px}
.t-next span{color:#1F8A4C}
.gsp-v{min-width:0}
.gsp .vz-rep{color:var(--ink)}
.qi{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#EAF0FF;color:var(--blue-ink);font-weight:600;flex:none}
.cta-band .cb-v{background:none;box-shadow:none;padding:0}
.cta-band .or a{font-weight:600}
.home .proof .faces{display:flex}

.offers .feat.mesh{background-color:var(--blue);background-image:var(--grain),var(--m-wave);background-size:240px 240px,100% 100%;box-shadow:0 30px 60px -30px rgba(0,30,140,.55)}
.offers .feat h3,.offers .feat .price{color:#fff}

.gsp .vz p.vz-big,.cta-band .vz p{color:var(--ink);font-size:22px;max-width:none;margin:14px 0 10px}
/* v4 */
.cr-b{color:#fff}
.cr-b .cr-i{background:rgba(255,255,255,.96);border:0;box-shadow:0 10px 30px -18px rgba(0,20,90,.5)}
.cr-b .mm-vert a{color:#fff}
.cr-b .mm-vert a:hover{background:rgba(255,255,255,.14)}
.cr-b .mm-vert .mm-ic{background:#fff;border-color:transparent}
.cr-b .vz-ex{background:rgba(255,255,255,.92)}
.cr-b .vz-who-f{color:#fff}
.vz-acq{margin-top:22px}
.vz-budget{max-width:none}
.vz-chip{background-color:var(--sun);background-image:var(--grain-s),var(--m-sun);background-size:240px 240px,100% 100%;color:#fff}
.vz-chip small{color:rgba(255,255,255,.85)}
.vz-chip b{color:#fff}
.vz-chip .vz-up{background-color:rgba(255,255,255,.95)}
.fbig.fit{overflow:visible;padding-top:.06em}
.fbig.fit .mk2{width:.9em;height:.74em}
.fbig.fit .mk2 svg{left:0;top:0;width:100%;height:100%}
.cr .vz-acq{margin-top:22px;padding-bottom:26px}
.cr .vz-budget{max-width:none;width:100%}
.cr .vz-chip{background-color:var(--sun);background-image:var(--grain-s),var(--m-sun);background-size:240px 240px,100% 100%;color:#fff;right:16px;bottom:0}
.cr .vz-chip b{color:#fff}
.cr .vz-chip small{color:rgba(255,255,255,.88)}

/* ===== v5 (retours 12 nov.) ===== */
:root{--sunbg:var(--grain-s),var(--m-sun);--bluebg:var(--grain),var(--m-wave)}
/* uptitles des sections : pill orange, texte blanc */
.sec-h .k,.t-copy .k,.cr .k{display:inline-flex;align-self:flex-start;align-items:center;color:#fff!important;opacity:1;font-size:12.5px;font-weight:600;letter-spacing:.01em;padding:5px 12px;border-radius:999px;background-color:var(--sun);background-image:var(--sunbg);background-size:240px 240px,100% 100%;box-shadow:0 10px 22px -14px rgba(255,106,43,.9)}
.sec-h .k{margin-bottom:2px}
/* boutons */
.btn-blue{background-color:var(--blue);background-image:var(--bluebg);background-size:240px 240px,100% 100%;color:#fff;box-shadow:0 16px 32px -16px rgba(20,70,230,.9)}
.btn-blue .arr{background:#fff;color:var(--blue)}
.btn-white{border:1px solid var(--line-2)}
.callb2{display:inline-flex;align-items:center;gap:10px}
.callb2 .faces2{display:flex}.callb2 .faces2 img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid #fff}
.callb2 .faces2 img+img{margin-left:-9px}
/* hero : Growth Scan + info-bulle */
.home .hh .acts{align-items:center}
.gs-tipw{position:relative;display:inline-flex;align-items:center;gap:8px}
.tip{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--ink-2);font:600 14px/1 var(--f);cursor:help;display:grid;place-items:center;flex:none}
.tip:hover,.tip:focus-visible{color:#fff;background:var(--blue);border-color:var(--blue)}
.tip-b{position:absolute;left:0;top:calc(100% + 12px);z-index:30;width:min(340px,calc(100vw - 32px));background:#fff;color:var(--ink-2);border:1px solid var(--line);border-radius:18px;padding:14px 16px;font-size:14px;line-height:1.5;box-shadow:0 30px 60px -28px rgba(16,40,120,.45);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s,transform .18s,visibility .18s}
.tip-b b{display:block;color:var(--ink);font-size:14.5px;margin-bottom:4px}
.gs-tipw:hover .tip-b,.tip:focus-visible+.tip-b,.tip:focus+.tip-b{opacity:1;visibility:visible;transform:none}
/* étapes : chiffre blanc sur rond orange */
.st .n.mesh{width:36px;height:36px;font-size:15px;color:#fff;background-color:var(--sun);background-image:var(--sunbg);background-size:240px 240px,100% 100%;box-shadow:0 10px 22px -12px rgba(255,106,43,.9)}
/* équipe : étiquettes bleues */
.t-ph figcaption.mesh{position:absolute;color:#fff;background-color:var(--blue);background-image:var(--bluebg);background-size:240px 240px,100% 100%;box-shadow:0 18px 36px -20px rgba(20,70,230,.8)}
.t-ph figcaption.mesh span{color:rgba(255,255,255,.82)}
/* avis : bande défilante pleine largeur */
.qband{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:32px;overflow:hidden;padding-block:6px 14px}
.qtrack{display:flex;width:max-content;animation:qmove 120s linear infinite}
.qband:hover .qtrack{animation-play-state:paused}
.qrow{display:flex;gap:16px;padding-right:16px}
.qrow .qt{position:relative;width:min(380px,82vw);flex:none}
.qlink{position:absolute;inset:0;z-index:1;border-radius:inherit}
@keyframes qmove{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.qtrack{animation:none}.qband{overflow-x:auto}}
html,body{overflow-x:clip}
/* couloirs : liens « Et aussi » + chip coût par lead en haut à droite */
.cr-also a,.mm-also a{width:32px;height:32px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;transition:transform .2s var(--ease)}
.cr-also a:hover,.mm-also a:hover{transform:translateY(-2px)}
.cr-also a svg,.mm-also a svg{width:17px;height:17px}
.cr-also div,.mm-also div{display:flex;gap:6px}
.dd-menu .mm-also a{padding:0!important;border-radius:10px!important}
.cr .vz-acq{position:relative;margin-top:44px;padding-bottom:0}
.cr .vz-budget{padding-top:30px}
.cr .vz-chip{position:absolute;top:-26px;right:-10px;bottom:auto;align-items:center;z-index:2;box-shadow:0 18px 36px -16px rgba(255,106,43,.75)}
.cr .vz-chip .vz-up{align-self:center;margin-top:2px}
.cr .vz-h{padding-right:0}
/* offres */
.offers .o-gs{color:#fff;border:0}
.offers .o-gs.mesh{background-color:var(--sun);background-image:var(--sunbg);background-size:240px 240px,100% 100%;box-shadow:0 30px 60px -32px rgba(255,106,43,.8)}
.offers .o-gs .o-k{color:rgba(255,255,255,.85)}
.offers .o-gs h3,.offers .o-gs .price{color:#fff}
.offers .o-gs ul{color:rgba(255,255,255,.95)}
.offers .o-gs li svg path,.offers .feat li svg path{stroke:#fff}
.offers .feat{border:0!important;overflow:hidden;background-clip:padding-box}
.offers .feat .o-k{align-self:flex-start;color:#fff!important;padding:5px 12px;border-radius:999px;background-color:var(--sun);background-image:var(--sunbg);background-size:240px 240px,100% 100%;box-shadow:0 10px 22px -12px rgba(255,106,43,.9)}
.offers .feat h3{font-size:clamp(22px,2.1vw,26px)}
.offers .o-note{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.85);background:rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;margin:4px 0 6px}
.o-lock{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.offers .o-acc{opacity:.96}
.offers ul{font-size:14.5px}
/* mega menus */
.nav .wrap{position:relative}
.navlinks .dd{position:static}
.dd-menu.mm{left:50%;top:calc(100% - 8px);width:min(1120px,calc(100vw - 32px));grid-template-columns:1.05fr 1.15fr .9fr}
.mm-i>span:last-child>span{white-space:nowrap}
.mm-k2{padding-top:12px!important}
.mm-cs{grid-template-columns:3fr 1fr!important;width:min(1040px,calc(100vw - 32px))!important}
.mc-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:6px}
.dd-menu .mc-c{display:flex;flex-direction:column;gap:6px;padding:8px!important;border-radius:18px!important}
.mc-im{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--paper);border:1px solid var(--line)}
.mc-im img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s var(--ease)}
.mc-c:hover .mc-im img{transform:scale(1.04)}
.mc-c .tag{align-self:flex-start;font-size:11.5px;font-weight:600;color:var(--blue-ink);background:#EAF0FF;border-radius:999px;padding:3px 8px;margin-top:4px}
.mc-c b{font-size:15px;letter-spacing:-.01em;padding:0 2px}
.mm-rs{grid-template-columns:1.25fr 1fr .85fr!important}
.mm-ic.q{font:700 15px/1 var(--f);color:#fff!important;background-color:var(--sun);background-image:var(--sunbg);background-size:240px 240px,100% 100%;border:0}
.mm-rs .mm-i>span:last-child>span{white-space:normal}
.dd-menu .mr-l{display:flex!important;align-items:center;gap:10px;padding:9px 10px!important;border-radius:14px!important;font-size:14.5px;font-weight:500}
.dd-menu .mr-all{display:inline-flex!important;align-items:center;gap:8px;margin-top:auto;font-weight:600;font-size:14px;color:var(--blue)!important}
.mr-all .arr{display:grid}
@media (max-width:1100px){.mm-cs,.mm-rs{grid-template-columns:1fr!important}.mc-g{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-i>span:last-child>span{white-space:normal}}
.cr .vz-h{justify-content:flex-start;gap:8px}
.vz-foot .vz-ex{margin-left:auto!important}
.vz img.vz-face{width:26px!important;height:26px!important;max-width:none!important;min-height:0!important;position:static!important;border-radius:50%!important;aspect-ratio:auto!important;filter:none!important;margin:0;padding:0}
.vz-foot .vz-face+.vz-face{margin-left:-10px!important}
.dd-menu .mr-all{gap:6px}.mr-all .arr{width:18px}
/* responsive v5 */
@media (max-width:1040px){.art{grid-template-columns:minmax(0,1fr)!important;gap:28px}}
@media (max-width:400px){header.nav .logo{font-size:21px;gap:8px}header.nav .logo svg{width:26px;height:auto}.navcta{gap:6px}.navcta .btn{padding:0 12px}.home .proof{font-size:13px}.home .proof>span:last-child>span{white-space:normal}}
@media (max-width:900px){.home .hh{grid-template-columns:minmax(0,1fr)!important}.vz-hero{justify-self:center}}
.offers .o-acc .price small{display:block;margin-top:4px}
@media (max-width:420px){.gs-tipw{width:100%}.gs-tipw .btn{flex:1}.callb2{width:100%;justify-content:center}}
@media (max-width:560px){.vz-hero{padding-top:84px!important}.vz-hero .vz-st{right:14px;top:46px}.vz-hero>.vz-ex{top:12px;right:14px}.vz-hero .vz-toast{display:none}.vz-hero .vz-mimg{aspect-ratio:2.6/1}}
@media (max-width:560px){.vz-hero{padding-top:46px!important}.vz-hero .vz-st{position:relative;inset:auto;height:auto;display:grid}.vz-hero .vz-st span{position:relative;inset:auto;grid-area:1/1}}
@media (max-width:900px){.hh .vz-hero{justify-self:center}}
@media (max-width:900px){.hh .vz-ba{justify-self:center}}
@media (max-width:1180px){.home .hh{grid-template-columns:minmax(0,1fr)!important}.hh .vz-ba{justify-self:center}.home .hh .lede{max-width:62ch}}
@media (max-width:1200px) and (min-width:561px){.navcta .callb{display:none}}
.offers .o-sub{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.85);margin:2px 0 0}
.offers .o-note b{color:#fff}.offers .o-note a{color:#fff;text-decoration:underline;font-weight:600}
.offers .feat .o-note{color:#fff;background-color:rgba(255,255,255,.16)}
.legal .lede-s{font-size:17px;color:var(--ink-2)}
/* hero : bouton call identique à la nav, même hauteur que le Growth Scan */
.home .hh .acts{gap:12px}
.home .hh .acts .btn{min-height:56px}
.btn.callb.hh-call{min-height:56px;padding:0 22px 0 8px;gap:12px;font-size:16px}
.hh-call .faces2 img{width:34px;height:34px}
.hh-call small{display:flex!important;font-size:12.5px}
.gs-tipw .btn:focus-visible~.tip-b{opacity:1;visibility:visible;transform:none}
@media (max-width:420px){.hh-call{width:100%;justify-content:center}}
/* offres : cartes à leur hauteur naturelle, centrées sur la carte Sprint */
.offers{align-items:center}
.offers>div .btn{margin-top:14px}
@media (max-width:960px){.offers{align-items:stretch}}
/* offres : hauteurs égales, garantie dans un panneau */
.offers{align-items:stretch!important}
.offers>div{position:relative}
.offers>div .btn{margin-top:auto!important}
.o-garb{all:unset;cursor:pointer;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin:4px 0 8px;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:#fff;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);transition:background .2s}
.o-garb:hover,.o-garb:focus-visible{background:rgba(255,255,255,.26)}
.o-gar{position:absolute;inset:10px;z-index:3;border-radius:18px;background:#fff;color:var(--ink);padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -30px rgba(0,20,90,.6);overflow:auto}
.o-gar[hidden]{display:none}
.o-gar b{font-size:20px;letter-spacing:-.03em;padding-right:36px}
.o-gar ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--ink-2)!important;font-size:14.5px;line-height:1.45}
.o-gar li{padding-left:22px;position:relative;display:block}
.o-gar li::before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:50%;background:var(--blue)}
.o-gar strong{color:var(--ink)}
.o-gar a{margin-top:auto;font-weight:600;color:var(--blue);text-decoration:underline}
.o-garx{all:unset;cursor:pointer;position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1;background:var(--paper);color:var(--ink)}

/* ===== visuels graphiques (collage d'UI) ===== */
.vz{position:relative;font-family:var(--f);color:var(--ink);border-radius:28px}
.vz-ex{position:absolute;top:14px;right:14px;z-index:5;font-size:11px;font-weight:600;color:var(--ink-3);background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.vz-c{position:absolute;background:#fff;border-radius:18px;box-shadow:0 1px 2px rgba(11,11,15,.06),0 24px 50px -24px rgba(16,40,120,.35);padding:14px}
.vz-av{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:var(--blue);flex:none}
.vz-av.d{background:var(--ink)}
.vz-av.o{background:#EEF0F4;color:var(--ink-2)}
.vz-who{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--ink-3);font-weight:500}
.vz-q{display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:999px;padding:6px 10px;font-size:12.5px;color:var(--ink-2)}
.vz-q i{width:16px;height:16px;display:grid}
.vz-q svg{width:16px;height:16px}
.vz-ad{margin-top:10px;display:flex;flex-direction:column;gap:2px}
.vz-ad em{font-style:normal;font-size:11px;font-weight:700;color:var(--ink)}
.vz-ad small{font-size:11.5px;color:var(--ink-3)}
.vz-ad b{font-size:16px;color:#1A0DAB;font-weight:600;letter-spacing:-.01em}
.vz-ad span{font-size:12px;color:var(--ink-2)}
.vz-bar{display:flex;align-items:center;gap:4px;padding:0 0 10px;border-bottom:1px solid var(--line);margin-bottom:10px}
.vz-bar i{width:6px;height:6px;border-radius:50%;background:#DADADF}
.vz-bar span{margin-left:8px;font-size:11px;color:var(--ink-3)}
.vz-lpb{display:flex;flex-direction:column;gap:7px}
.vz-lpb b{font-size:17px;letter-spacing:-.03em;line-height:1.15}
.vz-l{height:6px;border-radius:4px;background:#ECEEF2;width:92%}
.vz-l.s{width:64%}
.vz-in{font-size:11.5px;color:var(--ink-3);border:1px solid var(--line-2);border-radius:9px;padding:7px 9px}
.vz-btn{font-size:12.5px;font-weight:600;color:#fff;background:var(--blue);border-radius:9px;padding:8px 10px;text-align:center}
.vz-btn.g{background:#C9CDD6}
.vz-tag{align-self:flex-start;font-size:10.5px;font-weight:600;color:var(--blue-ink);background:#EAF0FF;border-radius:999px;padding:3px 8px}
.vz-up{width:30px;height:30px;border-radius:10px;flex:none;background:#E8F7EE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17 10 11l4 4 6-7'/%3E%3Cpath d='M15 8h5v5'/%3E%3C/svg%3E") center/16px no-repeat}
.vz-foot{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-3);font-weight:500}
.vz-foot .vz-av+.vz-av,.vz-foot .vz-face+.vz-face{margin-left:-10px}
.vz-foot .vz-ex{position:static;margin-left:auto;flex:none}
.vz-foot span:last-child{margin-left:4px}
/* hero : avant / après côte à côte (unités em : 1em = 1/60 de la largeur du visuel) */
.vz-face{width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none;box-shadow:0 0 0 2px #fff}
.vz-who b{color:var(--ink);font-weight:600}
.vz-ba{width:100%;max-width:620px;justify-self:end;container-type:inline-size;overflow:hidden}
.ba{position:relative;font-size:calc(100cqw / 60);padding:2.2em 2em 2em}
.ba>.vz-ex{top:1.4em;right:1.4em;font-size:11px}
.ba-top{display:flex;flex-direction:column;align-items:center;gap:.8em}
.ba-k{font-size:1.25em;font-weight:600;color:var(--ink);background:#fff;border-radius:999px;padding:.45em 1em;box-shadow:0 10px 24px -14px rgba(16,40,120,.45)}
.ba-ad{position:relative;width:34em;padding:1.3em;font-size:1em}
.ba-ad .vz-q{font-size:1.2em;padding:.45em .8em}
.ba-ad .vz-ad{margin-top:.8em}
.ba-ad .vz-ad em{font-size:1.1em}.ba-ad .vz-ad b{font-size:1.65em}.ba-ad .vz-ad span{font-size:1.2em}
.ba-ad .vz-who{font-size:1.15em;margin-top:.7em}
.ba-fork{display:block;width:100%;height:5.2em;overflow:visible}
.ba-fork path{fill:none;stroke:var(--blue);stroke-width:1.5;stroke-dasharray:3 5;opacity:.5;vector-effect:non-scaling-stroke}
.ba-fork circle.r{fill:#E5484D}.ba-fork circle.b{fill:var(--blue)}
.ba-cols{display:grid;grid-template-columns:1fr 1fr;gap:2em}
.ba-col{display:flex;flex-direction:column;gap:1em;min-width:0}
.ba-pill{align-self:center;display:inline-flex;align-items:center;gap:.6em;font-size:1.2em;font-weight:600;background:#fff;border-radius:999px;padding:.45em .9em;white-space:nowrap;box-shadow:0 10px 24px -14px rgba(16,40,120,.45)}
.ba-pill i{width:.65em;height:.65em;border-radius:50%}
.ba-pill.r{color:#B42318}.ba-pill.r i{background:#E5484D}
.ba-pill.b{color:var(--blue-ink)}.ba-pill.b i{background:#22C55E}
.ba-pg{position:relative;background:#fff;border-radius:1.6em;padding:1.2em;height:26.5em;box-shadow:0 1px 2px rgba(11,11,15,.06),0 24px 50px -24px rgba(16,40,120,.35)}
.ba-new .ba-pg{box-shadow:0 0 0 2px var(--blue),0 24px 50px -24px rgba(16,40,120,.45)}
.ba-pg .vz-bar{padding-bottom:.8em;margin-bottom:.9em}
.ba-pg .vz-bar span{font-size:1.05em}
.ba-nav{position:relative;display:flex;align-items:center;gap:.5em;margin-bottom:.9em}
.ba-nav b{font-size:1.15em;margin-right:auto;letter-spacing:-.02em}
.ba-nav span{width:2.4em;height:.5em;border-radius:1em;background:#DADDE3}
.ba-hero{position:relative;border-radius:1em;background:linear-gradient(135deg,#E9ECF1,#D9DEE6);padding:1.2em;height:8.4em;display:flex;flex-direction:column;justify-content:flex-end;gap:.2em}
.ba-hero b{font-size:1.35em;line-height:1.15;color:#5B6170;letter-spacing:-.02em}
.ba-hero small{font-size:1em;color:#8A90A0}
.ba-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;margin-top:.7em}
.ba-tiles span{border-radius:.7em;background:#F1F3F6;font-size:.95em;color:#8A90A0;padding:1.6em .3em .4em;text-align:center}
.ba-foot{position:relative;margin-top:.8em;font-size:1em;color:#A0A5B2;text-align:center}
.ba-lp{display:flex;flex-direction:column;gap:.55em}
.ba-lp .vz-tag{font-size:1em;padding:.3em .7em}
.ba-lp>b{position:relative;font-size:2em;line-height:1.08;letter-spacing:-.035em;align-self:flex-start;padding-right:1.4em}
.ba-lp small{font-size:1.1em;color:var(--ink-2);line-height:1.35}
.ba-in{position:relative;font-size:1.1em;color:var(--ink-3);border:1px solid var(--line-2);border-radius:.8em;padding:.6em .8em}
.ba-btn{position:relative;font-size:1.2em;font-weight:600;color:#fff;background:var(--blue);border-radius:.8em;padding:.65em;text-align:center;animation:baPress 3s infinite}
@keyframes baPress{0%,70%,100%{transform:none}75%{transform:scale(.96)}}
.ba-n{display:inline-grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;font-style:normal;font-size:.95em;font-weight:700;color:#fff;flex:none;line-height:1}
.ba-n.r{background:#E5484D}.ba-n.g{background:#16A34A}
.ba-pg .ba-n{position:absolute;box-shadow:0 0 0 .25em #fff;animation:baPing 2.4s infinite}
.ba-nav .ba-n{right:-.6em;top:-.9em}.ba-hero .ba-n{right:.6em;top:.6em}.ba-foot .ba-n{right:2em;top:-.2em}
.ba-lp>b .ba-n{right:0;top:.1em;font-size:.48em}.ba-in .ba-n{right:-.6em;top:-.7em}.ba-btn .ba-n{right:-.6em;top:-.7em}
@keyframes baPing{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
.ba-drops{position:absolute;left:50%;bottom:-.4em;width:4em;height:3em;transform:translateX(-50%)}
.ba-drops i{position:absolute;top:0;width:.6em;height:.6em;border-radius:50%;background:#E5484D;animation:vzDrop 1.6s infinite}
.ba-drops i:nth-child(1){left:.4em}.ba-drops i:nth-child(2){left:1.7em;animation-delay:.5s}.ba-drops i:nth-child(3){left:3em;animation-delay:1s}
@keyframes vzDrop{0%{transform:translateY(0);opacity:1}100%{transform:translateY(2.4em);opacity:0}}
.ba-lead{position:absolute;right:1em;top:3.2em;font-size:1.05em;font-weight:700;color:#fff;background:#16A34A;border-radius:999px;padding:.3em .8em;animation:baLead 3s infinite}
@keyframes baLead{0%,72%{opacity:0;transform:translateY(.6em)}78%,94%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-.6em)}}
.ba-notes{list-style:none;margin:0;padding:0;display:grid;gap:.5em}
.ba-notes li{display:flex;align-items:center;gap:.6em;font-size:1.12em;line-height:1.25;font-weight:500;color:var(--ink)}
.ba-notes li .ba-n{font-size:.85em}
.ba-res{position:relative;border-radius:1.4em;padding:1em 1.2em;background:#fff;display:flex;flex-direction:column;gap:.1em;box-shadow:0 18px 40px -24px rgba(16,40,120,.45)}
.ba-res small{font-size:1em;color:var(--ink-3)}
.ba-res b{font-size:2.3em;letter-spacing:-.04em;line-height:1.05}
.ba-res span{font-size:1.15em;font-weight:600}
.ba-res.r b,.ba-res.r span{color:#E5484D}
.ba-res.g b,.ba-res.g span{color:#16A34A}
.ba-res em{position:absolute;right:1em;top:50%;transform:translateY(-50%);font-style:normal;font-size:1.5em;font-weight:700;color:#fff;padding:.3em .6em;border-radius:999px;background-color:var(--sun);background-image:var(--grain-s),var(--m-sun);background-size:240px 240px,100% 100%}
.ba-out{display:flex;align-items:center;gap:.8em;margin:1.4em 0 0;font-size:1.2em;color:var(--ink-2);line-height:1.35}
.ba-out b{color:var(--ink)}
.ba-out .vz-face{width:2.4em!important;height:2.4em!important}
@container (max-width:520px){
 .ba{font-size:calc(100cqw / 34);padding:2.6em 1.4em 1.6em}
 .ba-ad{width:100%}
 .ba-fork{display:none}
 .ba-cols{grid-template-columns:1fr;gap:2.4em;margin-top:2em}
 .ba-k{text-align:center}
}
@media (prefers-reduced-motion:reduce){.vz-ba *{animation:none!important}.ba-fork circle{display:none}}
/* acquisition */
.vz-acq{margin-top:auto;min-height:250px}
.vz-budget{position:relative;left:auto;top:auto;width:100%;max-width:440px}
.vz-budget .vz-ex{top:12px;right:12px}
.vz-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;padding-right:70px}
.vz-h b{font-size:14px}
.vz-h small{font-size:11.5px;color:var(--ink-3)}
.vz-row{display:grid;grid-template-columns:22px 82px 1fr 44px;align-items:center;gap:8px;padding:7px 0;font-size:13px;font-weight:500}
.vz-row i{width:22px;height:22px;display:grid}
.vz-row i svg{width:20px;height:20px}
.vz-row u{height:8px;border-radius:5px;background:#EEF0F4;overflow:hidden;text-decoration:none}
.vz-row s{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#2463FF,#4FB3FF)}
.vz-row b{text-align:right;font-variant-numeric:tabular-nums}
.vz-chip{right:-6px;bottom:-14px;display:flex;align-items:center;gap:10px;padding:10px 14px}
.vz-chip small{display:block;font-size:11px;color:var(--ink-3)}
.vz-chip b{font-size:19px;color:#16A34A;letter-spacing:-.03em}
/* conversion */
.vz-conv{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:34px}
.vz-conv .vz-ex{top:0;right:0}
.vz-ab{position:relative;padding:12px}
.vz-ab .vz-lpb b{font-size:14px}
.vz-ab:not(.win){opacity:.8}
.vz-ab.win{box-shadow:0 0 0 2px var(--blue),0 24px 50px -24px rgba(16,40,120,.4)}
.vz-rate{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.vz-rate small{font-size:11px;color:var(--ink-3);width:100%}
.vz-rate b{font-size:20px;letter-spacing:-.03em}
.vz-ab.win .vz-rate b{color:var(--blue)}
.vz-win{font-size:10.5px;font-weight:600;color:#fff;background:#16A34A;border-radius:999px;padding:3px 8px}
.vz-who-f{grid-column:1/-1;justify-content:center;margin-top:4px}
/* growth scan + comparatif */
.vz-scan,.vz-cmp{width:100%}
.vz-rep,.vz-tbl{position:relative;left:auto;top:auto;width:100%;padding:18px}
.vz-scan .vz-ex,.vz-cmp .vz-ex{top:16px;right:16px}
.vz-big{margin:14px 0 10px;font-size:22px;letter-spacing:-.035em;line-height:1.15}
.vz-big b{color:var(--blue)}
.vz-row2{display:grid;grid-template-columns:26px 1fr auto auto;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}
.vz-row2 b{font-variant-numeric:tabular-nums}
.vz-row2 em,.vz-tr em{font-style:normal;font-size:11px;font-weight:600;border-radius:999px;padding:3px 8px;background:#FFF1EA;color:#C2410C;white-space:nowrap}
.vz-row2 em.g,.vz-tr em.g{background:#EAF0FF;color:var(--blue-ink)}
.vz-row2 em.r,.vz-tr em.r{background:#FDECEC;color:#B42318}
.vz-row2.you{background:#F5F8FF;border-radius:12px;padding:9px 8px;border-top:0;margin-top:4px}
.vz-tr{display:grid;grid-template-columns:1.2fr .9fr .9fr .7fr;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px}
.vz-tr.th{border-top:0;font-size:11px;color:var(--ink-3);font-weight:600;padding-top:4px}
.vz-tr b{font-size:16px;font-variant-numeric:tabular-nums}
.vz-tr.you{background:#F5F8FF;border-radius:12px;padding:10px 8px;border-top:0}
.vz-tr em{justify-self:start}

.g-w{color:rgba(255,255,255,.66)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}