/**
 * Styles inline extraits des sections de landing
 * Généré automatiquement - NE PAS MODIFIER MANUELLEMENT
 * Généré le: 2025-11-03 21:28:00
 */

/* ==========================================================================
   STYLES GLOBAUX - Utilisables partout dans .pixelyz-landing-section
   ========================================================================== */

.pixelyz-landing-section .badge,
.pixelyz-landing-section .kicker{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 auto 10px;padding:6px 12px !important;border-radius:999px;
  border:1px solid rgba(188,211,230,.25);font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  font-size:11px;color:#bcd3e6;background:linear-gradient(90deg, rgba(123,108,255,.18), rgba(93,214,255,.18));
  line-height:1.4 !important;vertical-align:middle;white-space:nowrap
}
.pixelyz-landing-section .badge::first-letter,
.pixelyz-landing-section .kicker::first-letter{
  font-size:16px;
}
.pixelyz-landing-section .badge *,
.pixelyz-landing-section .kicker *{
  margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important
}

.pixelyz-landing-section .title,
.pixelyz-landing-section h1.title,
.pixelyz-landing-section h2.title,
.pixelyz-landing-section h3.title,
.pixelyz-landing-section p.title,
body .pixelyz-landing-section .title,
body .entry-content .pixelyz-landing-section .title,
body .page-content .pixelyz-landing-section .title{
  margin:8px 0 12px !important;font-weight:800 !important;letter-spacing:-.02em !important;
  font-size:clamp(28px,4vw,42px) !important;line-height:1.1 !important;
  background:linear-gradient(90deg,#68aeff,#1e6cf3) !important;
  -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important
}

.pixelyz-landing-section .title .grad{
  background:linear-gradient(90deg,#5dd6ff,#7b6cff) !important;
  -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important
}

.pixelyz-landing-section .subtitle,
.pixelyz-landing-section .lead{
  margin:0 0 12px;max-width:720px;color:#9fb0c0;line-height:1.75;font-size:clamp(13px,1.6vw,15px)
}

.pixelyz-landing-section .card,
body .pixelyz-landing-section .card,
body .entry-content .pixelyz-landing-section .card,
body .page-content .pixelyz-landing-section .card{
  position:relative !important;background:#101824 !important;border:1px solid #213149 !important;border-radius:18px !important;
  padding:20px 26px 16px !important;box-shadow:0 4px 12px rgba(0,0,0,.1) !important;
  transition:transform .35s ease, box-shadow .35s ease !important;will-change:transform !important;height:auto !important
}
.pixelyz-landing-section .card::after,
body .pixelyz-landing-section .card::after,
body .entry-content .pixelyz-landing-section .card::after,
body .page-content .pixelyz-landing-section .card::after{
  content:"" !important;position:absolute !important;inset:-1px !important;border-radius:18px !important;padding:1px !important;opacity:0 !important;
  transition:opacity .35s ease !important;background:linear-gradient(135deg,rgba(123,108,255,.35),rgba(93,214,255,.35)) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;-webkit-mask-composite:xor !important;mask-composite:exclude !important;
  pointer-events:none !important
}
.pixelyz-landing-section .card:hover,
body .pixelyz-landing-section .card:hover,
body .entry-content .pixelyz-landing-section .card:hover,
body .page-content .pixelyz-landing-section .card:hover{
  transform:translateY(-6px) !important;box-shadow:0 4px 10px rgba(0,0,0,.1) !important
}
.pixelyz-landing-section .card:hover::after,
body .pixelyz-landing-section .card:hover::after,
body .entry-content .pixelyz-landing-section .card:hover::after,
body .page-content .pixelyz-landing-section .card:hover::after{
  opacity:.9 !important
}

/* ==========================================================================
   Styles pour pixelyz-hero (ancre: #hero)
   ========================================================================== */

#pixelyz-hero{

      max-width:1600px !important;margin:0 auto;padding:46px 40px 48px !important;

      font-family:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#E7EEF7

    }

    .hero-grid{

      display:grid;grid-template-columns:1fr;gap:0;align-items:center

    }

    /* Quand hero et modulecomparaison sont ensemble (classe ajoutée par JS) */
    .wp-block-pixelyz-hero.has-modulecomparaison-next,
    #pixelyz-hero.has-modulecomparaison-next {
      display: grid;
      grid-template-columns: 1fr 600px;
      gap: 48px;
      align-items: center;
      padding-bottom: 48px !important;
    }

    /* Le hero-grid devient contents quand il y a un modulecomparaison */
    .wp-block-pixelyz-hero.has-modulecomparaison-next .hero-grid,
    #pixelyz-hero.has-modulecomparaison-next .hero-grid {
      display: contents;
    }

    /* Le modulecomparaison qui suit le hero */
    .wp-block-pixelyz-hero.has-modulecomparaison-next + .wp-block-pixelyz-modulecomparaison.is-modulecomparaison-next,
    #pixelyz-hero.has-modulecomparaison-next + .wp-block-pixelyz-modulecomparaison.is-modulecomparaison-next,
    .wp-block-pixelyz-hero.has-modulecomparaison-next + * .is-modulecomparaison-next,
    #pixelyz-hero.has-modulecomparaison-next + * .is-modulecomparaison-next {
      margin: 0 !important;
      padding: 0 !important;
      max-width: none !important;
      width: 600px !important;
      height: 600px !important;
    }

    @media(max-width:980px){
      .hero-grid{grid-template-columns:1fr;gap:32px}
      .wp-block-pixelyz-hero.has-modulecomparaison-next,
      #pixelyz-hero.has-modulecomparaison-next {
        grid-template-columns: 1fr;
        gap: 32px;
      }
    }



    .badge{

      display:inline-block;margin:0 auto 10px;padding:6px 12px;border-radius:999px;

      border:1px solid rgba(188,211,230,.25);font-weight:600;letter-spacing:.08em;text-transform:uppercase;

      font-size:11px;color:#bcd3e6;background:linear-gradient(90deg, rgba(123,108,255,.18), rgba(93,214,255,.18))

    }
    .badge::first-letter{
      font-size:16px;
    }



    .title{

      margin:0 0 12px;font-weight:900;letter-spacing:-.02em;

      font-size:clamp(27px,5vw,51px);line-height:1.06

    }

    .title .grad{background:linear-gradient(90deg,#68aeff,#1e6cf3) !important;

      -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}

    .lead{

      margin:0 0 26px;max-width:720px;color:#9fb0c0;line-height:1.75;font-size:clamp(13px,1.6vw,15px)

    }



    .cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:18px}

    .cta-primary{

      display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:9999px;border:0;cursor:pointer;

      background:linear-gradient(90deg,#68aeff,#1e6cf3);color:#fff;font-weight:800;font-size:13px;letter-spacing:.01em;

      box-shadow:inset 0 1px 0 rgba(255,255,255,.25) !important;
      text-decoration:none;
      position:relative;
      overflow:visible;
      animation:pulse 2.5s infinite ease-in-out;
      filter:none !important;
      text-shadow:none !important

    }

    @keyframes pulse{
      0%,100%{
        transform:scale(1);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.25) !important
      }
      50%{
        transform:scale(1.05);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.25) !important
      }
    }

    .cta-primary:hover{
      transform:scale(1.05);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.25) !important;
      animation:none;
      filter:none !important
    }

    /* Annuler le zoom et le box-shadow inset pour le CTA de la section affiliate-cta */
    #affiliate-cta .cta-primary:hover {
      transform: none !important;
    }

    /* Annuler le box-shadow inset pour le CTA de la section affiliate-cta car il a son propre glow */
    #affiliate-cta .cta-primary {
      box-shadow: 0 18px 60px -20px rgba(56, 189, 248, 0.85) !important;
      animation: none !important;
    }

    /* Annuler le box-shadow inset pour le CTA du hero affiliation car il a son propre glow (identique à affiliate-cta) */
    .pxz-afhero__cta,
    body .entry-content .pxz-afhero__cta,
    body .page-content .pxz-afhero__cta,
    body .pxz-afhero__cta {
      box-shadow: 0 18px 60px -20px rgba(56, 189, 248, 0.85) !important;
      animation: none !important;
    }


    /* Annuler le zoom pour le CTA du hero et garder l'animation glow */

    .cta-primary:focus-visible{outline:2px solid #5dd6ff;outline-offset:3px}

    .cta-primary::after,
    .cta-primary::before,
    .cta-primary *::after,
    .cta-primary *::before{
      display:none !important;
      content:none !important;
      opacity:0 !important;
      box-shadow:none !important;
      filter:none !important
    }

    /* Exception pour le hero-cta qui a besoin du ::before pour l'effet highlight */
    #pixelyz-hero .hero-cta::before {
      display: block !important;
      content: "" !important;
    }

    /* Exception pour le CTA de la section affiliate-cta qui a besoin du ::before pour l'effet highlight */
    #affiliate-cta .cta-primary::before {
      display: block !important;
      content: "" !important;
    }

    /* Exception pour le CTA du hero affiliation qui a besoin du ::before pour l'effet highlight */
    .pxz-afhero__cta::before {
      display: block !important;
      content: "" !important;
    }


    /* Exception pour le CTA de la section pixelyz-cta qui a besoin du ::before pour l'effet highlight */
    #pixelyz-cta .cta::before {
      display: block !important;
      content: "" !important;
    }


    .cta-row .cta-primary{
      box-shadow:inset 0 1px 0 rgba(255,255,255,.25) !important;
      filter:none !important;
      text-shadow:none !important
    }

    /* Annuler le box-shadow inset pour le hero-cta car il a son propre glow */
    #pixelyz-hero .hero-cta,
    #pixelyz-hero .hero-cta.cta-primary,
    #pixelyz-hero .cta-primary.hero-cta {
      box-shadow: 0 18px 60px -20px rgba(56, 189, 248, 0.85) !important;
      animation: none !important;
    }



    .cta-ghost{

      display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:9999px;border:1px solid #2b3a4d;

      background:rgba(255,255,255,0.02);color:#dbe9ff;text-decoration:none;font-weight:800;font-size:12px

    }

    .cta-ghost:hover{border-color:#41546b;background:rgba(255,255,255,0.04)}

    .cta-ghost:focus-visible{outline:2px solid #5dd6ff;outline-offset:3px}



    .trust{color:#7f93a7;font-size:12px}

    .trust .sep{opacity:.4;margin:0 6px}



    .bullets{margin:22px 0 0;display:grid;gap:10px}

    .bullet{display:flex;gap:10px;align-items:flex-start;color:#bcd0e3}

    .bullet svg{flex:0 0 18px;margin-top:3px;color:#68aeff}

    /* Social Proof Card */
    .social-proof-card{
      margin-top:40px;
      background:rgba(15,23,42,0.4);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      border:1px solid rgba(255,255,255,0.1);
      border-radius:24px;
      padding:24px 32px;
      box-shadow:0 20px 50px rgba(0,0,0,0.5);
      transition:border-color 0.5s ease;
      width:fit-content;
    }
    .social-proof-card:hover{
      border-color:rgba(255,255,255,0.2);
    }
    .social-proof-content{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:24px;
    }
    @media(min-width:640px){
      .social-proof-content{
        flex-direction:row;
      }
    }
    /* Avatars */
    .avatars-group{
      display:flex;
    }
    .avatar{
      width:48px;
      height:48px;
      border-radius:50%;
      border:4px solid #0f172a;
      margin-left:-12px;
      overflow:hidden;
      box-shadow:0 4px 12px rgba(0,0,0,0.3);
    }
    .avatar:first-child{
      margin-left:0;
    }
    .avatar img{
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .avatar-count{
      background:#1e293b;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:10px;
      font-weight:700;
      color:#cbd5e1;
    }
    /* Séparateur */
    .social-proof-separator{
      display:none;
      width:1px;
      height:40px;
      background:rgba(255,255,255,0.05);
    }
    @media(min-width:640px){
      .social-proof-separator{
        display:block;
      }
    }
    /* Rating */
    .rating-block{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:4px;
    }
    @media(min-width:640px){
      .rating-block{
        align-items:flex-start;
      }
    }
    .rating-row{
      display:flex;
      align-items:center;
      gap:8px;
    }
    .stars{
      display:flex;
      align-items:center;
      gap:2px;
    }
    .stars .star{
      width:16px;
      height:16px;
    }
    .stars .star.filled{
      fill:#eab308;
      color:#eab308;
    }
    .stars .star.half{
      /* La demi-étoile utilise un dégradé SVG inline défini dans le HTML */
      color:#eab308;
    }
    .rating-score{
      font-size:18px;
      font-weight:900;
      color:#fff;
      letter-spacing:-0.025em;
    }
    .verified-badge{
      display:flex;
      align-items:center;
      gap:6px;
      color:#34d399;
    }
    .verified-badge .check-icon{
      width:14px;
      height:14px;
    }
    .verified-badge span{
      font-size:10px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:0.1em;
      opacity:0.8;
    }
    /* Témoignage */
    .testimonial-quote{
      margin-top:24px;
      padding-top:16px;
      border-top:1px solid rgba(255,255,255,0.05);
      text-align:center;
    }
    .testimonial-quote p{
      color:#94a3b8;
      font-size:14px;
      line-height:1.6;
      font-style:italic;
      margin:0;
      padding:0 8px;
    }



    .card{

      background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));

      border:1px solid #2a3a4b;border-radius:20px;padding:24px;

      box-shadow:0 10px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04)

    }

    .card-inner{

      background:rgba(7,14,22,.45);border:1px solid #2a3a4b;border-radius:16px;

      height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden

    }

    /* Module de comparaison 600x600 - Wrapper principal */
    .pixelyz-modulecomparaison-wrapper {
      width: 600px !important;
      height: 600px !important;
      min-width: 600px !important;
      min-height: 600px !important;
      max-width: 600px !important;
      max-height: 600px !important;
      box-sizing: border-box !important;
    }

    .pixelyz-modulecomparaison-wrapper .card,
    .pixelyz-modulecomparaison-wrapper .card[aria-label="Aperçu résultat"] {
      width: 100% !important;
      height: 100% !important;
      min-width: 100% !important;
      min-height: 100% !important;
      padding: 16px !important;
      box-sizing: border-box !important;
    }

    .pixelyz-modulecomparaison-wrapper .card-inner {
      height: calc(100% - 32px) !important;
      width: 100% !important;
      display: flex !important;
      flex-direction: column !important;
    }

    /* Le container avant/après dans card-inner doit prendre toute la hauteur */
    .pixelyz-modulecomparaison-wrapper .card-inner .pixelyz-before-after-container {
      flex: 1 1 auto !important;
      min-height: 0 !important;
    }

    /* Composant Avant/Après dans le module */
    .pixelyz-modulecomparaison-wrapper .pixelyz-before-after-container {
      width: 100% !important;
      height: 100% !important;
      min-height: 100% !important;
      display: flex !important;
      flex-direction: column !important;
    }

    /* Slider dans le wrapper - s'adapte à la hauteur disponible */
    .pixelyz-modulecomparaison-wrapper .pixelyz-before-after-slider {
      flex: 1 1 auto !important;
      height: auto !important;
      min-height: 0 !important;
    }

    /* Si fenêtre macOS présente, le slider prend le reste */
    .pixelyz-modulecomparaison-wrapper .pixelyz-before-after-container:has(.pixelyz-before-after-window) .pixelyz-before-after-slider {
      height: calc(100% - 44px) !important;
    }

    /* Images dans le slider - remplir toute la hauteur */
    .pixelyz-modulecomparaison-wrapper .pixelyz-before-after-after,
    .pixelyz-modulecomparaison-wrapper .pixelyz-before-after-before {
      height: 100% !important;
    }

    /* Fallback pour anciennes structures */
    .wp-block-pixelyz-modulecomparaison,
    [class*="wp-block-pixelyz-modulecomparaison"] {
      width: 600px !important;
      min-width: 600px !important;
      max-width: 600px !important;
    }

    .card[aria-label="Aperçu résultat"] {
      width: 600px !important;
      height: 600px !important;
      min-width: 600px !important;
      min-height: 600px !important;
      max-width: 600px !important;
      padding: 16px !important;
      box-sizing: border-box !important;
    }

    /* Colonne Kadence contenant le module */
    .wp-block-kadence-column:has(.pixelyz-modulecomparaison-wrapper),
    .kt-inside-inner-col:has(.pixelyz-modulecomparaison-wrapper) {
      flex: 0 0 auto !important;
      width: auto !important;
      max-width: none !important;
    }

    .blob{

      width:108px;height:108px;border-radius:24px;

      background:linear-gradient(90deg,#46cfff,#6a5bff);

      box-shadow:0 20px 60px rgba(106,91,255,.38), inset 0 1px 0 rgba(255,255,255,.27)

    }

    .card-caption{margin-top:12px;color:#9fb0c0;font-size:11px}

    @media(max-width:980px){.card-inner{height:260px}}

    /* ========== NOUVEAU HERO DESIGN ========== */
    
    #pixelyz-hero .hero-content {
      max-width: 600px;
    }

    /* Badge "Nouvelle Génération" */
    #pixelyz-hero .hero-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      margin: 0 auto 10px;
      padding: 7px 12px 5px 12px;
      border-radius: 999px;
      border: 1px solid #404652;
      font-weight: 600;
      letter-spacing: .08em;
      text-transform: uppercase;
      font-size: 11px;
      background: #242930;
      line-height: normal;
      vertical-align: middle;
    }

    #pixelyz-hero .hero-badge::first-letter{
      font-size: 12px;
    }

    #pixelyz-hero .hero-badge-icon {
      flex-shrink: 0;
      width: 16px;
      height: 16px;
      display: block;
      margin: 0;
      padding: 0;
    }

    #pixelyz-hero .hero-badge-text {
      color: #E0E2E7;
      text-transform: uppercase;
      line-height: normal;
      display: inline-block;
      vertical-align: middle;
    }

    #pixelyz-hero .hero-title {
      font-size: clamp(36px, 5vw, 54px) !important;
      font-weight: 900 !important;
      line-height: 1.1 !important;
      margin: 18px 0 20px !important;
      letter-spacing: -0.02em !important;
      color: #ffffff !important;
      background: none !important;
      -webkit-background-clip: unset !important;
      background-clip: unset !important;
    }

    #pixelyz-hero .hero-title .grad {
      background: linear-gradient(90deg, #68aeff, #1e6cf3) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      color: transparent !important;
      position: relative;
      display: inline-block;
    }

    /* Trait manuscrit sous "Zéro prompt" */
    #pixelyz-hero .hero-title .hand-drawn-underline {
      position: absolute;
      bottom: -6px;
      left: 50%;
      transform: translateX(-50%);
      width: 80%;
      height: 12px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M0,10 Q50,1.5 100,2.8 Q150,4.2 200,7' stroke='%2366A3FF' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;
      background-size: 100% 100%;
      pointer-events: none;
    }

    #pixelyz-hero .hero-lead {
      font-size: clamp(14px, 1.5vw, 16px) !important;
      line-height: 1.6 !important;
      color: #9fb0c0 !important;
      margin: 0 0 28px !important;
      max-width: 500px;
    }

    #pixelyz-hero .hero-lead strong {
      color: #ffffff;
    }

    /* CTA Hero avec flèche à droite */
    #pixelyz-hero .hero-cta-row {
      margin-bottom: 24px;
    }

    /* Réassurance */
    #pixelyz-hero .hero-reassurance {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 36px !important;
      font-size: 14px;
      color: #9fb0c0;
    }

    #pixelyz-hero .reassurance-item {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    #pixelyz-hero .reassurance-item.italic {
      font-style: italic;
    }

    #pixelyz-hero .reassurance-separator {
      color: #4a5568;
    }

    #pixelyz-hero .reassurance-item .check-icon {
      flex-shrink: 0;
    }

    /* Social Proof simplifié */
    #pixelyz-hero .hero-social-proof {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 32px !important;
      margin-top: 4px !important;
      font-size: 14px;
      color: #9fb0c0;
    }

    #pixelyz-hero .hero-social-proof .avatars-group {
      display: flex;
    }

    #pixelyz-hero .hero-social-proof .avatar {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 2px solid #0f172a;
      margin-left: -10px;
      overflow: hidden;
    }

    #pixelyz-hero .hero-social-proof .avatar:first-child {
      margin-left: 0;
    }

    #pixelyz-hero .hero-social-proof .avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    #pixelyz-hero .social-proof-divider {
      color: #4a5568;
    }

    #pixelyz-hero .social-proof-text strong {
      color: #ffffff;
    }

    /* Témoignage Hero */
    #pixelyz-hero .hero-testimonial {
      position: relative;
      padding-left: 20px;
      margin-top: 0 !important;
    }

    #pixelyz-hero .hero-testimonial::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 3px;
      height: 60%;
      background: #1e6cf3;
    }

    #pixelyz-hero .testimonial-quote-mark {
      position: absolute;
      font-size: 36px;
      color: #1e6cf3;
      opacity: 0.4;
      line-height: 1;
      font-family: Georgia, serif;
    }

    #pixelyz-hero .testimonial-quote-open {
      left: -8px;
      top: -12px;
    }

    #pixelyz-hero .testimonial-quote-close {
      display: none; /* Masquer l'ancien guillemet fermant positionné en absolu */
    }

    #pixelyz-hero .testimonial-quote-close-inline {
      font-size: 36px;
      color: #1e6cf3;
      opacity: 0.4;
      line-height: 0; /* Réduire le line-height à 0 pour éviter qu'il crée de l'espace vertical */
      font-family: Georgia, serif;
      margin-left: 0; /* Pas d'espacement horizontal après "photos." */
      vertical-align: baseline;
      position: relative;
      top: 10px; /* Descendre encore plus le guillemet */
      display: inline-block;
      height: 0; /* Hauteur à 0 pour éviter l'espace vertical */
      overflow: visible; /* Permettre au guillemet de dépasser */
    }

    #pixelyz-hero .testimonial-text {
      margin: 0 0 12px;
      padding: 0;
    }

    #pixelyz-hero .testimonial-text p {
      font-size: 14px;
      font-style: italic;
      color: #c9d6e5;
      line-height: 1.4; /* Remettre un interligne normal car le guillemet ne crée plus d'espace */
      margin: 0;
    }

    #pixelyz-hero .testimonial-author {
      display: block;
      font-size: 10px;
      font-weight: 700;
      font-style: normal;
      color: #68aeff;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      margin-top: 8px;
    }

    /* Responsive Hero */
    @media (max-width: 768px) {
      #pixelyz-hero .hero-title {
        font-size: clamp(28px, 7vw, 40px) !important;
      }

      #pixelyz-hero .hero-reassurance {
        flex-wrap: wrap;
        gap: 8px;
      }

      #pixelyz-hero .hero-social-proof {
        flex-wrap: wrap;
        gap: 12px;
      }
    }

