.products{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 92% 8%,#7757ff14,transparent 30%),linear-gradient(135deg,#f8fbff,#f7f4ef 55%,#f4f0ff)}
.products::before{content:"";position:absolute;z-index:-1;width:430px;height:430px;left:-220px;bottom:-200px;border-radius:50%;background:#40d9ef16;filter:blur(12px)}
.product-list{gap:13px}
.product-list article{--accent-rgb:255,102,118;position:relative;border-color:rgba(var(--accent-rgb),.24);background:linear-gradient(115deg,rgba(var(--accent-rgb),.09),#fff 45%,rgba(var(--accent-rgb),.035));box-shadow:0 12px 35px rgba(26,35,60,.055);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.product-list article.violet{--accent-rgb:119,87,255}.product-list article.cyan{--accent-rgb:21,159,196}.product-list article.gold{--accent-rgb:217,144,39}.product-list article.green{--accent-rgb:22,140,104}
.product-list article::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.3));opacity:.85}
.product-list article:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.48);box-shadow:0 18px 45px rgba(var(--accent-rgb),.13)}
.product-list article.open{border-color:rgba(var(--accent-rgb),.5);background:linear-gradient(125deg,rgba(var(--accent-rgb),.15),#fff 58%);box-shadow:0 24px 60px rgba(var(--accent-rgb),.15)}
.product-list header{position:relative}.product-list header::after{content:"";position:absolute;width:170px;height:90px;right:70px;top:-35px;border-radius:50%;background:rgba(var(--accent-rgb),.09);filter:blur(12px);pointer-events:none}
.product-list header>.product-icon{position:relative;z-index:1;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--accent),rgba(var(--accent-rgb),.72));color:#fff;opacity:1;box-shadow:0 11px 25px rgba(var(--accent-rgb),.28)}
.product-icon svg{width:27px;height:27px}.product-list header>span{font-size:.7rem}.product-list header>button{position:relative;z-index:2;color:var(--accent);border-color:rgba(var(--accent-rgb),.3);box-shadow:0 5px 14px rgba(var(--accent-rgb),.09);transition:.25s}.product-list article.open header>button{color:#fff;background:var(--accent);border-color:var(--accent)}
.product-body{position:relative}.product-body>p{font-size:.96rem;line-height:1.65}.product-body li{padding:4px 0}.product-body li::marker{color:var(--accent)}
.product-actions .example-open{background:#fff;color:var(--accent);box-shadow:0 9px 20px rgba(var(--accent-rgb),.1)}.product-actions>a{color:#fff;background:linear-gradient(120deg,var(--accent),rgba(var(--accent-rgb),.78));box-shadow:0 10px 25px rgba(var(--accent-rgb),.25)}
@media(max-width:620px){.product-list header>.product-icon{width:42px;height:42px;border-radius:12px}.product-icon svg{width:22px;height:22px}.product-list header::after{display:none}}
@media(prefers-reduced-motion:reduce){.product-list article,.product-list header>button{transition:none}}
.product-actions>a,.product-actions>a:visited,.product-actions>a:hover,.product-actions>a:focus{color:#fff!important;text-shadow:0 1px 2px #0003}.product-actions>a span{color:#fff!important}

/* Page pilote — rythme coloré entre les différentes parties. */
.film-quick-nav a:nth-of-type(1){--nav:#ff6676}.film-quick-nav a:nth-of-type(2){--nav:#7757ff}.film-quick-nav a:nth-of-type(3){--nav:#129fbe}.film-quick-nav a i{color:var(--nav,var(--film))}.film-quick-nav a:hover,.film-quick-nav a:focus-visible{background:linear-gradient(120deg,var(--nav,var(--film)),#17213a)}
.film-intro{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 88% 18%,#7757ff21,transparent 30%),linear-gradient(125deg,#fff,#eefaff 52%,#fff4f4)}.film-intro::before{content:"01";position:absolute;z-index:-1;right:3vw;bottom:-55px;font:400 clamp(11rem,24vw,25rem)/1 var(--display);color:#7557ff0a}.film-intro .intro-copy{padding:clamp(24px,4vw,48px);border:1px solid #fff;border-radius:25px;background:#ffffffa3;box-shadow:0 25px 70px #33466c13;backdrop-filter:blur(10px)}.film-intro .definition-line{border-color:#7757ff2e}.film-intro .definition-line i{background:linear-gradient(#ff6676,#7757ff);box-shadow:0 0 18px #7757ff88}
.value{position:relative;background:radial-gradient(circle at 15% 10%,#175ac052,transparent 30%),radial-gradient(circle at 90% 90%,#7c35a94a,transparent 34%),linear-gradient(145deg,#071020,#111c3d 58%,#27133c)}.value-grid{gap:12px;border:0}.value-grid article{--benefit:#6de3ff;position:relative;border:1px solid #ffffff17!important;border-radius:18px;background:linear-gradient(145deg,#ffffff10,#ffffff05);overflow:hidden}.value-grid article:nth-child(2){--benefit:#a98cff}.value-grid article:nth-child(3){--benefit:#ffba5f}.value-grid article:nth-child(4){--benefit:#68e2b8}.value-grid article::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--benefit)}.value-grid article i{color:var(--benefit);text-shadow:0 0 22px var(--benefit)}.value-grid article:hover{background:#ffffff13;transform:translateY(-4px)}
.method-film{background:radial-gradient(circle at 85% 15%,#713cff42,transparent 28%),linear-gradient(150deg,#071020,#121d3d 52%,#171033)}
.collab{position:relative;background:radial-gradient(circle at 92% 12%,#40d9ef24,transparent 27%),linear-gradient(130deg,#fbfdff,#f3efff 56%,#ebf9ff)}.collab .collab-copy{padding:clamp(20px,3vw,38px);border-radius:22px;background:#ffffff8f;border:1px solid #fff;box-shadow:0 20px 55px #253c6a12}.collab-copy li{border-color:#7757ff20}.collab-copy li:nth-child(odd) b{color:#684be0}.collab-copy li:nth-child(even) b{color:#0887a7}.console-mock{border:1px solid #6ee4ff32;box-shadow:0 35px 85px #342e802b,0 0 45px #55dff01c}
.deliver{background:radial-gradient(circle at 10% 85%,#ff667634,transparent 30%),radial-gradient(circle at 90% 15%,#3ed8f333,transparent 30%),linear-gradient(135deg,#0a1022,#24183e 55%,#092a3a)}.deliver-grid article{padding:30px;border:1px solid #ffffff1f;border-radius:20px;background:#ffffff08}.deliver-grid article:first-child{border-top:4px solid #66e0bc}.deliver-grid article:last-child{border-top:4px solid #ffbd62}.deliver-grid article:first-child li i{color:#66e0bc}.deliver-grid article:last-child li i{color:#ffbd62}
.recap{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 10%,#ff66761c,transparent 27%),linear-gradient(125deg,#fff,#eef8ff 48%,#f5efff)}.recap::after{content:"✦";position:absolute;right:5vw;bottom:-80px;color:#7757ff0d;font-size:18rem}.recap-main{position:relative;z-index:1}.recap-points{border:0;gap:8px}.recap-points span{--point:#ff6676;border:1px solid color-mix(in srgb,var(--point) 26%,transparent)!important;border-radius:13px;background:#fff;padding:17px}.recap-points span:nth-child(2){--point:#7757ff}.recap-points span:nth-child(3){--point:#159fc4}.recap-points span:nth-child(4){--point:#d99027}.recap-points span:nth-child(5){--point:#168c68}.recap-points span,.recap-points b{color:var(--point)}.recap-main>a{border-radius:12px;background:linear-gradient(110deg,#ff6676,#7757ff);box-shadow:0 13px 30px #6547dd35}
@media(max-width:950px){.value-grid{gap:10px}.recap-points{gap:7px}}
@media(max-width:620px){.film-intro .intro-copy,.collab .collab-copy{padding:20px}.value-grid article{border-bottom:1px solid #ffffff17!important}.deliver-grid article{padding:22px}.recap-points span{border-right:1px solid color-mix(in srgb,var(--point) 26%,transparent)!important}}

/* Contraste renforcé pour toutes les actions placées sur un fond sombre. */
.film-hero-copy>a{min-height:52px;align-items:center;padding:0 21px;border:1px solid #8deaff8c;border-radius:10px;background:linear-gradient(110deg,#ff5f74,#7357ff 58%,#168fba);color:#fff!important;box-shadow:0 14px 35px #301e8a55,0 0 24px #53ddf022;text-shadow:0 1px 2px #080b1d66;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.film-hero-copy>a b{color:#fff}.film-hero-copy>a:hover,.film-hero-copy>a:focus-visible{transform:translateY(-3px);filter:brightness(1.12);box-shadow:0 19px 44px #301e8a77,0 0 34px #53ddf03d;outline:3px solid #73e8ff;outline-offset:4px}
.secondary-section.is-dark .section-toggle{border:1px solid #7be7ff80;background:linear-gradient(110deg,#6f54ee,#167fa8);color:#fff!important;box-shadow:0 9px 24px #0005}.secondary-section.is-dark .section-toggle i{background:#fff;color:#563bd2;box-shadow:0 3px 10px #0003}.secondary-section.is-dark .section-toggle:hover,.secondary-section.is-dark .section-toggle:focus-visible{filter:brightness(1.14);border-color:#fff;outline:3px solid #6fe7ff;outline-offset:3px}
.method-film a,.deliver a,.value a{color:#fff}.console-mock button{background:#fff;color:#10182d;font-weight:850;border:1px solid #fff}.console-mock button:hover,.console-mock button:focus-visible{background:#6de3ff;color:#081020;outline:3px solid #fff;outline-offset:3px}