.elementor-kit-49{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-49 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --color-bg:#08070D; --color-surface:rgba(255,255,255,0.04); --color-surface-strong:rgba(255,255,255,0.08); --color-border:rgba(255,255,255,0.10); --color-text:#F5F5F7; --color-muted:#9A9AA7; --color-accent:#7C5CFF; --color-accent-2:#22D3EE; --font-heading:Inter; --font-body:Inter; --color-primary:#0A0A0A; --color-success:#22C55E; --bg-base:#0A0A0A; --bg-surface:#111111; --bg-elevated:#1A1A1A; --text-primary:#F5F5F5; --text-secondary:#CCCCCC; --text-muted:#888888; --border-subtle:rgba(255,255,255,0.08); --border-strong:rgba(255,255,255,0.16); --color-warning:#F59E0B; --color-danger:#EF4444; --bg-section-alt:#0E0E0E; --text-inverse:#0A0A0A; --border-accent:rgba(124,92,255,0.40); --glass-bg:rgba(255,255,255,0.04); --glass-border:rgba(255,255,255,0.10); --glow-accent:rgba(124,92,255,0.40); --glow-success:rgba(34,197,94,0.35); --badge-bg:rgba(124,92,255,0.12); --badge-text:#B6A4FF; --badge-border:rgba(124,92,255,0.30); --code-bg:#161616; --code-text:#E0E0E0; --code-border:rgba(255,255,255,0.10); --mesh-1:rgba(124,92,255,0.20); --mesh-2:rgba(0,212,255,0.15); --mesh-3:rgba(255,107,157,0.10); --font-mono:JetBrains Mono; }
/* Start custom CSS *//* SylvestreUI Elements Pro — SaaS B2B · Dark vars stylesheet
   À coller dans Elementor > Site Settings > Custom CSS
   (les size tokens ne passent pas par Variables Manager natif, donc stylesheet :root) */

:root {
  --color-primary:  #0A0A0A;
  --color-accent:   #7C5CFF;
  --color-accent-2: #00D4FF;
  --color-success:  #22C55E;
  --color-warning:  #F59E0B;
  --color-danger:   #EF4444;

  --bg-base:        #0A0A0A;
  --bg-surface:     #111111;
  --bg-elevated:    #1A1A1A;
  --bg-section-alt: #0E0E0E;

  --text-primary:   #F5F5F5;
  --text-secondary: #CCCCCC;
  --text-muted:     #888888;
  --text-inverse:   #0A0A0A;

  --border-subtle:  rgba(255,255,255,0.08);
  --border-strong:  rgba(255,255,255,0.16);
  --border-accent:  rgba(124,92,255,0.40);

  --glass-bg:       rgba(255,255,255,0.04);
  --glass-border:   rgba(255,255,255,0.10);
  --glass-blur:     16px;

  --glow-accent:    rgba(124,92,255,0.40);
  --glow-success:   rgba(34,197,94,0.35);

  --badge-bg:       rgba(124,92,255,0.12);
  --badge-text:     #B6A4FF;
  --badge-border:   rgba(124,92,255,0.30);

  --code-bg:        #161616;
  --code-text:      #E0E0E0;
  --code-border:    rgba(255,255,255,0.10);

  --mesh-1:         rgba(124,92,255,0.20);
  --mesh-2:         rgba(0,212,255,0.15);
  --mesh-3:         rgba(255,107,157,0.10);

  --font-heading:   'Clash Display', system-ui, sans-serif;
  --font-body:      'Inter', system-ui, sans-serif;
  --font-mono:      'JetBrains Mono', ui-monospace, monospace;

  --radius-sm:      8px;
  --radius-md:      12px;
  --radius-lg:      24px;
  --radius-full:    999px;

  --space-section-y: 120px;
  --space-section-x: clamp(16px, 5vw, 80px);
  --space-gap-md:    24px;
  --space-gap-lg:    40px;
}

/* Mesh gradient background utility */
.bg-mesh {
  background-image:
    radial-gradient(at 20% 10%, var(--mesh-1) 0px, transparent 50%),
    radial-gradient(at 80% 20%, var(--mesh-2) 0px, transparent 50%),
    radial-gradient(at 50% 80%, var(--mesh-3) 0px, transparent 50%);
}

/* Glass surface utility */
.glass {
  background-color: var(--glass-bg);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-border);
}

/* Glow halo utility */
.glow-halo {
  position: relative;
}
.glow-halo::before {
  content: "";
  position: absolute;
  inset: -20%;
  background: radial-gradient(circle at center, var(--glow-accent) 0%, transparent 60%);
  filter: blur(40px);
  z-index: -1;
  pointer-events: none;
}

/* Button hover/transition (drop from classes-kit, css here) */
.btn--primary,
.btn--ghost {
  transition: transform 250ms cubic-bezier(0.33,1,0.68,1),
              box-shadow 250ms cubic-bezier(0.33,1,0.68,1),
              background-color 250ms cubic-bezier(0.33,1,0.68,1);
}
.btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 60px var(--glow-accent);
}
.btn--ghost:hover {
  background-color: var(--bg-elevated);
  border-color: var(--border-accent);
}

/* Card hover */
.card,
.card--glass,
.card--featured {
  transition: transform 250ms cubic-bezier(0.33,1,0.68,1),
              border-color 250ms cubic-bezier(0.33,1,0.68,1);
}
.card:hover,
.card--glass:hover {
  transform: translateY(-4px);
  border-color: var(--border-strong);
}

/* Mobile padding override */
@media (max-width: 767px) {
  :root {
    --space-section-y: 60px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}/* End custom CSS */