/* ==========================================================================
   Styles pour pixelyz-why (ancre: #pourquoipixelyz)
   ========================================================================== */

/* Aligné à la section sombre */

    #pixelyz-why{max-width:1200px;margin:0 auto;padding:90px 20px;background:none;overflow:visible;
      font-family:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#E7EEF7}

    /* Header Bento */
    #pixelyz-why .bento-header{text-align:center;margin-bottom:48px}
    #pixelyz-why .kicker{display:inline-block;margin:0 auto 10px;padding:6px 12px;border-radius:999px;
      border:1px solid rgba(188,211,230,.25);font-weight:600;letter-spacing:.08em;text-transform:uppercase;
      font-size:11px;color:#bcd3e6;background:linear-gradient(90deg, rgba(123,108,255,.18), rgba(93,214,255,.18))}
    #pixelyz-why .kicker::first-letter{
      font-size:12px;
    }
    #pixelyz-why .title{font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:8px 0 12px;
      font-size:clamp(28px,4vw,42px);text-align:center;background:linear-gradient(90deg,#68aeff,#1e6cf3);
      -webkit-background-clip:text;background-clip:text;color:transparent}
    #pixelyz-why .subtitle{max-width:880px;margin:0 auto;color:#9fb0c0;font-size:16px;line-height:1.65;text-align:center}

    /* BENTO GRID */
    #pixelyz-why .bento-grid{display:grid;grid-template-columns:1fr;gap:24px}
    @media (min-width:768px){#pixelyz-why .bento-grid{grid-template-columns:repeat(3,1fr)}}

    /* BENTO CARD BASE - Style identique aux autres sections */
    #pixelyz-why .bento-card{position:relative;background:#101824;border:1px solid #213149;
      border-radius:18px;padding:28px;overflow:hidden;transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
      min-height:280px;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(0,0,0,.1);will-change:transform}
    #pixelyz-why .bento-card::after{content:"" !important;display:block !important;position:absolute !important;inset:-1px !important;border-radius:18px !important;padding:1px !important;opacity:0 !important;
      transition:opacity .35s ease !important;background:linear-gradient(135deg,rgba(123,108,255,.35),rgba(93,214,255,.35)) !important;
      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;-webkit-mask-composite:xor !important;mask-composite:exclude !important;pointer-events:none !important;z-index:1 !important}
    #pixelyz-why .bento-card:hover{transform:translateY(-6px) !important;box-shadow:0 12px 28px rgba(0,0,0,.28) !important;border-color:rgba(59,130,246,.6) !important}
    #pixelyz-why .bento-card:hover::after{opacity:.9 !important}
    #pixelyz-why .bento-large{grid-column:span 1}
    @media (min-width:768px){#pixelyz-why .bento-large{grid-column:span 2}}
    #pixelyz-why .bento-small{grid-column:span 1}

    /* CARTE 1: FLEXIBILITÉ */
    #pixelyz-why .bento-bg-split{position:absolute;inset:0;display:flex;opacity:0.4;transition:opacity 0.5s}
    #pixelyz-why .bento-card:hover .bento-bg-split{opacity:0.6}
    #pixelyz-why .bg-studio{flex:1;background:#1f2937;border-right:1px solid rgba(255,255,255,0.05)}
    #pixelyz-why .bg-urbain{flex:1;background:#334155;border-right:1px solid rgba(255,255,255,0.05)}
    #pixelyz-why .bg-nature{flex:1;background:rgba(6,78,59,0.5)}
    #pixelyz-why .bento-labels{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:space-around;padding:0 28px;z-index:10}
    #pixelyz-why .bento-labels span{font-size:10px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600}
    #pixelyz-why .label-studio{color:#6b7280}
    #pixelyz-why .label-urbain{color:#94a3b8}
    #pixelyz-why .label-nature{color:#10b981}
    #pixelyz-why .bento-center-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:20}
    #pixelyz-why .bento-center-icon svg{width:40px;height:40px;padding:20px;background:rgba(0,0,0,0.8);backdrop-filter:blur(20px);
      border:1px solid rgba(255,255,255,0.1);border-radius:16px;color:white;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);
      transition:transform 0.5s}
    #pixelyz-why .bento-card:hover .bento-center-icon svg{transform:scale(1.1)}
    #pixelyz-why .bento-content{position:relative;z-index:30;margin-top:auto}
    #pixelyz-why .bento-content h3{font-size:18px;font-weight:600;color:white;margin:0 0 4px}
    #pixelyz-why .bento-content p{font-size:14px;color:#9ca3af;margin:0}

    /* CARTE 2: VITESSE */
    #pixelyz-why .bento-speed-icon{position:absolute;top:28px;right:28px;opacity:0.2}
    #pixelyz-why .bento-speed-icon svg{width:80px;height:80px;color:#68aeff}
    #pixelyz-why .bento-speed-content{flex:1;display:flex;flex-direction:column;justify-content:center}
    #pixelyz-why .speed-label{display:flex;align-items:center;gap:10px;color:#68aeff;margin-bottom:8px;margin-top:-20px}
    #pixelyz-why .speed-label svg{width:40px;height:40px;fill:#68aeff;animation:pulse 2s infinite}
    #pixelyz-why .speed-label span{font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em}
    #pixelyz-why .speed-counter{font-size:56px;font-weight:700;color:white;letter-spacing:-0.05em;line-height:1;margin-left:12px}
    #pixelyz-why .speed-unit{font-size:28px;color:#6b7280;margin-left:4px}
    #pixelyz-why .speed-hint{font-size:11px;color:#6b7280;margin:4px 0 0}
    #pixelyz-why .speed-progress-wrap{margin-top:auto}
    #pixelyz-why .speed-progress-bar{width:100%;height:8px;background:#1f2937;border-radius:999px;overflow:hidden}
    #pixelyz-why .speed-progress-fill{height:100%;width:0;background:linear-gradient(to right,#1e6cf3,#68aeff);border-radius:999px;transition:width 0.075s ease-out}
    #pixelyz-why .speed-progress-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;text-transform:uppercase;font-weight:500;color:#6b7280}
    #pixelyz-why .speed-progress-labels .active{color:#68aeff}
    @keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}

    /* CARTE 3: ÉCONOMIE */
    #pixelyz-why .bento-economy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
    #pixelyz-why .bento-economy-header h3{font-size:18px;font-weight:600;color:white;margin:0 0 4px}
    #pixelyz-why .bento-economy-header p{font-size:14px;color:#9ca3af;margin:0}
    #pixelyz-why .economy-label{display:flex;align-items:center;gap:6px;color:#68aeff;margin-bottom:8px}
    #pixelyz-why .economy-label svg{width:24px;height:24px;fill:#68aeff}
    #pixelyz-why .economy-label span{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em}
    #pixelyz-why .economy-badge{background:rgba(104,174,255,0.1);border:1px solid rgba(104,174,255,0.2);color:#68aeff;
      padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700;animation:pulse 2s infinite;text-align:center;line-height:1.4}
    #pixelyz-why .bento-economy-chart{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:48px;
      position:relative;margin:0 24px 32px 56px;padding-top:6px}
    /* Axe X */
    #pixelyz-why .bento-economy-chart::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(104,174,255,0.3)}
    /* Axe Y */
    #pixelyz-why .bento-economy-chart::after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(104,174,255,0.3)}
    /* Graduations Y - éléments HTML */
    #pixelyz-why .chart-y-label{position:absolute;left:-40px;font-size:9px;color:#68aeff;text-align:right;width:32px}
    #pixelyz-why .chart-y-top{top:16px}
    #pixelyz-why .chart-y-bottom{bottom:0}
    #pixelyz-why .chart-bar{position:relative;display:flex;flex-direction:column;align-items:center;width:56px;justify-content:flex-end;max-width:80px}
    #pixelyz-why .chart-bar .bar-label{font-size:10px;padding:4px 8px;border-radius:4px;margin-bottom:8px;opacity:0;transition:all 0.3s;transform:translateY(8px)}
    #pixelyz-why .chart-bar:hover .bar-label{opacity:1;transform:translateY(0)}
    #pixelyz-why .chart-studio .bar-label{background:rgba(112,128,144,0.1);color:#708090;border:1px solid rgba(112,128,144,0.2)}
    #pixelyz-why .chart-pixelyz .bar-label{background:rgba(104,174,255,0.1);color:#68aeff;border:1px solid rgba(104,174,255,0.2)}
    #pixelyz-why .chart-bar .bar{width:100%;border-radius:6px 6px 0 0;transform-origin:bottom;animation:growUp 1s cubic-bezier(0.16,1,0.3,1) forwards}
    #pixelyz-why .chart-studio .bar{
      height:152px;
      background:linear-gradient(to bottom, rgba(112,128,144,0), rgba(112,128,144,0.3) 20%, rgba(112,128,144,0.7));
      border-left:1px solid rgba(112,128,144,0.4);
      border-right:1px solid rgba(112,128,144,0.4);
      border-bottom:0;
      border-radius:6px 6px 0 0;
      animation-delay:0.3s;
      position:relative;
      overflow:visible;
    }
    #pixelyz-why .chart-pixelyz .bar{height:14px;background:linear-gradient(to bottom,rgba(30,108,243,0),rgba(30,108,243,0.4) 30%,#68aeff);border:1px solid #68aeff;border-bottom:0;box-shadow:0 0 20px rgba(104,174,255,0.3);animation-delay:0.5s}
    #pixelyz-why .chart-bar .bar-name{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;color:#68aeff;white-space:nowrap}
    #pixelyz-why .chart-studio .bar-name{color:#6b7280}
    #pixelyz-why .chart-pixelyz .bar-name{color:white;font-weight:700}
    @keyframes growUp{from{transform:scaleY(0)}to{transform:scaleY(1)}}

    /* CARTE 4: COHÉRENCE */
    #pixelyz-why .bento-coherence-content{display:flex;flex-direction:column;gap:24px;height:100%}
    @media (min-width:768px){#pixelyz-why .bento-coherence-content{flex-direction:row;align-items:center}}
    #pixelyz-why .coherence-text{flex:1}
    #pixelyz-why .coherence-text h3{font-size:22px;font-weight:600;color:white;margin:0 0 8px}
    #pixelyz-why .coherence-text p{font-size:14px;color:#9ca3af;margin:0 0 16px}
    #pixelyz-why .coherence-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;
      background:rgba(104,174,255,0.1);border:1px solid rgba(104,174,255,0.2);color:#68aeff;font-size:12px}
    #pixelyz-why .coherence-badge svg{width:12px;height:12px}
    #pixelyz-why .coherence-items{display:flex;align-items:center;justify-content:center;gap:16px}
    #pixelyz-why .coherence-item{display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(31,41,55,0.5);border:1px solid rgba(255,255,255,0.05)}
    #pixelyz-why .coherence-item svg{color:white}
    #pixelyz-why .coherence-item.inactive{width:64px;height:88px;filter:grayscale(1);opacity:0.5}
    #pixelyz-why .coherence-item.inactive svg{width:28px;height:28px}
    #pixelyz-why .coherence-item.active{width:80px;height:104px;position:relative;background:linear-gradient(to bottom right,rgba(30,108,243,0.8),rgba(104,174,255,0.8));
      border:1px solid rgba(104,174,255,0.3);box-shadow:0 10px 15px -3px rgba(0,0,0,0.3);transform:scale(1.05)}
    #pixelyz-why .coherence-item.active svg{width:36px;height:36px;position:relative;z-index:10}
    #pixelyz-why .coherence-glow{position:absolute;inset:0;background:rgba(104,174,255,0.1);filter:blur(20px);border-radius:50%}

    /* Révélation douce */
    #pixelyz-why .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}
    #pixelyz-why .reveal.show{opacity:1;transform:translateY(0)}

