/* PALETTE ET TYPO PILOTÉES PAR LE BUILDER (conversion automatique support-title).
   La section ne peint plus sa racine : le fond du panneau Thème et l'option dégradé du marchand
   passent. L'encre vient de currentColor, l'accent du bouton primaire. Voir
   builder/lab/prompts/_INVARIANTS.md §1. */
#support-title{
  --suppor-accent: var(--btn-primary-light-background-color, var(--btn-primary-background-color, #3182ce));
  --suppor-on: var(--btn-primary-light-color, #ffffff);
  --suppor-muted: color-mix(in srgb, currentColor 66%, transparent);
  --suppor-line: color-mix(in srgb, currentColor 16%, transparent);
  --suppor-surface: color-mix(in srgb, currentColor 6%, transparent);
}
#support-title.dark, .dark #support-title{
  --suppor-accent: var(--btn-primary-dark-background-color, var(--btn-primary-background-color, #3182ce));
  --suppor-on: var(--btn-primary-dark-color, #ffffff);
}
/* PALETTE ET TYPO PILOTÉES PAR LE BUILDER (conversion automatique support).
   La section ne peint plus sa racine : le fond du panneau Thème et l'option dégradé du marchand
   passent. L'encre vient de currentColor, l'accent du bouton primaire. Voir
   builder/lab/prompts/_INVARIANTS.md §1. */
#support{
  --suppor-accent: var(--btn-primary-light-background-color, var(--btn-primary-background-color, #3182ce));
  --suppor-on: var(--btn-primary-light-color, #ffffff);
  --suppor-muted: color-mix(in srgb, currentColor 66%, transparent);
  --suppor-line: color-mix(in srgb, currentColor 16%, transparent);
  --suppor-surface: color-mix(in srgb, currentColor 6%, transparent);
}
#support.dark, .dark #support{
  --suppor-accent: var(--btn-primary-dark-background-color, var(--btn-primary-background-color, #3182ce));
  --suppor-on: var(--btn-primary-dark-color, #ffffff);
}
#support-title{overflow:hidden;position:relative}#support-title{position:relative;overflow:hidden;--background-color-primary:var(--btn-primary-light-background-color);--background-color-primary-rgb:var(--btn-primary-light-background-color-rgb)}#support-title.dark{--background-color-primary:var(--btn-primary-dark-background-color);--background-color-primary-rgb:var(--btn-primary-dark-background-color-rgb)}#support-title .threequarter-container-right{opacity:1;position:absolute;top:0;right:0;width:75%;height:100%;transform:translateX(100px);animation:slideInBackground 1.2s cubic-bezier(0.25,0.46,0.45,0.94) forwards}#support-title .threequarter-container-right img{background-size:cover;-webkit-background-size:cover;background-repeat:no-repeat;-webkit-background-repeat:no-repeat;background-position:center center;width:100%;height:100%}@keyframes slideInBackground{0{transform:translateX(100px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes overlayReveal{0{opacity:0}100%{opacity:1}}#support-title .container-special-width{position:relative;z-index:10;animation:containerSlideIn 1s ease-out 0.3s both}@keyframes containerSlideIn{0{transform:translateX(-50px);opacity:0}100%{transform:translateX(0);opacity:1}}#support-title .padding-box{padding:20px 10px;backdrop-filter:blur(10px);border-radius:0 20px 20px 0;text-align:center;border-right:3px solid var(--background-color-primary);border-bottom:3px solid var(--background-color-primary);animation:boxReveal 1.2s cubic-bezier(0.19,1,0.22,1) 0.6s both;max-width:450px}@keyframes boxReveal{0{clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translateX(-30px)}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateX(0)}}#support-title .text-uppercase{margin-bottom:20px;background-clip:text;animation:titleGlow 2s ease-in-out 1s both;position:relative;overflow:hidden}#support-title .text-uppercase::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--background-color-primary),transparent);animation:underlineExpand 1.5s ease-out 1.8s forwards}@keyframes titleGlow{0{text-shadow:0 0 0 rgba(var( --background-color-primary-rgb),0)}50%{text-shadow:0 0 20px rgba(var( --background-color-primary-rgb),0.4)}100%{text-shadow:0 0 10px rgba(var( --background-color-primary-rgb),0.2)}}@keyframes underlineExpand{0{width:0}100%{width:100%}}#support-title .mb-50{font-size:1.2rem;line-height:1.6;margin-bottom:40px;opacity:0;transform:translateY(20px);animation:textReveal 0.8s ease-out 1.2s forwards}@keyframes textReveal{0{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes bgPulse{0,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.1)}}#support-title:hover .threequarter-container-right{transform:scale(1.05);transition:transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}#support-title:hover .padding-box{box-shadow:0 35px 60px -12px rgba(var( --background-color-primary-rgb),0.2);transition:all 0.5s ease}#support-title::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(var( --background-color-primary-rgb),0.3) 2px,transparent 0),radial-gradient(circle at 80% 70%,rgba(var( --background-color-primary-rgb),0.2) 1px,transparent 0),radial-gradient(circle at 40% 80%,rgba(var( --background-color-primary-rgb),0.2) 3px,transparent 0);background-size:50% 50%,60% 60%,70% 70%;animation:floatParticles 20s linear infinite;z-index:2;pointer-events:none}@keyframes floatParticles{0{transform:translateY(0) rotate(0deg)}100%{transform:translateY(-100px) rotate(360deg)}}@media (max-width:768px){#support-title .threequarter-container-right{width:100%;position:relative;height:300px}#support-title .padding-box{border-radius:0 0 20px 20px;max-width:100%;margin-top:-50px}#support-title .text-uppercase{font-size:2.5rem}}#support{position:relative;overflow:hidden;--background-color-primary:var(--btn-primary-light-background-color)}#support.dark{--background-color-primary:var(--btn-primary-dark-background-color)}#support.text-right p{direction:rtl;text-align:right}#support .container-special-width{animation:smoothAppear 0.8s cubic-bezier(0.4,0,0.2,1) both}@keyframes smoothAppear{0{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}#support.title-h1{margin-bottom:2rem;position:relative;opacity:0;animation:titleReveal 1s ease-out 0.3s forwards}@keyframes titleReveal{0{opacity:0;transform:translateY(-20px);clip-path:polygon(0 0,100% 0,100% 0,0 0)}100%{opacity:1;transform:translateY(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}#support p:first-of-type{line-height:1.7;margin-bottom:3rem;opacity:0;animation:fadeInUp 0.8s ease-out 0.5s forwards}#support .title{margin:3rem 0 1.5rem 0;padding-bottom:0.5rem;border-bottom:2px solid #e2e8f0;opacity:0;transform:translateX(-20px);animation:slideInLeft 0.6s ease-out forwards}#support .title:nth-child(1){animation-delay:0.6s}#support .title:nth-child(2){animation-delay:0.8s}#support .title:nth-child(3){animation-delay:1.0s}#support .title:nth-child(4){animation-delay:1.2s}#support .title:nth-child(5){animation-delay:1.4s}#support .title:nth-child(6){animation-delay:1.6s}@keyframes slideInLeft{to{opacity:1;transform:translateX(0)}}#support p{line-height:1.7;margin-bottom:1.5rem;opacity:0;animation:fadeInUp 0.8s ease-out forwards}#support p:nth-of-type(2){animation-delay:0.7s}#support p:nth-of-type(3){animation-delay:1.1s}#support p:nth-of-type(4){animation-delay:1.5s}#support p:nth-of-type(5){animation-delay:1.7s}#support p:nth-of-type(6){animation-delay:1.9s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}#support ul{list-style:none;padding:0;margin:1.5rem 0}#support li{padding:1rem 0;border-bottom:1px solid #f7fafc;display:flex;align-items:flex-start;opacity:0;transform:translateX(-10px);animation:listItemAppear 0.6s ease-out forwards}#support li:nth-child(1){animation-delay:1.2s}#support li:nth-child(2){animation-delay:1.4s}@keyframes listItemAppear{to{opacity:1;transform:translateX(0)}}#support li::before{content:"→";color:var(--background-color-primary);margin-right:1rem;margin-top:0.1rem;transition:transform 0.3s ease}#support li:hover::before{transform:translateX(3px);color:var(--suppor-accent)}#support a{color:var(--background-color-primary);text-decoration:none;padding:0.2rem 0.4rem;border-radius:4px;transition:all 0.3s ease;position:relative;background:transparent}#support a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--background-color-primary);transition:width 0.3s ease}#support a:hover{color:var(--suppor-accent)}#support a:hover::after{width:100%}#support .bg{position:absolute;top:0;left:0;width:100%;height:100%}#support::before{content:'';position:absolute;inset:0;z-index:-3;pointer-events:none;animation:bgShift 20s ease-in-out infinite}@keyframes bgShift{0,100%{transform:scale(1)}50%{transform:scale(1.05)}}#support:hover .title{border-bottom-color:var(--background-color-primary);transition:border-color 0.3s ease}#support .title{position:relative;transition:all 0.3s ease}#support .title:hover{color:var(--suppor-accent);transform:translateX(5px)}#support p span{opacity:0;animation:fadeInSpan 0.6s ease-out forwards}#support p:nth-of-type(2) span{animation-delay:0.8s}#support p:nth-of-type(3) span{animation-delay:1.2s}#support p:nth-of-type(4) span{animation-delay:1.6s}#support p:nth-of-type(5) span{animation-delay:1.8s}#support p:nth-of-type(6) span{animation-delay:2.0s}@keyframes fadeInSpan{to{opacity:1}}#support .container-special-width{backdrop-filter:blur(10px);border-radius:12px;padding:3rem}#support.text-right .title{transform:translateX(20px)}#support.text-right li{transform:translateX(10px);flex-direction:row-reverse;align-items:center}#support.text-right li::before{margin-right:0;margin-left:1rem;transform:rotate(180deg)}#support.text-right li:hover::before{transform:rotate(180deg) translateX(-3px)}#support.text-right .title:hover{transform:translateX(-5px)}#support{view-timeline:--section}#support.title-h1{animation:fadeInUp 1s ease-out;animation-timeline:--section}#support a:focus{outline:2px solid var(--background-color-primary);outline-offset:2px}