/* Nouveau design FLUGIA (export « Flugia redesign website », assets/flugia.css) : polices auto-hébergées + variables (couleurs, typographie, espacements). */
@font-face{font-family:'Plus Jakarta Sans';src:url('/fonts/PlusJakartaSans-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';src:url('/fonts/PlusJakartaSans-600-latin.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';src:url('/fonts/Poppins-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';src:url('/fonts/Poppins-700-latin.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Poppins';src:url('/fonts/Poppins-900-latin.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* FLUGIA design tokens: fonts, colors, typography, spacing */

/* ---- fonts.css ---- */
/* Webfonts — Google Fonts (no font binaries were shipped in the Figma file).
   Inter = primary UI/marketing face. Plus Jakarta Sans = Buttons/Button (rect) family.
   Poppins = display accent for the "CHANGE THE WOW*" CTA band. */

/* ---- colors.css ---- */
:root{
/* Brand blues (Figma "Variable collection") */
--flugia-main:rgb(0,140,252);          /* Main — eyebrows, feature card fill, carousel arrow */
--flugia-cta:rgb(67,97,238);           /* CTA — every pill button */
--flugia-secondary:rgb(75,200,241);    /* Secondary */
--flugia-cyan:rgb(76,201,240);         /* gradient end */
--flugia-blue-name:rgb(70,132,239);    /* agent names, testimonial author, FAQ chevron */
--flugia-deep:rgb(19,52,203);          /* CTA band gradient end */
--flugia-indigo:rgb(51,40,191);        /* Buttons/Button primary (brand/colors/primary) */
--flugia-indigo-hover:rgb(41,32,153);
--blue-background:rgb(242,249,255);
--blue-border:rgb(121,195,253);
--blue-tint-5:rgba(0,140,252,0.05);    /* feature card fill */

/* Neutrals */
--white:rgb(255,255,255);
--ink-title:rgb(13,13,13);             /* text/colors/title-light */
--ink-paragraph:rgb(63,63,63);         /* paragraph color — headings & body */
--ink-logo:rgb(15,15,15);
--ink-description:rgb(128,128,128);    /* text/colors/description-light */
--ink-muted:rgb(139,139,139);
--ink-footer:rgb(100,100,101);
--gray-placeholder:rgb(217,217,217);
--gray-neutral:rgb(214,214,214);       /* system-support neutral — FAQ border */
--gray-line:rgb(229,229,229);          /* testimonial border */
--gray-border:rgb(242,242,242);        /* secondary arrow fill */
--gray-50:rgb(248,248,248);
--gray:rgb(251,251,252);               /* legal bar, alt section bg */
--gray-background:rgb(245,245,245);

/* Gradients */
--gradient-footer:linear-gradient(180deg,rgb(0,140,252) 22.87%,rgb(76,201,240) 100%); /* @kind color */
--gradient-cta-band:linear-gradient(180deg,rgb(67,97,238) 0%,rgb(19,52,203) 100%); /* @kind color */
--gradient-logo:linear-gradient(27.62deg,rgb(67,97,238) -43.94%,rgb(76,201,240) 71.61%); /* @kind color */
--gradient-hero-fade:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgb(255,255,255) 100%); /* @kind color */
--overlay-hover:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)); /* @kind color */

/* Semantic aliases */
--text-heading:var(--ink-paragraph);
--text-body:var(--ink-paragraph);
--text-card-title:var(--ink-title);
--text-card-body:var(--ink-description);
--text-eyebrow:var(--flugia-main);
--text-link:var(--flugia-cta);
--text-on-brand:var(--white);
--surface-page:var(--white);
--surface-alt:var(--gray);
--surface-card-tint:var(--blue-tint-5);
--surface-media:var(--gray-placeholder);
--action-primary:var(--flugia-cta);
--border-card:var(--gray-line);
--border-input:var(--gray-neutral);
}

/* ---- typography.css ---- */
:root{
--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
--font-button-rect:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--font-display-accent:"Poppins","Inter",sans-serif;

/* Scale — exact from the 1920px desktop frames */
--fs-hero:64px;      --lh-hero:67px;      /* H1, 700–800 */
--fs-hero-sub:30px;  --lh-hero-sub:40px;  /* hero paragraph, 400 */
--fs-h2:40px;        --lh-h2:48px;        /* section title, 700 (800 left-aligned variant) */
--fs-h3:32px;        --lh-h3:32px;        /* card title, 600 */
--fs-body-lg:20px;   --lh-body-lg:30px;   /* section intro, 400 */
--lh-card-body:28px;                      /* 20px card description */
--fs-feature:20px;   --lh-feature:30px;   /* feature title, 600 */
--fs-body:16px;      --lh-body:24px;
--fs-quote:16px;     --lh-quote:24px;
--fs-caption:12px;   --lh-caption:18px;
--fs-btn:20px;       --lh-btn:24px;       /* uppercase, 600 */
--fs-btn-sm:16px;
--ls-btn:0.24px; /* @kind font */
--fs-nav:16px;       --lh-nav:54px;       /* 500 */
--fs-eyebrow:20px;   --lh-eyebrow:24px;   /* uppercase 600, main blue */
--fs-footer-head:18px; --lh-footer-head:28px;
--fs-cta-band:72px;                       /* Poppins Black */

--fw-light:300; /* @kind font */ --fw-regular:400; /* @kind font */ --fw-medium:500; /* @kind font */ --fw-semibold:600; /* @kind font */ --fw-bold:700; /* @kind font */ --fw-extrabold:800; /* @kind font */ --fw-black:900; /* @kind font */ 
}

/* ---- spacing.css ---- */
:root{
/* Spacing (Figma variables) */
--space-xs:4px;--space-sm:8px;--space-md:12px;--space-xl:16px;--space-2xl:20px;--space-3xl:24px;--space-4xl:32px;--space-5xl:40px;--space-6xl:48px;
--space-section-gap:80px;     /* between card rows */
--page-gutter:91px;           /* desktop content inset at 1920 */
--page-width:1920px; /* @kind spacing */
--content-width:1738px; /* @kind spacing */

/* Radii */
--radius-md:8px;              /* Buttons/Button rect */
--radius-image:15px;          /* image inside a card */
--radius-3xl:20px;            /* cards, FAQ, testimonial */
--radius-hero-card:21px;
--radius-media:30px;          /* large media / promo tiles / agent portraits */
--radius-header:0 0 32px 32px;
--radius-pill:33px;
--radius-round:50%;

/* Borders & shadows */
--stroke-button:3px; /* @kind other */          /* pill outline, inset */
--shadow-header:0px 2px 4px 0px rgba(0,0,0,0.08);
--shadow-xs:0px 1px 2px 0px rgba(16,24,40,0.05);
--shadow-card:0 4px 4px rgba(0,0,0,0.1);

/* Motion — no motion specs in source; minimal fades */
--ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
--duration-fast:150ms; /* @kind other */
}

/* ---- fig-tokens.css ---- */
/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --background-brand-default: var(--brand-800); /* @kind color */
  --background-colors-background-light-1: rgb(255,255,255); /* @kind color */
  --background-colors-background-light-2: rgb(249,249,251); /* @kind color */
  --black: rgb(0,0,0); /* @kind color */
  --blue-background: rgb(242,249,255); /* @kind color */
  --blue-border: rgb(121,195,253); /* @kind color */
  --brand-100: rgb(245,245,245); /* @kind color */
  --brand-800: rgb(44,44,44); /* @kind color */
  --brand-b-800: rgb(119,0,0); /* @kind color */
  --brand-colors-primary-tint-hover: rgb(41,32,153); /* @kind color */
  --brand-colors-primary: rgb(51,40,191); /* @kind color */
  --brand-colors-secondary-tint-hover: rgb(41,32,153); /* @kind color */
  --brand-colors-secondary: rgb(97,97,97); /* @kind color */
  --color-azure-15: rgb(31,36,46); /* @kind color */
  --color-azure-18-80: rgba(0,46,91,0.8); /* @kind color */
  --color-azure-18: rgb(0,46,91); /* @kind color */
  --color-azure-45: rgb(103,111,126); /* @kind color */
  --color-black-50: rgba(0,0,0,0.5); /* @kind color */
  --color-black-70: rgba(0,0,0,0.7); /* @kind color */
  --color-cyan-32-10: rgba(20,143,118,0.1); /* @kind color */
  --color-cyan-32-20: rgba(20,143,118,0.2); /* @kind color */
  --color-cyan-32-85: rgba(20,143,118,0.85); /* @kind color */
  --color-cyan-32: rgb(20,143,118); /* @kind color */
  --color-grey-20: rgb(51,51,51); /* @kind color */
  --color-grey-46: rgb(118,118,118); /* @kind color */
  --color-grey-91: rgb(229,231,235); /* @kind color */
  --color-grey-96-50: rgba(243,245,246,0.5); /* @kind color */
  --color-spring-green-45: rgb(27,203,129); /* @kind color */
  --color-white-10: rgba(255,255,255,0.1); /* @kind color */
  --color-white-60: rgba(255,255,255,0.6); /* @kind color */
  --color-white-90: rgba(255,255,255,0.9); /* @kind color */
  --color-white-solid-2: rgb(255,255,255); /* @kind color */
  --color-white-solid: rgb(255,255,255); /* @kind color */
  --cta: rgb(67,97,238); /* @kind color */
  --font-family-font-1: "Inter";
  --font-family-font-3: "Montserrat";
  --font-family-font-4: "Kumbh Sans";
  --font-size-13: 13;
  --font-size-14-2: 14;
  --font-size-14: 14;
  --font-size-16: 16;
  --font-weight-400-2: 400;
  --font-weight-400: 400;
  --font-weight-500-2: 500;
  --font-weight-500: 500;
  --font-weight-600-2: 600;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --gray-900: rgb(30,30,30); /* @kind color */
  --gray-background: rgb(245,245,245); /* @kind color */
  --gray-border: rgb(242,242,242); /* @kind color */
  --gray: rgb(251,251,252); /* @kind color */
  --height-120: 120; /* @kind other */
  --height-1: 1; /* @kind other */
  --icon-default-default: var(--gray-900); /* @kind color */
  --item-spacing-12: 12;
  --item-spacing-228-62: 228.62;
  --item-spacing-l: 48;
  --item-spacing-m: 32;
  --item-spacing-xs: 8;
  --letter-spacing-0-24: 0.24;
  --letter-spacing-0-5: -0.5;
  --letter-spacing-0-6: -0.6;
  --letter-spacing-0-9: -0.9;
  --line-height-16: 16;
  --line-height-20: 20;
  --line-height-22-75: 22.75;
  --line-height-22: 22;
  --line-height-24-2: 24;
  --line-height-24: 24;
  --line-height-25: 25;
  --line-height-26-2: 26;
  --line-height-26: 26;
  --line-height-28-2: 28;
  --line-height-28: 28;
  --line-height-29-25: 29.25;
  --line-height-40: 40;
  --line-height-54: 54;
  --main: rgb(0,140,252); /* @kind color */
  --opacity-100: 100; /* @kind other */
  --opacity-20: 20; /* @kind other */
  --opacity-50: 50; /* @kind other */
  --paragraph-color: rgb(63,63,63); /* @kind color */
  --radius-3xl: 20;
  --radius-md: 8;
  --secondary: rgb(75,200,241); /* @kind color */
  --spacing-2xl: 20;
  --spacing-3xl: 24;
  --spacing-4xl: 32;
  --spacing-5xl: 40;
  --spacing-6xl: 48;
  --spacing-md: 12;
  --spacing-sm: 8;
  --spacing-xl: 16;
  --spacing-xs: 4;
  --stroke-weight-1-33: 1.333;
  --stroke-weight-1-67: 1.667;
  --stroke-weight-1: 1;
  --stroke-weight-2-2: 2;
  --stroke-weight-2: 2;
  --stroke-weight-3-33: 3.333;
  --system-support-colors-neutral: rgb(214,214,214); /* @kind color */
  --text-colors-description-light: rgb(128,128,128); /* @kind color */
  --text-colors-title-dark: rgb(255,255,255); /* @kind color */
  --text-colors-title-light: rgb(13,13,13); /* @kind color */
  --typeface-family-body: "Plus Jakarta Sans";
  --typeface-line-height-body-lg-18px: 28;
  --typeface-line-height-body-md-16px-2: 24;
  --typeface-line-height-body-md-16px: 24;
  --typeface-line-height-body-sm-14px: 20;
  --typeface-line-height-heading-xs-24px: 32;
  --typeface-size-2xl: 24;
  --typeface-size-lg: 18;
  --typeface-size-md: 16;
  --typeface-size-sm: 14;
  --typeface-weight-regular: "Regular"; /* @kind other */
  --typeface-weight-semibold: "Semibold"; /* @kind other */
  --white-1000: rgb(255,255,255); /* @kind color */
  --white: rgb(255,255,255); /* @kind color */
  --width-1024: 1024; /* @kind other */
  --width-354: 354; /* @kind other */
  --width-672: 672; /* @kind other */
}

:root[data-theme="dark"], .dark {
  --background-brand-default: var(--brand-100); /* @kind color */
  --background-colors-background-light-1: rgb(12,17,29); /* @kind color */
  --background-colors-background-light-2: rgb(26,30,39); /* @kind color */
  --brand-colors-primary-tint-hover: rgb(41,32,153); /* @kind color */
  --brand-colors-primary: rgb(51,40,191); /* @kind color */
  --brand-colors-secondary-tint-hover: rgb(41,32,153); /* @kind color */
  --brand-colors-secondary: rgb(255,255,255); /* @kind color */
  --icon-default-default: var(--white-1000); /* @kind color */
  --system-support-colors-neutral: rgb(122,122,122); /* @kind color */
  --text-colors-description-light: rgb(203,204,205); /* @kind color */
  --text-colors-title-dark: rgb(255,255,255); /* @kind color */
  --text-colors-title-light: rgb(255,255,255); /* @kind color */
}

:root[data-theme="light"], .light {
  --background-brand-default: var(--brand-b-800); /* @kind color */
  --icon-default-default: var(--gray-900); /* @kind color */
}

/* ---- base.css ---- */
body{margin:0;font-family:var(--font-sans);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
a{color:var(--flugia-cta);text-decoration:none}
a:hover{color:var(--flugia-main)}

/* ---- page base ---- */
body{margin:0;background:#fff}
a{color:var(--flugia-cta);text-decoration:none}
a:hover{color:var(--flugia-main)}
.rd-icon{display:inline-flex;flex:0 0 auto}

/* ---- Sélecteur de langue du site (remplace le drapeau fixe de l'export) ---- */
.rd-lang{position:relative;display:inline-flex;align-items:center}
.rd-lang-btn{display:inline-flex!important;align-items:center;gap:4px;background:none!important;border:0!important;padding:6px 4px!important;margin:0!important;min-height:0!important;box-shadow:none!important;cursor:pointer;color:inherit!important;font:inherit}
.rd-lang-list{display:none;position:absolute;top:100%;right:0;min-width:150px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e5e7eb;border-radius:9px;box-shadow:0 12px 35px rgba(0,0,0,.12);z-index:1000}
.rd-lang:hover .rd-lang-list,.rd-lang:focus-within .rd-lang-list{display:block}
.rd-lang-list a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:6px;color:#111827;font-size:13px;font-weight:500;white-space:nowrap}
.rd-lang-list a:hover{background:#f5f7fa;color:#111827}
.rd-lang-list img,.rd-lang-mobile img{width:22px;height:15px;border-radius:2px;object-fit:cover}
.rd-lang-mobile{display:flex;gap:12px;padding:16px 4px 4px;border-top:1px solid #eef0f3;margin-top:8px}
.rd-lang-mobile a{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--ink-paragraph);padding:8px 12px;border-radius:10px}
.rd-lang-mobile a[aria-current]{background:var(--blue-background);color:var(--flugia-main)}

/* ---- Header et footer : même rendu sur les pages pas encore redessinées (CSS hérité de WordPress chargé) ---- */
header[data-section="navigation"],footer[data-section="footer"]{line-height:normal;font-family:var(--font-sans);letter-spacing:normal;text-align:left}
header[data-section="navigation"] p,footer[data-section="footer"] p{margin:0}

/* ---- Langues aux mots longs (néerlandais, français) : jamais de débordement horizontal ---- */
.rd-main{overflow-wrap:break-word}
.rd-main select,.rd-main input,.rd-main textarea{max-width:100%}
@media (max-width:767px){.rd-main{hyphens:auto;-webkit-hyphens:auto}}
/* Sections dont des blocs flexibles contiennent des mots longs (DPA) ou un menu déroulant (secteurs) */
[data-section="dpa"] div,[data-section="industry-list"] div{min-width:0}