/* ==========================================================================
   Styles pour pixelyz-howto (ancre: #commentcamarche)
   ========================================================================== */

/* --- SCOPE STRICT : rien ne fuit hors de #pixelyz-howto --- */

        #pixelyz-howto{max-width:1200px;margin:0 auto;padding:90px 20px;background:none}

        #pixelyz-howto .pixelyz-kicker{display:inline-block;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#bcd3e6;background:linear-gradient(90deg, rgba(123,108,255,.18), rgba(93,214,255,.18));padding:6px 12px;border-radius:999px;border:1px solid rgba(188,211,230,.25)}
        #pixelyz-howto .pixelyz-kicker::first-letter{
          font-size:12px;
        }

        #pixelyz-howto .pixelyz-title{font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:8px 0 12px;font-size:clamp(28px,4vw,42px);text-align:left;background:linear-gradient(90deg,#68aeff,#1e6cf3);-webkit-background-clip:text;background-clip:text;color:transparent}

        #pixelyz-howto .pixelyz-intro{max-width:820px;margin:0 0 60px;color:#74879a;font-size:16px;line-height:1.65}



        /* grille + espacement renforcé */

        #pixelyz-howto .pixelyz-grid{display:grid;grid-template-columns:1fr;gap:28px;margin-top:32px}

        @media (min-width:900px){#pixelyz-howto .pixelyz-grid{grid-template-columns:repeat(3,1fr)}}



        /* carte */

        #pixelyz-howto .pixelyz-card{

          position:relative;

          /* espace suffisant pour le badge (on ne « remonte » plus la carte) */

          padding:78px 26px 26px;

          background:#101824;

          border:1px solid #213149;border-radius:18px;

          box-shadow:0 4px 12px rgba(0,0,0,.1) !important;

          transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;

          will-change:transform; z-index:0; isolation:isolate;

        }

        /* HOVER : on force transform même si le thème est strict + bordure avec couleur CTA (bleu/cyan) */

        #pixelyz-howto .pixelyz-card:hover{

          transform:translateY(-8px) !important;

          box-shadow:0 3px 8px rgba(0,0,0,.08) !important;

          border:1px solid rgba(59,130,246,.6) !important;

        }



        /* badge centré, sans « tirage » visuel de la carte */

        #pixelyz-howto .pixelyz-badge{

          position:absolute; left:50%; top:0; transform:translate(-50%,-50%);

          width:46px;height:46px;border-radius:999px;display:grid;place-items:center;

          font:700 16px/1 Inter,system-ui,sans-serif;color:#e7eef7;

          background:linear-gradient(135deg,#1e6cf3,#68aeff);

          box-shadow:0 0 18px rgba(30,108,243,.55), 0 0 36px rgba(104,174,255,.35);

          pointer-events:none; z-index:2;

        }



        #pixelyz-howto .pixelyz-icon{width:40px;height:40px;margin:-20px auto 1.5rem;display:block;color:#68aeff;filter:drop-shadow(0 4px 12px rgba(104,174,255,.35));flex-shrink:0}

        #pixelyz-howto h3{font-size:18px;margin:0.75rem 0 18px;color:#e7eef7;text-align:center}

        #pixelyz-howto .pixelyz-sep{height:1px;background:linear-gradient(90deg,transparent,rgba(188,211,230,.22),transparent);margin:14px 0}

        #pixelyz-howto .pixelyz-step-image{
          display:block;
          margin:16px auto 0;
          border-radius:12px;
          max-width:100%;
          height:auto;
          box-shadow:0 0 20px rgba(104,174,255,0.3);
          -webkit-mask-image:
            linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%),
            linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
          -webkit-mask-composite: source-in;
          mask-image:
            linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%),
            linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
          mask-composite: intersect;
        }



        /* reveal douce (et fallback noscript plus bas) */

        #pixelyz-howto .pixelyz-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}

        #pixelyz-howto .pixelyz-reveal.show{opacity:1;transform:translateY(0)}

