.hero{ position:relative; padding-top:calc(var(--space-10) + var(--space-9)); padding-bottom:var(--space-9); overflow:hidden;}.hero__grid{ display:grid; grid-template-columns:1fr; gap:var(--space-6); align-items:center;}@media (min-width:768px){ .hero__grid{ grid-template-columns:1fr 1fr; gap:var(--space-8);} .hero{ padding-top:calc(var(--space-10) + var(--space-9)); padding-bottom:var(--space-10);}}.hero__content{ text-align:center;}@media (min-width:768px){ .hero__content{ text-align:left;}}.hero__title{ margin-bottom:var(--space-3);}.hero__title-accent{ color:var(--color-accent); position:relative; display:inline;}.hero__subtitle{ font-size:clamp(1rem,1.5vw,1.125rem); color:var(--color-muted); line-height:var(--leading-relaxed); margin-bottom:var(--space-4);}.hero__ctas{ display:flex; flex-direction:column; gap:var(--space-2); align-items:center;}@media (max-width:479px){ .hero__ctas .btn{ width:100%; justify-content:center;}}@media (min-width:480px){ .hero__ctas{ flex-direction:row;}}@media (min-width:768px){ .hero__ctas{ justify-content:flex-start;}}.hero__cta-hint{ font-size:var(--text-xs); color:var(--color-muted); margin-top:6px; text-align:center;}.hero__visual{ position:relative; display:flex; align-items:center; justify-content:center;}.hero__image-wrapper{ position:relative; width:100%; max-width:480px; margin-inline:auto;}.hero__image-shadow{ position:absolute; inset:0; border-radius:40px 80px 40px 80px; background:var(--color-primary); opacity:0.12; transform:rotate(3deg) translate(12px,12px) scale(1.02);}.hero__image{ position:relative; width:100%; height:auto; aspect-ratio:4 / 3; border-radius:40px 80px 40px 80px; box-shadow:var(--shadow-elevate); border:6px solid white; object-fit:cover; transform:rotate(-2deg); content-visibility:auto;}.hero__float-badge{ position:absolute; bottom:-8px; right:-8px; background:white; padding:var(--space-2); border-radius:var(--radius-pill); box-shadow:var(--shadow-elevate); border:3px solid var(--color-accent); display:flex; flex-direction:column; align-items:center; justify-content:center; width:120px; height:120px; z-index:2;}.hero__float-badge-number{ font-family:var(--font-display); font-weight:800; font-size:1.75rem; letter-spacing:-0.03em; color:var(--color-primary); line-height:1;}.hero__float-badge-label{ font-size:var(--text-xs); font-weight:700; text-transform:uppercase; color:var(--color-muted); text-align:center; line-height:1.2;}@media (max-width:479px){ .hero__float-badge{ width:90px; height:90px; padding:var(--space-1); bottom:-6px; right:-6px;} .hero__float-badge-number{ font-size:1.25rem;}}@keyframes float{ 0%,100%{transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(-8px) rotate(-1.5deg)}}.hero__image-wrapper--animated{ animation:float 6s ease-in-out infinite;}@media (prefers-reduced-motion:reduce){ .hero__image-wrapper--animated{ animation:none;}}.problem{ background:var(--color-surface);}.problem__solution-box{ background:var(--color-dark); border-radius:var(--radius-modal); padding:var(--space-4) var(--space-3); color:white; text-align:center; max-width:800px; margin-inline:auto; box-shadow:var(--shadow-elevate);}@media (max-width:479px){ .problem__solution-box{ padding:var(--space-3) var(--space-2); border-radius:var(--radius-lg);}}@media (min-width:768px){ .problem__solution-box{ padding:var(--space-6);}}.problem__solution-label{ font-family:var(--font-display); font-size:var(--text-h3); font-weight:700; color:var(--color-lime); margin-bottom:var(--space-2);}.problem__solution-text{ font-size:clamp(1rem,1.5vw,1.125rem); color:white; line-height:var(--leading-relaxed);}.problem__solution-highlight{ font-weight:700; color:white; text-decoration:underline; text-decoration-style:wavy; text-decoration-color:var(--color-accent); text-underline-offset:4px;}.game-comp{ position:relative;}.game-comp__examples{ display:grid; grid-template-columns:1fr; gap:var(--gutter); max-width:800px; margin-inline:auto;}@media (min-width:768px){ .game-comp__examples{ grid-template-columns:repeat(2,1fr);}}.game-comp__example{ background:var(--color-surface); padding:var(--space-3); border-radius:var(--radius-card); box-shadow:var(--shadow-card); border-left:4px solid var(--_example-color,var(--color-sky));}@media (max-width:479px){ .game-comp__example{ padding:var(--space-2);}}.game-comp__example-title{ font-size:var(--text-h4); font-weight:700; color:var(--_example-color,var(--color-sky)); margin-bottom:var(--space-1);}.game-comp__example-quote{ font-style:italic; color:var(--color-muted); margin-bottom:var(--space-1); font-size:var(--text-small);}.game-comp__example-detail{ font-size:var(--text-small); color:var(--color-muted); line-height:var(--leading-normal);}.progression{ background:var(--color-surface);}.formats{ background:var(--color-base);}.formats__link{ display:block; text-align:center; margin-top:var(--space-4);}.formats__link .link{ font-size:var(--text-small); line-height:var(--leading-relaxed); display:inline;}@media (max-width:479px){ .formats__link .link{ font-size:var(--text-small);}}.packs{ background:var(--color-surface);}.packs .grid--3{ padding-top:var(--space-2);}.packs .card--pack .card__body{ padding:var(--space-3); padding-bottom:var(--space-1);}.packs .card--pack .card__overline{ font-family:var(--font-display); font-size:var(--text-xs); font-weight:700; text-transform:uppercase; letter-spacing:var(--tracking-widest); color:var(--color-muted); margin-bottom:var(--space-1);}.packs .card--pack .card__pack-title{ font-size:1.375rem; font-weight:700; margin-bottom:var(--space-2);}.packs .card--pack .card__pack-desc{ font-size:var(--text-small); color:var(--color-muted); line-height:var(--leading-normal); flex:1;}.packs .card--pack .card__pack-desc strong{ color:var(--color-text);}.packs .card--pack .card__pack-list{ list-style:disc; padding-left:20px; margin:var(--space-1) 0;}.packs .card--pack .card__pack-list li{ list-style:disc; font-size:var(--text-small); color:var(--color-muted); margin-bottom:var(--space-half); line-height:var(--leading-normal);}.packs__focus{ margin-top:var(--space-6); background:#EEF2FF; border-radius:var(--radius-modal); padding:var(--space-4); border:1px solid #C7D2FE; display:grid; grid-template-columns:1fr; gap:var(--space-4); align-items:center;}@media (max-width:479px){ .packs__focus{ padding:var(--space-3); border-radius:var(--radius-lg);}}@media (min-width:768px){ .packs__focus{ grid-template-columns:2fr 1fr; padding:var(--space-5);}}.packs__focus-title{ font-size:var(--text-h3); color:#312E81; margin-bottom:var(--space-2);}.packs__focus-text{ font-size:var(--text-small); color:var(--color-text); line-height:var(--leading-relaxed);}.packs__focus-text strong{ font-weight:700;}.packs__focus-cta{ text-align:center;}.customization{ background:var(--color-dark); color:white; position:relative; overflow:hidden;}.customization__grid{ display:grid; grid-template-columns:1fr; gap:var(--space-4); text-align:left; margin-bottom:var(--space-4);}@media (min-width:768px){ .customization__grid{ grid-template-columns:repeat(2,1fr); gap:var(--space-6);}}.customization__col-title{ font-size:var(--text-h3); font-weight:700; margin-bottom:var(--space-2);}.customization__list{ display:flex; flex-direction:column; gap:var(--space-1);}.customization__list li{ font-size:var(--text-small); color:rgba(255,255,255,0.95); line-height:var(--leading-relaxed); margin-bottom:var(--space-half);}.customization__list li strong{ color:white;}.customization__cta-wrap{ text-align:center;}.customization__cta-ring{ display:inline-block; padding:2px; border-radius:var(--radius-pill); background:linear-gradient(135deg,var(--color-accent),#EC4899); max-width:100%;}@media (max-width:479px){ .customization__cta-ring .btn{ white-space:normal; text-align:center; padding:14px 20px; font-size:var(--text-small); line-height:var(--leading-snug);}}.customization__cta-hint{ font-size:var(--text-xs); color:rgba(255,255,255,0.75); margin-top:var(--space-1);}.testimonials{ background:var(--color-surface); content-visibility:auto; contain-intrinsic-size:auto 600px;}.key-numbers{ background:var(--color-dark); color:white; padding:var(--space-6) 0;}.section--compact{ padding-top:var(--space-6); padding-bottom:var(--space-6);}.key-numbers__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-3); text-align:center;}@media (min-width:768px){ .key-numbers__grid{ grid-template-columns:repeat(4,1fr);}}.key-numbers__item{ display:flex; flex-direction:column; align-items:center; gap:var(--space-half);}.key-numbers__value{ font-family:var(--font-display); font-size:clamp(2rem,4vw,3rem); font-weight:800; letter-spacing:-0.03em; color:var(--color-accent); line-height:1.1;}.key-numbers__label{ font-size:var(--text-xs); font-weight:600; text-transform:uppercase; letter-spacing:var(--tracking-wider); color:rgba(255,255,255,0.95); line-height:1.3;}.pour-qui{ background:var(--color-base);}.game-output{ margin-top:var(--space-6);}.game-output__inner{ background:var(--color-surface); border-radius:var(--radius-modal); padding:var(--space-4); box-shadow:var(--shadow-card); border:2px solid var(--color-primary);}@media (min-width:768px){ .game-output__inner{ padding:var(--space-5);}}.game-output__title{ font-size:var(--text-h3); text-align:center; margin-bottom:var(--space-4); color:var(--color-primary);}.game-output__grid{ display:grid; grid-template-columns:1fr; gap:var(--space-3);}@media (min-width:768px){ .game-output__grid{ grid-template-columns:repeat(2,1fr);}}.game-output__item{ display:flex; gap:var(--space-2); align-items:flex-start;}.game-output__icon{ font-size:1.5rem; flex-shrink:0; width:40px; text-align:center;}.game-output__item p{ font-size:var(--text-small); color:var(--color-muted); line-height:var(--leading-relaxed);}.game-output__item strong{ color:var(--color-text);}.deploiement{ background:var(--color-surface); content-visibility:auto; contain-intrinsic-size:auto 800px;}.synergie{ background:var(--color-base);}.synergie__grid{ display:grid; grid-template-columns:1fr; gap:var(--space-3);}@media (min-width:480px){ .synergie__grid{ grid-template-columns:repeat(2,1fr);}}@media (min-width:768px){ .synergie__grid{ grid-template-columns:repeat(3,1fr);}}.synergie__item{ background:var(--color-surface); border-radius:var(--radius-card); padding:var(--space-3); box-shadow:var(--shadow-card); border:var(--border-1); transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);}.synergie__item:hover{ transform:translateY(-4px); box-shadow:var(--shadow-elevate);}@media (prefers-reduced-motion:reduce){ .synergie__item:hover{ transform:none;}}.synergie__icon{ font-size:2rem; display:block; margin-bottom:var(--space-1);}.synergie__item h3{ font-size:var(--text-h4); margin-bottom:var(--space-half);}.synergie__item p{ font-size:var(--text-small); color:var(--color-muted); line-height:var(--leading-normal);}.mini-kit{ background:var(--color-surface);}.faq{ background:var(--color-base); content-visibility:auto; contain-intrinsic-size:auto 800px;}.catalogue{ background:var(--color-surface); border-top:var(--border-1); content-visibility:auto; contain-intrinsic-size:auto 1200px;}.impact{ background:var(--color-dark); color:white; position:relative; overflow:hidden;}.impact .stepper__number{ border-color:var(--color-lime); background:var(--color-primary);}.impact .stepper__title{ color:var(--color-lime);}.impact .stepper__text{ color:rgba(255,255,255,0.95);}@media (min-width:768px){ .impact .stepper__track{ background:rgba(255,255,255,0.08);}}.footer{ background:#1A1A1A; color:white; padding:var(--space-8) 0 var(--space-4);}.footer__brand{ margin-bottom:var(--space-6);}.footer__brand img{ height:80px; width:auto; margin-inline:auto;}@media (min-width:768px){ .footer__brand img{ height:96px;}}.footer__ctas{ display:flex; flex-direction:column; gap:var(--space-2); justify-content:center; align-items:center; margin-bottom:var(--space-8);}@media (max-width:479px){ .footer__ctas .btn{ width:100%; justify-content:center;}}@media (min-width:480px){ .footer__ctas{ flex-direction:row;}}.footer__partners-label{ font-size:var(--text-xs); text-transform:uppercase; letter-spacing:var(--tracking-widest); font-weight:700; color:var(--color-sky); margin-bottom:var(--space-4);}.footer__partners{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:var(--space-4); margin-bottom:var(--space-6);}.footer__partner-logo{ height:60px; width:auto; aspect-ratio:1 / 1; object-fit:contain; background:white; border-radius:var(--radius-md); padding:var(--space-1);}@media (min-width:480px){ .footer__partner-logo{ height:72px;}}@media (min-width:768px){ .footer__partner-logo{ height:80px;}}.footer__bottom{ border-top:1px solid rgba(255,255,255,0.15); padding-top:var(--space-4); font-size:var(--text-xs); color:rgba(255,255,255,0.85);}