/* ==========================================================================
   Styles pour pixelyz-styles (ancre: #stylespredefinis)
   ========================================================================== */

/* Scope strict à #pixelyz-styles — cohérent avec vos sections sombres */

    #pixelyz-styles{max-width:1200px;margin:0 auto;padding:90px 20px;background:none;

      font-family:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#E7EEF7}

    #pixelyz-styles .kicker{display:inline-block;margin:0 auto 10px;padding:6px 12px;border-radius:999px;

      border:1px solid rgba(188,211,230,.25);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px;

      color:#bcd3e6;background:linear-gradient(90deg, rgba(123,108,255,.18), rgba(93,214,255,.18))}

    #pixelyz-styles .title{font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:8px 0 12px;

      font-size:clamp(28px,4vw,42px);text-align:center;background:linear-gradient(90deg,#68aeff,#1e6cf3);

      -webkit-background-clip:text;background-clip:text;color:transparent}

    #pixelyz-styles .subtitle{max-width:820px;margin:0 auto 16px;text-align:center;color:#9fb0c0;font-size:16px;line-height:1.65}

    #pixelyz-styles .proof{max-width:820px;margin:0 auto 40px;text-align:center;color:#7da7c8;font-size:14px;opacity:.85}



    #pixelyz-styles .grid{display:grid;grid-template-columns:1fr;gap:24px}

    @media(min-width:900px){#pixelyz-styles .grid{grid-template-columns:repeat(4,1fr)}}



    #pixelyz-styles .card{position:relative;background:#101824;border:1px solid #213149;border-radius:18px;padding:20px 26px 16px;box-shadow:0 4px 12px rgba(0,0,0,.1);

      transition:transform .35s ease, box-shadow .35s ease;will-change:transform;height:auto}

    /* Halo décoratif non bloquant */

    #pixelyz-styles .card::after{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;opacity:0;

      transition:opacity .35s ease;background:linear-gradient(135deg,rgba(123,108,255,.35),rgba(93,214,255,.35));

      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;

      pointer-events:none}

    #pixelyz-styles .card:hover{transform:translateY(-6px);box-shadow:0 4px 10px rgba(0,0,0,.1)}

    #pixelyz-styles .card:hover::after{opacity:.9}

    /* Priorité du hover après l'animation de révélation */

    #pixelyz-styles .card.reveal.show:hover{transform:translateY(-6px) !important;box-shadow:0 4px 10px rgba(0,0,0,.1) !important}



    #pixelyz-styles .icon{width:32px;height:32px;margin:0 auto 12px;display:block;filter:drop-shadow(0 4px 12px rgba(104,174,255,.35));color:#68aeff}

    #pixelyz-styles h3{margin:0.75rem 0 20px;color:#E7EEF7;font-size:18px;text-align:center}

    #pixelyz-styles p{color:#9fb0c0;font-size:14px;line-height:1.55;margin:0}



    /* Révélation douce */

    #pixelyz-styles .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}

    #pixelyz-styles .reveal.show{opacity:1;transform:translateY(0)}

/* ==========================================================================
   Styles pour pixelyz-usecases (ancre: #casdusage)
   ========================================================================== */

/* Scope strict à #pixelyz-usecases — aligné avec vos sections sombres */

    #pixelyz-usecases{max-width:1200px;margin:0 auto;padding:90px 20px;background:none;

      font-family:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#E7EEF7}

    /* En-tête aligné à droite */

    #pixelyz-usecases .section-header{display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin-bottom:50px}

    #pixelyz-usecases .kicker{display:inline-block;margin-bottom:10px;padding:6px 12px;border-radius:999px;

      border:1px solid rgba(188,211,230,.25);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px;

      color:#bcd3e6;background:linear-gradient(90deg, rgba(123,108,255,.18), rgba(93,214,255,.18))}

    #pixelyz-usecases .title{font-weight:800 !important;letter-spacing:-.02em !important;line-height:1.1 !important;margin:8px 0 12px !important;font-size:clamp(28px,4vw,42px) !important;text-align:center !important;background:linear-gradient(90deg,#68aeff,#1e6cf3) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}

    #pixelyz-usecases .subtitle{max-width:800px;color:#9fb0c0;font-size:16px;line-height:1.65;white-space:nowrap}



    /* Grille */

    #pixelyz-usecases .grid{display:grid;grid-template-columns:1fr;gap:24px}

    @media(min-width:900px){#pixelyz-usecases .grid{grid-template-columns:repeat(3,1fr)}}



    /* Cartes */

    #pixelyz-usecases .card{position:relative;background:#101824;border:1px solid #213149;border-radius:18px;box-shadow:0 4px 12px rgba(0,0,0,.1);

      padding:20px 26px 18px;transition:transform .35s ease, box-shadow .35s ease;will-change:transform;height:auto}

    /* Halo décoratif (non bloquant) */

    #pixelyz-usecases .card::after{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;opacity:0;

      transition:opacity .35s ease;background:linear-gradient(135deg,rgba(123,108,255,.35),rgba(93,214,255,.35));

      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

    #pixelyz-usecases .card:hover{transform:translateY(-6px);box-shadow:0 4px 10px rgba(0,0,0,.1)}

    #pixelyz-usecases .card:hover::after{opacity:.9}

    /* Priorité du hover après reveal */

    #pixelyz-usecases .card.reveal.show:hover{transform:translateY(-6px) !important;box-shadow:0 4px 10px rgba(0,0,0,.1) !important}



    /* Icônes */

    #pixelyz-usecases .icon{width:32px;height:32px;margin:0 12px 0 0;display:inline-block;vertical-align:middle;color:#68aeff;filter:drop-shadow(0 4px 12px rgba(104,174,255,.35));flex-shrink:0}

    /* Typo */

    #pixelyz-usecases h3{margin:0 0 18px;color:#E7EEF7;font-size:20px;display:inline-block;vertical-align:middle}

    #pixelyz-usecases .lead{margin:18px 0 10px;color:#b9c7d6;font-size:14px;line-height:1.5}

    #pixelyz-usecases ul{list-style:none;margin:10px 0 0;padding:0}

    #pixelyz-usecases li{position:relative;padding-left:16px;margin:8px 0;color:#9fb0c0;font-size:14px;line-height:1.5}

    #pixelyz-usecases li:last-child{margin-bottom:0}

    #pixelyz-usecases li::before{content:none !important;display:none !important}



    /* Révélation douce (glissement horizontal) */

    #pixelyz-usecases .reveal{opacity:0;transform:translateX(-24px);transition:opacity .6s ease, transform .6s ease}

    #pixelyz-usecases .reveal.show{opacity:1;transform:translateX(0)}

/* ==========================================================================
   Styles pour pixelyz-pricing (ancre: #planstarifs)
   ========================================================================== */

#pixelyz-pricing{max-width:1200px;margin:0 auto;padding:90px 20px;background:none;font-family:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#E7EEF7}

    #pixelyz-pricing .kicker{display:inline-block !important;margin:0 auto 10px !important;padding:6px 12px !important;border-radius:999px !important;border:1px solid rgba(188,211,230,.25) !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;font-size:11px !important;color:#bcd3e6 !important;background:linear-gradient(90deg, rgba(123,108,255,.18), rgba(93,214,255,.18)) !important}
    #pixelyz-pricing .kicker::first-letter{
      font-size:12px;
    }

    #pixelyz-pricing .title{font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:8px 0 12px;font-size:clamp(28px,4vw,42px);text-align:center;background:linear-gradient(90deg,#68aeff,#1e6cf3);-webkit-background-clip:text;background-clip:text;color:transparent}

    #pixelyz-pricing .subtitle{text-align:center;max-width:820px;margin:0 auto 32px;color:#9fb0c0;font-size:16px;line-height:1.65}



    #pixelyz-pricing .toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-bottom:40px}

    #pixelyz-pricing .switch{position:relative;display:inline-flex;background:#0e1522;border:1px solid #213149;border-radius:999px;padding:4px}

    #pixelyz-pricing .switch button{position:relative;z-index:1;min-width:96px;padding:8px 14px;border:0;background:transparent;color:#9fb0c0;font-weight:600;border-radius:999px;cursor:pointer;transition:color .25s ease}

    #pixelyz-pricing .switch .knob{position:absolute;inset:4px auto 4px 4px;width:calc(50% - 4px);border-radius:999px;background:#1b2636;transition:all .25s ease}

    #pixelyz-pricing .switch[data-mode="year"] .knob{left:calc(50% + 0px)}

    #pixelyz-pricing .switch[data-mode="month"] .m,#pixelyz-pricing .switch[data-mode="year"] .y{color:#E7EEF7}

    #pixelyz-pricing .save-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;color:#0e1522;background:linear-gradient(90deg,#1e6cf3,#68aeff);order:-1}



    #pixelyz-pricing .grid{display:grid;gap:24px;grid-template-columns:1fr;transition:opacity .6s ease}

    @media(min-width:1000px){#pixelyz-pricing .grid{grid-template-columns:repeat(3,1fr)}}

    #pixelyz-pricing .grid.fade{opacity:0.4;}



    #pixelyz-pricing .card{position:relative;display:flex;flex-direction:column;background:transparent;border:1px solid #213149;border-radius:18px;padding:28px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;will-change:transform}

    #pixelyz-pricing .card::after{display:block}

    #pixelyz-pricing .card:hover{
      transform:translateY(-8px) !important;
      box-shadow:0 3px 8px rgba(0,0,0,.08) !important;
      border:1px solid rgba(59,130,246,.6) !important
    }



    #pixelyz-pricing .popular.card{position:relative !important;top:auto !important;left:auto !important;transform:none !important;border-color:#2a3b55;overflow:visible}

    #pixelyz-pricing .popular.card:hover{
      transform:translateY(-8px) !important;
      box-shadow:0 3px 8px rgba(0,0,0,.08) !important;
      border:1px solid rgba(59,130,246,.6) !important
    }

    #pixelyz-pricing .popular .flag{position:absolute;left:50%;top:0;transform:translateX(-50%) translateY(-50%);background:linear-gradient(90deg,#1e6cf3,#68aeff);color:#0e1522;font-weight:800;border-radius:999px;padding:8px 12px;box-shadow:0 8px 22px rgba(93,214,255,.25);font-size:13px;white-space:nowrap;z-index:10;pointer-events:none}



    #pixelyz-pricing h3{margin:0 0 10px;color:#E7EEF7;font-size:28px}

    #pixelyz-pricing .price{display:flex;align-items:baseline;gap:6px;margin:6px 0 6px}

    #pixelyz-pricing .price .amount{font-size:38px;font-weight:900;letter-spacing:-.01em}

    #pixelyz-pricing .price .per{color:#9fb0c0;font-size:14px}



    #pixelyz-pricing .annual-note{min-height:24px;line-height:24px;margin:2px 0 10px;color:#7da7c8;font-size:13px;opacity:.95;display:flex;align-items:center;gap:10px;justify-content:space-between}



    #pixelyz-pricing .credits{
      display:inline-flex !important;
      align-items:center;
      justify-content:center;
      text-align:center;
      background:#1e3a5f !important;
      border-radius:999px;
      padding-top:8px !important;
      padding-bottom:8px !important;
      padding-left:12px !important;
      padding-right:12px !important;
      font-weight:700;
      font-size:13px;
      margin:4px 0 14px;
      white-space:nowrap;
      box-sizing:border-box !important;
      gap:6px;
      position:relative
    }
    #pixelyz-pricing .credits-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center}
    #pixelyz-pricing .tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,0.2);color:#ffffff;font-size:11px;font-weight:700;font-style:italic;cursor:pointer;transition:background .2s ease}
    #pixelyz-pricing .credits-tooltip:hover .tooltip-icon{background:rgba(255,255,255,0.3)}
    #pixelyz-pricing .tooltip-text{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1e293b;border:1px solid rgba(59,130,246,0.3);border-radius:8px;padding:8px 4px !important;font-size:12px;color:#e7eef7;line-height:1.5;white-space:normal;width:auto;min-width:180px;max-width:220px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:1000;box-shadow:0 8px 16px rgba(0,0,0,0.3)}
    #pixelyz-pricing .tooltip-text::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#1e293b}
    #pixelyz-pricing .credits-tooltip:hover .tooltip-text{opacity:1;visibility:visible}



    #pixelyz-pricing ul{list-style:none;margin:10px 0 0;padding:0;flex-grow:1}

    #pixelyz-pricing li{position:relative;padding-left:18px;margin:10px 0;color:#9fb0c0;font-size:14px;line-height:1.6}

    #pixelyz-pricing li::before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#5dd6ff,#7b6cff)}



    #pixelyz-pricing .cta{display:block;width:100%;margin-top:18px;padding:14px 18px;border:0;border-radius:12px;cursor:pointer;background:linear-gradient(90deg,#5dd6ff,#7b6cff);color:#ffffff;font-weight:900;font-size:16px;letter-spacing:.01em;transition:transform .3s ease, box-shadow .3s ease;filter:none !important;text-shadow:none !important}

    /* CTA toutes les cartes avec couleur des badges crédits */
    #pixelyz-pricing .card .cta{background:#22549f !important;color:#ffffff !important;transition:background .3s ease, transform .3s ease, box-shadow .3s ease !important;animation:none !important;box-shadow:none !important;filter:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important}
    #pixelyz-pricing .card .cta:hover{background:#2a5fb8 !important;transform:translateY(-2px) !important}
    #pixelyz-pricing .card .cta svg{transition:transform .3s ease;flex-shrink:0;transform:rotate(-45deg)}
    #pixelyz-pricing .card .cta:hover svg{transform:rotate(0deg) translateX(4px)}
    /* Glow sur le CTA Pro */
    #pixelyz-pricing .popular .cta{background:#3570d0 !important;box-shadow:0 6px 20px rgba(53,112,208,0.5) !important}
    #pixelyz-pricing .popular .cta:hover{background:#3d7ee8 !important;box-shadow:0 8px 24px rgba(61,126,232,0.6) !important}

    @keyframes pricingPulse{0%,100%{transform:scale(1);box-shadow:none !important}50%{transform:scale(1.05);box-shadow:none !important}}

    #pixelyz-pricing .cta::after,
    #pixelyz-pricing .cta::before,
    #pixelyz-pricing .cta *::after,
    #pixelyz-pricing .cta *::before{
      display:none !important;
      content:none !important;
      opacity:0 !important;
      box-shadow:none !important;
      filter:none !important
    }

    /* Annotation d'abonnement centrée sous les 3 cartes */
    #pixelyz-pricing .subscription-note{margin-top:24px;text-align:center;max-width:600px;margin-left:auto;margin-right:auto}
    #pixelyz-pricing .subscription-note .note-line{display:flex;align-items:center;justify-content:center;gap:6px;color:#9fb0c0;font-size:12px;line-height:1.4;margin-bottom:4px}
    #pixelyz-pricing .subscription-note .note-line:last-child{margin-bottom:0}
    #pixelyz-pricing .subscription-note .shield-icon{flex-shrink:0;color:#9fb0c0;width:16px;height:16px}

/* ==========================================================================
   Styles pour testimonials (ancre: #temoignages)
   ========================================================================== */

/* ========================================
           SECTION TESTIMONIALS - Témoignages clients
           ======================================== */
        .testimonials {
            padding: 6rem 0 4rem 0;
            background: var(--bg-secondary);
            overflow: visible;
        }

        .testimonials .container {
            max-width: none;
            padding: 0;
        }

        .testimonials-container {
            width: 100vw;
            margin-left: calc(-50vw + 50%);
            padding: 5.375rem 2rem 3rem 2rem;
            overflow: visible;
            margin-top: 0;
            margin-bottom: 0;
        }

        .t-grid {
            display: flex;
            gap: 16px;
            animation: scroll 180s linear infinite;
            width: max-content;
            padding: 2rem 0 0 0;
        }

        .t-grid:hover {
            animation-play-state: paused;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        .t-card {
            max-width: 380px;
            min-width: 350px;
            background: #101824;
            color: #E7EEF7;
            border: 1px solid #213149;
            border-radius: 18px;
            padding: 28px;
            box-shadow: 0 4px 12px rgba(0,0,0,.1);
            display: flex;
            flex-direction: column;
            gap: 20px;
            transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
            flex-shrink: 0;
            position: relative;
            font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            overflow: visible;
            z-index: 1;
        }

        .t-card::before {
            content: '"';
            position: absolute;
            top: 20px;
            right: 24px;
            font-size: 64px;
            font-weight: 900;
            color: rgba(123,108,255,.15);
            line-height: 1;
            font-family: Georgia, serif;
            pointer-events: none;
            z-index: 1;
        }

        .t-card::after {
            content: '';
            position: absolute;
            inset: -1px;
            border-radius: 18px;
            padding: 1px;
            opacity: 0;
            transition: opacity .35s ease;
            background: linear-gradient(135deg, rgba(123,108,255,.35), rgba(93,214,255,.35));
            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            pointer-events: none;
        }

        .t-card:hover {
            transform: translateY(-6px) !important;
            box-shadow: 0 4px 10px rgba(0,0,0,.1) !important;
            border-color: rgba(59, 130, 246, 0.6) !important;
        }

        .t-card:hover::after {
            opacity: .9 !important;
        }

        .t-stars {
            display: flex;
            justify-content: flex-start;
            gap: 4px;
            margin-bottom: 0;
            z-index: 2;
            position: relative;
        }

        .t-stars .star {
            width: 20px;
            height: 20px;
            fill: #4e97fb;
            filter: drop-shadow(0 0 4px rgba(78, 151, 251, .35));
            transition: transform .35s ease, filter .35s ease;
        }
        
        /* Dernière étoile à moitié pour 1 carte sur 5 */
        .t-card:nth-child(5n) .t-stars .star:last-child {
            position: relative;
            fill: #0d4a9e;
        }
        
        .t-card:nth-child(5n) .t-stars .star:last-child::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z' fill='%234e97fb'/%3E%3C/svg%3E");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            clip-path: inset(0 50% 0 0);
            pointer-events: none;
        }

        .t-card:hover .star {
            animation: starTwinkle 1.2s ease-in-out infinite alternate;
        }

        @keyframes starTwinkle {
            0% { 
                transform: scale(1); 
                filter: drop-shadow(0 0 6px rgba(78, 151, 251, 0.6)); 
            }
            100% { 
                transform: scale(1.1) rotate(5deg); 
                filter: drop-shadow(0 0 14px rgba(78, 151, 251, 0.9)); 
            }
        }

        .t-quote {
            text-align: left;
            font-style: normal;
            line-height: 1.7;
            color: #c9d6e5;
            margin: 0;
            font-size: 16px;
            position: relative;
            z-index: 2;
        }

        .t-quote p.q {
            margin: 0;
            color: #c9d6e5;
            font-size: 16px;
            line-height: 1.7;
        }

        .t-footer {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 12px;
            flex-shrink: 0;
            margin-top: auto;
            position: relative;
            z-index: 2;
        }

        .t-avatar-img {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid #002460;
            flex-shrink: 0;
        }

        .t-ident {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            text-align: left;
            flex-grow: 1;
        }

        .t-name {
            font-weight: 800;
            line-height: 1.2;
            color: #E7EEF7;
            font-size: 15px;
            margin-bottom: 4px;
        }

        .t-role {
            font-size: 13px;
            color: #9fb0c0;
            line-height: 1.3;
        }

        .t-verified {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            padding: 6px 12px;
            border-radius: 999px;
            background: #002460;
            border: 1px solid rgba(123,108,255,.25);
            color: #bcd2e7;
            font-size: 11px;
            font-weight: 700;
            line-height: normal;
            margin-left: auto;
            white-space: nowrap;
        }

        .testimonials .container {
            max-width: none;
            padding: 0;
        }

        .testimonials-container {
            overflow: hidden;
            position: relative;
            width: 100vw;
            margin-left: calc(-50vw + 50%);
            padding: 0 2rem;
        }

        .testimonials-scroll {
            display: flex;
            gap: 1.5rem;
            animation: scroll 180s linear infinite;
            width: max-content;
        }

        .testimonials-scroll:hover {
            animation-play-state: paused;
        }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        .testimonial-card {
            background: var(--bg);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 1.5rem;
            width: 350px;
            height: 180px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            position: relative;
            flex-shrink: 0;
        }

        .testimonial-content {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .testimonial-text {
            color: var(--text-muted);
            font-size: 0.8rem;
            line-height: 1.3;
            margin-bottom: 0.75rem;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-top: auto;
        }

        .testimonial-avatar {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--accent), var(--cyan));
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.1rem;
        }

        .testimonial-info h4 {
            font-size: 0.9rem;
            color: var(--text);
            margin-bottom: 0.25rem;
        }

        .testimonial-info p {
            font-size: 0.8rem;
            color: var(--text-muted);
        }

        .testimonial-stars {
            color: #4e97fb;
            font-size: 0.8rem;
            margin-top: 0.25rem;
        }

.testimonials-header {
                text-align: center;
                font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
                color: #E7EEF7;
                padding: 20px 20px 40px;
            }

            .testimonials-header .badge {
                display: inline-block;
                margin: 0 auto 10px;
                padding: 6px 12px;
                border-radius: 999px;
                border: 1px solid rgba(188,211,230,.25);
                font-weight: 600;
                letter-spacing: .08em;
                text-transform: uppercase;
                font-size: 11px;
                color: #bcd3e6;
                background: linear-gradient(90deg, rgba(123,108,255,.18), rgba(93,214,255,.18));
                line-height: 1.2;
            }
            .testimonials-header .badge::first-letter{
                font-size: 12px;
            }
            
            /* Empêcher ::first-letter d'affecter les étoiles */
            .testimonials-header .badge .star-full:first-child,
            .testimonials-header .badge .star-half:first-child {
                font-size: 13px !important;
            }
            
            .testimonials-header .badge .star-full {
                display: inline-block;
                font-size: 13px;
                line-height: 1.2;
                vertical-align: baseline;
                color: #4e97fb;
                margin: 0;
                padding: 0;
            }
            
            .testimonials-header .badge .star-half {
                display: inline-block;
                font-size: 13px;
                line-height: 1.2;
                vertical-align: baseline;
                margin: 0;
                padding: 0;
                position: relative;
                color: #0d4a9e;
            }
            
            .testimonials-header .badge .star-half::before {
                content: '★';
                position: absolute;
                left: 0;
                top: 0;
                width: 50%;
                overflow: hidden;
                color: #4e97fb;
            }

            .testimonials-header .title {font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:8px 0 12px;font-size:clamp(28px,4vw,42px);text-align:center;background:linear-gradient(90deg,#68aeff,#1e6cf3);-webkit-background-clip:text;background-clip:text;color:transparent}

            .testimonials-header .subtitle {
                max-width: 900px;
                margin: 0 auto -10px;
                color: #9fb0c0;
                font-size: 16px;
                line-height: 1.65;
                white-space: nowrap;
            }

/* ==========================================================================
   Styles pour pixelyz-faq (ancre: #faq)
   ========================================================================== */

:root{--accent:#4da3ff}

    #pixelyz-faq{

      max-width:1200px;

      margin:0 auto;

      padding:90px 20px;

      font-family:'Satoshi',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;

      color:#E7EEF7;

      text-align:center;

    }

    #pixelyz-faq .badge{

      display:inline-block;

      margin:0 auto 10px;

      padding:6px 12px;

      border-radius:999px;

      border:1px solid rgba(188,211,230,.25);

      font-weight:600;

      letter-spacing:.08em;

      text-transform:uppercase;

      font-size:11px;

      color:#bcd3e6;

      background:linear-gradient(90deg, rgba(123,108,255,.18), rgba(93,214,255,.18));

    }
    #pixelyz-faq .badge::first-letter{
      font-size:12px;
    }

    #pixelyz-faq .title{font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:8px 0 12px;font-size:clamp(28px,4vw,42px);text-align:center;background:linear-gradient(90deg,#68aeff,#1e6cf3);-webkit-background-clip:text;background-clip:text;color:transparent}

    #pixelyz-faq .subtitle{

      max-width:760px;

      margin:0 auto 12px;

      color:#9fb0c0;

      font-size:16px;

      line-height:1.65;

    }



    .faq{

      display:grid;

      gap:18px;

      justify-items:center;

      align-content:start;

    }

    .item{

      box-sizing:border-box;

      background:transparent;

      border:1px solid #213149;

      border-radius:14px;

      overflow:hidden;

      box-shadow:0 4px 12px rgba(0,0,0,.1);

      transition:border-color .28s ease,box-shadow .28s ease;

      position:relative;

      width:min(100%,820px);

      margin:0 auto;

    }

    .item:hover,

    .item[open]:hover{

      box-shadow:0 3px 8px rgba(0,0,0,.08);

      border-color:var(--accent);

    }

    .item[open]{

      box-shadow:0 3px 8px rgba(0,0,0,.08);

      border-color:var(--accent);

    }

    @media(min-width:1280px){.item{width:840px}}

    @media(max-width:540px){.item{width:100%}}



    summary.qbtn{

      list-style:none;

      appearance:none;

      -webkit-appearance:none;

      -moz-appearance:none;

      cursor:pointer;

      position:relative;

    }

    summary.qbtn::-webkit-details-marker{display:none}

    summary.qbtn::marker{content:""}



    .qbtn{

      display:flex;

      align-items:center;

      justify-content:space-between;

      gap:12px;

      text-align:left;

      background:transparent;

      border:0;

      padding:26px 14px 26px 24px;

      color:#E7EEF7;

      font-weight:800;

      font-size:16px;

      line-height:1.45;

      min-height:80px;

      position:relative;

      outline:none;

      width:100%;

      box-sizing:border-box;

    }

    .qbtn:focus{outline:none}

    .qbtn:focus-visible{

      outline:2px solid var(--accent);

      outline-offset:2px;

      border-radius:10px;

    }



    .qbtn::after{

      content:"";

      position:absolute;

      right:18px;

      top:50%;

      width:0;

      height:0;

      border-left:8px solid transparent;

      border-right:8px solid transparent;

      border-top:10px solid var(--accent);

      transform:translateY(-50%) rotate(0deg);

      transition:transform .25s ease;

    }

    .item[open] .qbtn::after{

      transform:translateY(-50%) rotate(180deg);

    }



    .panel{

      padding:0 22px 18px;

      max-height:0;

      opacity:0;

      transition:max-height .32s ease,opacity .32s ease;

      overflow:hidden;

      box-sizing:border-box;

      text-align:left;

    }

    .item[open] .panel{

      max-height:560px;

      opacity:1;

    }

    .panel p{

      margin:0;

      color:#c9d6e5;

      line-height:1.7;

      max-width:70ch;

      text-align:left;

    }

/* ==========================================================================
   Styles pour pixelyz-cta (ancre: #accederpixelyz)
   ========================================================================== */

#pixelyz-cta {

      max-width: 1200px;

      margin: 0 auto;

      padding: 96px 20px 120px;

      font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

      color: #E7EEF7;

      text-align: center;

    }

    #pixelyz-cta .head {
      text-align: center;
    }

    #pixelyz-cta .badge{

      display:inline-block;

      margin:0 auto 10px;

      padding:6px 12px;

      border-radius:999px;

      border:1px solid rgba(188,211,230,.25);

      font-weight:600;

      letter-spacing:.08em;

      text-transform:uppercase;

      font-size:11px;

      color:#bcd3e6;

      background:linear-gradient(90deg, rgba(123,108,255,.18), rgba(93,214,255,.18));

    }
    #pixelyz-cta .badge::first-letter{
      font-size:12px;
    }



    #pixelyz-cta .title {font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:8px 0 12px;font-size:clamp(28px,4vw,42px);text-align:center;background:linear-gradient(90deg,#68aeff,#1e6cf3);-webkit-background-clip:text;background-clip:text;color:transparent}



    #pixelyz-cta .subtitle {

      margin: 0 auto 28px;

      max-width: 820px;

      color: #9fb0c0;

      line-height: 1.7;

      font-size: clamp(16px, 1.6vw, 18px);

    }



    /* CTA principal */




    /* lien secondaire */

    #pixelyz-cta .secondary {

      display: inline-block;

      margin-top: 14px;

      color: #9fb0c0;

      font-weight: 600;

      text-decoration: none;

      border-bottom: 1px dashed rgba(159, 176, 192, 0.35);

    }



    #pixelyz-cta .secondary:hover {

      color: #cfe4ff;

      border-bottom-color: rgba(207, 228, 255, 0.6);

    }



    /* mentions de confiance */

    #pixelyz-cta .trust {

      margin-top: 18px;

      color: #7f93a7;

      font-size: 14px;

    }



    #pixelyz-cta .trust span {

      opacity: 0.9;

    }