/* ============================================================================
   GTLYS — Design System « SaaS Premium »
   Namespace: .gs-*  (isolé de .g-*, .gc-*, .c-* pour ne rien casser)
   Palette : bleu + turquoise + vert succès sur blanc / gris très clair
   Typo    : Space Grotesk (titres) + Inter (texte)
   Auteur  : refonte premium — 2026
   ========================================================================== */

/* ------------------------------------------------------------------ TOKENS */
.gs-scope,
.gs-header,
.gs-footer {
  /* Marque — noir (charte Uber : monochrome) */
  --brand-50:#F6F6F6;  --brand-100:#EEEEEE; --brand-200:#E5E5E5;
  --brand-300:#CFCFCF; --brand-400:#9A9A9A; --brand-500:#333333;
  --brand-600:#000000; --brand-700:#000000; --brand-800:#000000;
  --brand-900:#000000; --brand-950:#000000;
  /* Accent neutralisé (gris) */
  --cyan-300:#B5B5B5; --cyan-400:#9A9A9A; --cyan-500:#6B6B6B; --cyan-600:#545454;
  /* Succès — vert (conservé pour signaux discrets) */
  --green-400:#34D399; --green-500:#10B981; --green-600:#059669;
  /* Neutres */
  --white:#FFFFFF;
  --gray-50:#F6F6F6;  --gray-100:#EEEEEE; --gray-200:#E5E5E5;
  --gray-300:#CFCFCF; --gray-400:#9A9A9A; --gray-500:#6B6B6B;
  --ink:#0D1B2E; --ink-soft:#26384F; --muted:#5D6C81;
  /* Dégradés → aplats (Uber = flat, pas de dégradés) */
  --grad-brand:#000000;
  --grad-brand-soft:#F1F1F1;
  --grad-deep:#000000;
  --grad-text:#0A0A0A;
  /* Rayons — tranchés façon Uber Freight */
  --r-xs:4px; --r-sm:6px; --r:8px; --r-lg:12px; --r-xl:16px; --r-pill:999px;
  /* Ombres douces multi-couches */
  --sh-xs:0 1px 2px rgba(15,23,42,.06);
  --sh-sm:0 2px 8px rgba(15,23,42,.06);
  --sh:0 8px 24px rgba(15,23,42,.08);
  --sh-lg:0 18px 48px rgba(15,23,42,.12);
  --sh-xl:0 32px 80px rgba(15,23,42,.16);
  --sh-glow:none;
  --sh-glow-cyan:none;
  /* Layout */
  --maxw:1200px;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

/* --------------------------------------------------------------- BASE PAGE */
body.gs-body{
  font-family:'Manrope','Inter',system-ui,sans-serif;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.6;
  overflow-x:hidden;
}
.gs-scope *,.gs-scope *::before,.gs-scope *::after{box-sizing:border-box;}
.gs-scope img{max-width:100%;height:auto;display:block;}
.gs-scope h1,.gs-scope h2,.gs-scope h3,.gs-scope h4{
  font-family:'Plus Jakarta Sans','Manrope',sans-serif;
  color:var(--ink);
  font-weight:800;
  letter-spacing:-.032em;
  line-height:1.08;
  margin:0;
}
.gs-scope p{margin:0;}
.gs-scope a:not(.gs-btn){color:inherit;text-decoration:none;}
.gs-scope a.gs-btn{text-decoration:none;}

/* Pages sans hero sombre : on décale le contenu sous le header fixe */
body.gs-no-hero{padding-top:72px;}

/* Réduction de mouvement */
@media (prefers-reduced-motion:reduce){
  .gs-scope *,.gs-header *{animation:none!important;transition:none!important;}
}

/* ---------------------------------------------------------------- LAYOUT */
.gs-container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.gs-section{position:relative;padding:112px 0;}
.gs-section--tight{padding:80px 0;}
.gs-section--gray{background:var(--gray-50);}
.gs-section--deep{background:var(--grad-deep);color:#E2E8F0;}
.gs-section--deep h2,.gs-section--deep h3{color:#fff;}

/* Fonds premium : grille + halos */
.gs-bg-grid::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);
          mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);
}
.gs-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none;z-index:0;}
.gs-blob--blue{background:radial-gradient(circle,rgba(37,99,235,.45),transparent 70%);}
.gs-blob--cyan{background:radial-gradient(circle,rgba(6,182,212,.4),transparent 70%);}
.gs-blob--green{background:radial-gradient(circle,rgba(16,185,129,.35),transparent 70%);}

/* ---------------------------------------------------------------- TYPO UI */
.gs-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--brand-600);
  padding:.4rem .9rem;border-radius:var(--r-pill);
  background:var(--brand-50);border:1px solid var(--brand-100);
}
.gs-section--deep .gs-eyebrow{color:var(--cyan-300);background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.25);}
.gs-h2{font-size:clamp(2rem,4vw,3.1rem);font-weight:700;}
.gs-h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;}
.gs-lead{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--ink-soft);line-height:1.7;}
.gs-section--deep .gs-lead{color:#94A3B8;}
.gs-grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.gs-head{max-width:720px;}
.gs-head--center{max-width:760px;margin:0 auto;text-align:center;}
.gs-head .gs-lead{margin-top:1rem;}
.gs-head .gs-eyebrow{margin-bottom:1.1rem;}

/* ---------------------------------------------------------------- BOUTONS */
.gs-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:'Manrope',sans-serif;font-size:.98rem;font-weight:600;
  padding:.9rem 1.5rem;border-radius:var(--r-sm);border:1px solid transparent;
  cursor:pointer;white-space:nowrap;position:relative;isolation:isolate;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s,border-color .25s;
}
.gs-btn svg{width:18px;height:18px;flex-shrink:0;}
.gs-btn--primary{background:var(--grad-brand);color:#fff;box-shadow:var(--sh-glow);}
.gs-btn--primary:hover{transform:translateY(-2px);box-shadow:0 26px 70px rgba(37,99,235,.4);color:#fff;}
.gs-btn--ghost{background:#fff;color:var(--ink);border-color:var(--gray-200);box-shadow:var(--sh-xs);}
.gs-btn--ghost:hover{transform:translateY(-2px);border-color:var(--brand-300);box-shadow:var(--sh);color:var(--brand-700);}
.gs-btn--white{background:#fff;color:var(--brand-700);box-shadow:var(--sh);}
.gs-btn--white:hover{transform:translateY(-2px);box-shadow:var(--sh-lg);}
.gs-btn--outline-light{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.25);backdrop-filter:blur(6px);}
.gs-btn--outline-light:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;}
.gs-btn--lg{padding:1.05rem 1.9rem;font-size:1.02rem;}
.gs-btn__arrow{transition:transform .25s var(--ease);}
.gs-btn:hover .gs-btn__arrow{transform:translateX(3px);}

/* ------------------------------------------------------------------ CARTES */
.gs-card{
  background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);
  padding:32px;box-shadow:var(--sh-sm);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;
  position:relative;overflow:hidden;
}
.gs-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);border-color:var(--brand-200);}
.gs-card__icon{
  width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:var(--grad-brand-soft);border:1px solid var(--brand-100);color:var(--brand-600);
  margin-bottom:20px;transition:transform .3s var(--ease);
}
.gs-card:hover .gs-card__icon{transform:scale(1.08) rotate(-3deg);}
.gs-card__icon svg{width:24px;height:24px;}
.gs-card h3{font-size:1.12rem;margin-bottom:.5rem;}
.gs-card p{font-size:.92rem;color:var(--muted);line-height:1.65;}

/* Verre (glassmorphism léger) */
.gs-glass{
  background:rgba(255,255,255,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.6);box-shadow:var(--sh-lg);border-radius:var(--r-lg);
}

/* --------------------------------------------------------------- ANIMATIONS */
@keyframes gs-fade-up{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
@keyframes gs-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
@keyframes gs-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.55;transform:scale(1.35);}}
@keyframes gs-shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}
@keyframes gs-spin-slow{to{transform:rotate(360deg);}}
@keyframes gs-dash{to{stroke-dashoffset:0;}}

/* Reveal au scroll (JS ajoute .is-in) */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);}
[data-reveal].is-in{opacity:1;transform:none;}
[data-reveal][data-delay="1"]{transition-delay:.08s;}
[data-reveal][data-delay="2"]{transition-delay:.16s;}
[data-reveal][data-delay="3"]{transition-delay:.24s;}
[data-reveal][data-delay="4"]{transition-delay:.32s;}
[data-reveal][data-delay="5"]{transition-delay:.4s;}

.gs-float{animation:gs-float 6s ease-in-out infinite;}
.gs-float--slow{animation-duration:8s;}

/* focus visible — accessibilité */
.gs-scope a:focus-visible,.gs-scope button:focus-visible,
.gs-header a:focus-visible,.gs-header button:focus-visible{
  outline:3px solid var(--brand-400);outline-offset:2px;border-radius:6px;
}

/* ============================================================================
   HEADER premium — transparent puis blanc/verre au scroll
   ========================================================================== */
.gs-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  transition:background .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;
  border-bottom:1px solid transparent;
}
.gs-header__inner{
  max-width:var(--maxw);margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
}
.gs-header.is-stuck{
  background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom-color:var(--gray-200);box-shadow:var(--sh-sm);
}
.gs-logo{display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0;}
.gs-logo img{height:42px;width:auto;}
.gs-nav{display:flex;align-items:center;}
.gs-nav__list{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:0;}
.gs-nav__list li{margin:0;padding:0;}
.gs-nav a{
  display:inline-block;padding:.55rem .85rem;border-radius:var(--r-xs);white-space:nowrap;
  font-size:.92rem;font-weight:500;color:var(--ink-soft);transition:color .2s,background .2s;
}
.gs-nav a:hover,.gs-nav a.active{color:var(--brand-700);background:var(--brand-50);}
.gs-header.is-transparent .gs-nav a{color:rgba(255,255,255,.9);}
.gs-header.is-transparent .gs-nav a:hover,.gs-header.is-transparent .gs-nav a.active{color:#fff;background:rgba(255,255,255,.12);}
.gs-header.is-transparent .gs-logo-fallback{color:#fff;}
.gs-header__cta{display:flex;align-items:center;gap:.6rem;flex-shrink:0;}
.gs-link-login{font-size:.94rem;font-weight:600;color:var(--ink-soft);padding:.55rem .6rem;transition:color .2s;}
.gs-link-login:hover{color:var(--brand-700);}
.gs-header.is-transparent .gs-link-login{color:#fff;}
.gs-header__cta .gs-btn{padding:.7rem 1.2rem;font-size:.92rem;}

/* Burger */
.gs-burger{display:none;width:44px;height:44px;border:none;background:transparent;cursor:pointer;
  flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:10px;flex-shrink:0;}
.gs-burger span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .2s;}
.gs-header.is-transparent .gs-burger span{background:#fff;}
.gs-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.gs-burger.is-open span:nth-child(2){opacity:0;}
.gs-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ============================================================================
   HERO
   ========================================================================== */
.gs-hero{position:relative;padding:150px 0 90px;overflow:hidden;background:linear-gradient(180deg,#0B1220 0%,#0F1E3D 55%,#0B1220 100%);}
.gs-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:center;}
.gs-hero .gs-eyebrow{background:rgba(6,182,212,.12);border-color:rgba(6,182,212,.3);color:var(--cyan-300);}
.gs-hero h1{font-size:clamp(2.3rem,5vw,3.75rem);font-weight:700;color:#fff;margin:1.2rem 0;letter-spacing:-.03em;}
.gs-hero h1 .gs-grad-text{background:linear-gradient(120deg,#60A5FA,#22D3EE);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.gs-hero__sub{font-size:1.12rem;color:#94A3B8;line-height:1.75;max-width:520px;margin-bottom:2rem;}
.gs-hero__btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.2rem;}
.gs-hero__trust{display:flex;flex-wrap:wrap;gap:1.4rem;}
.gs-trust-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#CBD5E1;}
.gs-trust-item svg{width:18px;height:18px;color:var(--green-400);}
.gs-hero__halo-1{width:520px;height:520px;top:-160px;right:-120px;}
.gs-hero__halo-2{width:440px;height:440px;bottom:-180px;left:-140px;}

/* Illustration dashboard (SVG + cartes flottantes) */
.gs-hero__visual{position:relative;z-index:2;}
.gs-dash{
  background:linear-gradient(160deg,#111C34,#0C1526);
  border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);
  box-shadow:0 40px 90px rgba(0,0,0,.5);overflow:hidden;
  transform:perspective(1400px) rotateY(-8deg) rotateX(3deg);
  transition:transform .5s var(--ease);
}
.gs-hero__visual:hover .gs-dash{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg);}
.gs-dash__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);}
.gs-dash__dot{width:11px;height:11px;border-radius:50%;}
.gs-dash__dot.r{background:#FF5F56;} .gs-dash__dot.y{background:#FFBD2E;} .gs-dash__dot.g{background:#27C93F;}
.gs-dash__url{margin-left:8px;font-size:.68rem;color:#64748B;background:rgba(255,255,255,.05);padding:3px 10px;border-radius:6px;}
.gs-dash__body{padding:18px;}
.gs-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.gs-kpi{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;}
.gs-kpi__l{font-size:.62rem;color:#64748B;text-transform:uppercase;letter-spacing:.06em;}
.gs-kpi__v{font-size:1.25rem;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;margin-top:3px;}
.gs-kpi__v.blue{color:#60A5FA;} .gs-kpi__v.cyan{color:#22D3EE;} .gs-kpi__v.green{color:#34D399;}
.gs-dash__chart{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px;}
.gs-dash__chart-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.gs-dash__chart-h span{font-size:.72rem;color:#94A3B8;font-weight:600;}
.gs-chip{font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.15);color:#34D399;}
.gs-float-card{
  position:absolute;background:rgba(255,255,255,.95);border-radius:14px;box-shadow:var(--sh-lg);
  padding:12px 14px;display:flex;align-items:center;gap:10px;z-index:3;
}
.gs-float-card svg{width:20px;height:20px;}
.gs-float-card__t{font-size:.72rem;font-weight:700;color:var(--ink);}
.gs-float-card__s{font-size:.64rem;color:var(--muted);}
.gs-float-card--1{top:-22px;left:-26px;}
.gs-float-card--2{bottom:24px;right:-30px;}

/* ------------------------------------------------------------ BANDE LOGOS */
.gs-logos{padding:44px 0;border-bottom:1px solid var(--gray-200);background:#fff;}
.gs-logos__label{text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);margin-bottom:22px;}
.gs-logos__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2.5rem 3.5rem;}
.gs-logos__row span{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:1.15rem;color:var(--gray-400);opacity:.9;transition:color .2s;}
.gs-logos__row span:hover{color:var(--brand-600);}

/* --------------------------------------------------------------- FEATURES */
.gs-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.gs-feature-grid .gs-card{padding:26px;}
.gs-feature-grid .gs-card h3{font-size:1rem;}
.gs-feature-grid .gs-card p{font-size:.85rem;}

/* ---------------------------------------------------------------- TIMELINE */
.gs-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;margin-top:3rem;}
.gs-step{position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:var(--r);padding:26px 22px;box-shadow:var(--sh-xs);transition:transform .3s var(--ease),box-shadow .3s;}
.gs-step:hover{transform:translateY(-5px);box-shadow:var(--sh);}
.gs-step__num{width:40px;height:40px;border-radius:12px;background:var(--grad-brand);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-glow);margin-bottom:16px;}
.gs-step h3{font-size:1rem;margin-bottom:.4rem;}
.gs-step p{font-size:.85rem;color:var(--muted);line-height:1.6;}
.gs-step__link{position:absolute;top:44px;right:-14px;color:var(--brand-300);z-index:1;}
.gs-step__link svg{width:22px;height:22px;}

/* --------------------------------------------------------------- DASHBOARD */
.gs-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.gs-check-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.8rem;}
.gs-check{display:flex;gap:.8rem;align-items:flex-start;}
.gs-check__ic{width:26px;height:26px;border-radius:8px;background:rgba(16,185,129,.12);color:var(--green-600);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.gs-check__ic svg{width:15px;height:15px;}
.gs-check b{font-size:.96rem;color:var(--ink);display:block;}
.gs-check span{font-size:.86rem;color:var(--muted);}

/* --------------------------------------------------------------- MOBILE APP */
.gs-phone{
  position:relative;width:290px;margin:0 auto;
  background:#0B1220;border:10px solid #0B1220;border-radius:44px;
  box-shadow:0 40px 90px rgba(11,18,32,.45);overflow:hidden;
}
.gs-phone__notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:26px;background:#0B1220;border-radius:0 0 16px 16px;z-index:5;}
.gs-phone__screen{background:linear-gradient(180deg,#EFF6FF,#fff);border-radius:34px;overflow:hidden;}
.gs-app-top{background:var(--grad-brand);padding:34px 18px 18px;color:#fff;}
.gs-app-top small{font-size:.62rem;opacity:.85;}
.gs-app-top h4{color:#fff;font-size:1.05rem;margin-top:2px;}
.gs-app-body{padding:16px;display:flex;flex-direction:column;gap:10px;}
.gs-app-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:11px 12px;box-shadow:var(--sh-xs);}
.gs-app-row__ic{width:34px;height:34px;border-radius:10px;background:var(--brand-50);color:var(--brand-600);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.gs-app-row__ic svg{width:17px;height:17px;}
.gs-app-row b{font-size:.76rem;color:var(--ink);display:block;}
.gs-app-row span{font-size:.66rem;color:var(--muted);}
.gs-app-row .gs-chip{margin-left:auto;background:rgba(37,99,235,.12);color:var(--brand-600);}
.gs-app-row .gs-chip.ok{background:rgba(16,185,129,.14);color:var(--green-600);}

/* ---------------------------------------------------------------- STATS */
.gs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.gs-stat{text-align:center;}
.gs-stat__n{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:clamp(2.2rem,4.5vw,3.4rem);letter-spacing:-.02em;line-height:1;
  background:linear-gradient(120deg,#60A5FA,#22D3EE);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.gs-stat__l{font-size:.9rem;color:#94A3B8;margin-top:.5rem;}

/* -------------------------------------------------------------- BENEFITS */
.gs-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.gs-benefit{display:flex;gap:1rem;align-items:flex-start;padding:24px;border-radius:var(--r);background:#fff;border:1px solid var(--gray-200);box-shadow:var(--sh-xs);transition:transform .3s var(--ease),box-shadow .3s;}
.gs-benefit:hover{transform:translateY(-4px);box-shadow:var(--sh);}
.gs-benefit__ic{width:46px;height:46px;border-radius:12px;background:var(--grad-brand-soft);color:var(--brand-600);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.gs-benefit__ic svg{width:22px;height:22px;}
.gs-benefit h3{font-size:1rem;margin-bottom:.3rem;}
.gs-benefit p{font-size:.86rem;color:var(--muted);line-height:1.6;}

/* ------------------------------------------------------------ TÉMOIGNAGES */
.gs-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.gs-testi{background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:28px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;}
.gs-testi__stars{color:#F59E0B;font-size:.9rem;letter-spacing:2px;margin-bottom:.9rem;}
.gs-testi__q{font-size:.95rem;color:var(--ink-soft);line-height:1.7;flex:1;}
.gs-testi__author{display:flex;align-items:center;gap:.75rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--gray-100);}
.gs-testi__av{width:44px;height:44px;border-radius:50%;background:var(--grad-brand);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;}
.gs-testi__name{font-size:.9rem;font-weight:700;color:var(--ink);}
.gs-testi__role{font-size:.78rem;color:var(--muted);}

/* ----------------------------------------------------------- INTÉGRATIONS */
.gs-integrations{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}
.gs-int{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.3rem;border-radius:var(--r-pill);background:#fff;border:1px solid var(--gray-200);box-shadow:var(--sh-xs);font-weight:600;font-size:.9rem;color:var(--ink-soft);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;}
.gs-int:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:var(--brand-200);}
.gs-int svg{width:20px;height:20px;color:var(--brand-600);}

/* ----------------------------------------------------------------- FAQ */
.gs-faq{max-width:820px;margin:3rem auto 0;}
.gs-faq__item{border:1px solid var(--gray-200);border-radius:var(--r);margin-bottom:14px;background:#fff;overflow:hidden;transition:border-color .25s,box-shadow .25s;}
.gs-faq__item.is-open{border-color:var(--brand-200);box-shadow:var(--sh);}
.gs-faq__q{width:100%;background:none;border:none;cursor:pointer;text-align:left;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:1.15rem 1.4rem;font-family:'Manrope',sans-serif;font-size:1rem;font-weight:600;color:var(--ink);}
.gs-faq__q svg{width:22px;height:22px;color:var(--brand-500);transition:transform .3s var(--ease);flex-shrink:0;}
.gs-faq__item.is-open .gs-faq__q svg{transform:rotate(45deg);}
.gs-faq__a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease);}
.gs-faq__a-inner{padding:0 1.4rem 1.2rem;color:var(--muted);font-size:.92rem;line-height:1.7;}

/* --------------------------------------------------------------- CTA FINAL */
.gs-cta{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:70px 40px;text-align:center;
  background:var(--grad-deep);box-shadow:var(--sh-xl);}
.gs-cta h2{color:#fff;font-size:clamp(2rem,3.6vw,2.9rem);margin-bottom:1rem;}
.gs-cta p{color:#94A3B8;max-width:540px;margin:0 auto 2rem;font-size:1.08rem;line-height:1.7;}
.gs-cta__btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.gs-cta__note{margin-top:1.4rem;font-size:.82rem;color:#64748B;}

/* ------------------------------------------------------------------ FOOTER */
.gs-footer{background:#0B1220;color:#94A3B8;padding:72px 0 32px;}
.gs-footer__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.4fr;gap:2.5rem;}
.gs-footer__brand img{height:44px;margin-bottom:1rem;}
.gs-footer__brand p{font-size:.86rem;line-height:1.7;max-width:260px;color:#94A3B8;}
.gs-footer h4{color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.1rem;}
.gs-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem;}
.gs-footer ul a{font-size:.88rem;color:#94A3B8;transition:color .2s;}
.gs-footer ul a:hover{color:#fff;}
.gs-footer__addr{font-size:.88rem;color:#94A3B8;line-height:1.55;display:block;}

/* — Grille de cartes 3 colonnes (page fonctionnalités & co) — */
.gs-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.gs-card h2{font-size:1.08rem;margin-bottom:.5rem;}
/* En-tête de carte : icône + titre sur la même ligne */
.gs-card__head{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem;}
.gs-card__head .gs-card__icon{margin-bottom:0;width:44px;height:44px;flex-shrink:0;}
.gs-card__head .gs-card__icon svg{width:22px;height:22px;}
.gs-card__head h2,.gs-card__head h3{margin:0;font-size:1.02rem;line-height:1.3;}
@media (max-width:1024px){ .gs-cards3{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .gs-cards3{grid-template-columns:1fr;} }

/* — Hero de page avec visuel à droite (même design que l'accueil) — */
.gs-phero.gs-phero--split{text-align:left;}
.gs-phero.gs-phero--split .gs-phero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:3.5rem;align-items:center;}
.gs-phero.gs-phero--split h1{margin:0;max-width:none;}
.gs-phero.gs-phero--split .gs-phero__sub{margin:1.2rem 0 0;}
.gs-phero.gs-phero--split .gs-hero__btns,.gs-phero.gs-phero--split .gs-phero__btns{justify-content:flex-start;}
.gs-phero__media img{width:100%;height:auto;display:block;border-radius:16px;
  border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 80px rgba(0,0,0,.5);
  transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);transition:transform .5s var(--ease);}
.gs-phero__media:hover img{transform:perspective(1400px) rotateY(-2deg) rotateX(1deg);}
@media (max-width:1024px){
  .gs-phero--split .gs-phero__grid{grid-template-columns:1fr;gap:2.2rem;}
  .gs-phero__media{max-width:560px;}
  .gs-phero__media img{transform:none;}
}
.gs-footer__contact li{display:flex;align-items:flex-start;gap:.6rem;}
.gs-footer__contact svg{width:17px;height:17px;color:#5B8DEF;flex-shrink:0;margin-top:.15rem;}
.gs-newsletter p{font-size:.86rem;margin-bottom:.9rem;}
.gs-newsletter__form{display:flex;gap:.5rem;}
.gs-newsletter__form input{flex:1;min-width:0;padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font-size:.86rem;}
.gs-newsletter__form input::placeholder{color:#64748B;}
.gs-newsletter__form input:focus{outline:none;border-color:var(--brand-400);}
.gs-social{display:flex;gap:.6rem;margin-top:1.2rem;}
.gs-social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#94A3B8;transition:background .2s,color .2s,transform .2s;}
.gs-social a:hover{background:var(--brand-600);color:#fff;transform:translateY(-2px);}
.gs-social svg{width:18px;height:18px;}
.gs-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:3rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:#64748B;}
.gs-footer__bottom a{color:#64748B;}
.gs-footer__bottom a:hover{color:#94A3B8;}

/* ============================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1024px){
  .gs-hero__inner,.gs-split{grid-template-columns:1fr;gap:2.5rem;}
  .gs-hero__visual{max-width:520px;margin:0 auto;}
  .gs-feature-grid{grid-template-columns:repeat(2,1fr);}
  .gs-timeline{grid-template-columns:repeat(2,1fr);}
  .gs-step__link{display:none;}
  .gs-stats{grid-template-columns:repeat(2,1fr);gap:2.5rem;}
  .gs-benefits,.gs-testi-grid{grid-template-columns:repeat(2,1fr);}
  .gs-footer__grid{grid-template-columns:1fr 1fr 1fr;}
  .gs-footer__brand,.gs-newsletter{grid-column:span 3;}
}
@media (max-width:1024px){
  .gs-nav,.gs-header__cta .gs-link-login{display:none;}
  .gs-burger{display:flex;}
  .gs-header__cta{margin-left:auto;margin-right:.5rem;} /* CTA + burger groupés à droite */
  .gs-header__cta .gs-btn{padding:.6rem 1rem;font-size:.85rem;}
  /* Menu mobile déroulant */
  .gs-mobile-menu{
    position:fixed;top:0;right:0;bottom:0;width:min(86vw,340px);z-index:1100;
    background:#fff;box-shadow:-20px 0 60px rgba(15,23,42,.25);
    transform:translateX(100%);transition:transform .35s var(--ease);
    display:flex;flex-direction:column;padding:84px 24px 24px;gap:.25rem;overflow-y:auto;
  }
  .gs-mobile-menu.is-open{transform:translateX(0);}
  .gs-mobile-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;width:100%;}
  .gs-mobile-menu li{list-style:none;margin:0;width:100%;}
  .gs-mobile-menu a{display:block;padding:.9rem .4rem;font-size:1rem;font-weight:500;color:var(--ink);border-bottom:1px solid var(--gray-100);}
  .gs-mobile-menu .gs-btn{margin-top:1rem;justify-content:center;}
  .gs-overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);opacity:0;visibility:hidden;transition:opacity .3s;z-index:1050;}
  .gs-overlay.is-open{opacity:1;visibility:visible;}
}
@media (max-width:640px){
  .gs-section{padding:72px 0;}
  .gs-hero{padding:120px 0 70px;}
  .gs-feature-grid,.gs-timeline,.gs-benefits,.gs-testi-grid,.gs-stats{grid-template-columns:1fr;}
  .gs-footer__grid{grid-template-columns:1fr;}
  .gs-footer__brand,.gs-newsletter{grid-column:auto;}
  .gs-float-card{display:none;}
  .gs-cta{padding:54px 24px;}
  .gs-hero__btns .gs-btn,.gs-cta__btns .gs-btn{flex:1;}
}
@media (min-width:1025px){ .gs-mobile-menu,.gs-overlay{display:none;} }

/* ============================================================================
   PAGES INTÉRIEURES — hero, fil d'ariane, prose, formulaires
   ========================================================================== */

/* Hero de page intérieure (produits, contact, etc.) */
.gs-phero{position:relative;overflow:hidden;padding:150px 0 84px;
  background:linear-gradient(165deg,#0B1220 0%,#0F1E3D 60%,#0B1220 100%);text-align:center;}
.gs-phero .gs-container{position:relative;z-index:2;}
.gs-phero__eyebrow{margin-bottom:1.1rem;}
.gs-phero h1{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:700;color:#fff;letter-spacing:-.03em;margin:0 auto;max-width:900px;}
.gs-phero h1 .gs-grad-text{background:linear-gradient(120deg,#60A5FA,#22D3EE);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.gs-phero__sub{color:#94A3B8;font-size:1.12rem;line-height:1.75;max-width:640px;margin:1.2rem auto 0;}
.gs-phero__btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;}
.gs-phero__halo-1{width:460px;height:460px;top:-160px;right:-120px;}
.gs-phero__halo-2{width:420px;height:420px;bottom:-200px;left:-140px;}

/* Fil d'ariane */
.gs-breadcrumb{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;
  font-size:.82rem;color:#64748B;margin-bottom:1.2rem;}
.gs-breadcrumb a{color:#94A3B8;transition:color .2s;}
.gs-breadcrumb a:hover{color:#22D3EE;}
.gs-breadcrumb span{color:#475569;}

/* Contenu éditorial premium (pages texte, légal, articles) */
.gs-prose{max-width:820px;margin:0 auto;color:var(--ink-soft);font-size:1.02rem;line-height:1.8;}
.gs-prose > *+*{margin-top:1.15rem;}
.gs-prose h1,.gs-prose h2,.gs-prose h3,.gs-prose h4{color:var(--ink);line-height:1.25;}
.gs-prose h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-top:2.6rem;}
.gs-prose h3{font-size:1.25rem;margin-top:2rem;}
.gs-prose a{color:var(--brand-600);text-decoration:underline;text-underline-offset:2px;}
.gs-prose a:hover{color:var(--brand-700);}
.gs-prose ul,.gs-prose ol{padding-left:1.4rem;display:flex;flex-direction:column;gap:.5rem;}
.gs-prose li{padding-left:.2rem;}
.gs-prose img{border-radius:var(--r);box-shadow:var(--sh-sm);margin:1.5rem 0;}
.gs-prose blockquote{border-left:3px solid var(--brand-400);padding:.4rem 0 .4rem 1.2rem;color:var(--muted);font-style:italic;background:var(--gray-50);border-radius:0 8px 8px 0;}
.gs-prose table{width:100%;border-collapse:collapse;font-size:.92rem;overflow-x:auto;display:block;}
.gs-prose th,.gs-prose td{border:1px solid var(--gray-200);padding:.7rem .9rem;text-align:left;}
.gs-prose th{background:var(--gray-50);font-weight:600;color:var(--ink);}
.gs-page-wrap{padding:64px 0 96px;}

/* Formulaire premium (Contact Form 7) */
.gs-form .wpcf7-form p{margin:0 0 1rem;}
.gs-form label{display:block;font-size:.86rem;font-weight:600;color:var(--ink);margin-bottom:.35rem;}
.gs-form input[type=text],.gs-form input[type=email],.gs-form input[type=tel],
.gs-form input[type=url],.gs-form input[type=number],.gs-form textarea,.gs-form select{
  width:100%;padding:.85rem 1rem;border:1px solid var(--gray-200);border-radius:var(--r-sm);
  font-family:'Manrope',sans-serif;font-size:.94rem;color:var(--ink);background:var(--gray-50);
  transition:border-color .2s,box-shadow .2s,background .2s;}
.gs-form input:focus,.gs-form textarea:focus,.gs-form select:focus{
  outline:none;border-color:var(--brand-500);background:#fff;box-shadow:0 0 0 4px rgba(37,99,235,.12);}
.gs-form textarea{min-height:150px;resize:vertical;}
.gs-form .wpcf7-submit{width:100%;background:var(--grad-brand);color:#fff;border:none;padding:1rem;
  border-radius:var(--r-sm);font-size:1rem;font-weight:700;cursor:pointer;font-family:'Manrope',sans-serif;
  box-shadow:var(--sh-glow);transition:transform .2s var(--ease),box-shadow .2s;}
.gs-form .wpcf7-submit:hover{transform:translateY(-2px);box-shadow:0 24px 60px rgba(37,99,235,.4);}
.gs-form .wpcf7-spinner{margin:.6rem auto 0;display:block;}

/* Carte info (contact) */
.gs-info-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:26px;
  display:flex;gap:1rem;align-items:flex-start;box-shadow:var(--sh-sm);transition:transform .3s var(--ease),box-shadow .3s;}
.gs-info-card:hover{transform:translateY(-4px);box-shadow:var(--sh);}
.gs-info-card__ic{width:48px;height:48px;border-radius:14px;background:var(--grad-brand-soft);color:var(--brand-600);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.gs-info-card__ic svg{width:22px;height:22px;}
.gs-info-card__l{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.3rem;}
.gs-info-card__v{font-size:1.05rem;font-weight:700;color:var(--ink);}
.gs-info-card__v a{color:var(--ink);}
.gs-info-card__v a:hover{color:var(--brand-600);}
.gs-info-card__s{font-size:.88rem;color:var(--muted);margin-top:.3rem;line-height:1.6;}

/* Grille produit : image + texte alternés */
.gs-media-img{width:100%;border-radius:var(--r-lg);box-shadow:var(--sh-lg);object-fit:cover;}
.gs-badge-soft{display:inline-flex;align-items:center;gap:.4rem;background:var(--brand-50);color:var(--brand-700);
  border:1px solid var(--brand-100);padding:.3rem .8rem;border-radius:var(--r-pill);font-size:.78rem;font-weight:700;}

@media (max-width:1024px){
  .gs-contact-grid{grid-template-columns:1fr!important;}
}
@media (max-width:640px){
  .gs-phero{padding:120px 0 60px;}
  .gs-page-wrap{padding:44px 0 64px;}
}

/* Icônes Font Awesome dans les chips premium (pages produits) */
.gs-card__icon i,.gs-benefit__ic i,.gs-info-card__ic i,.gs-step__num i,.gs-check__ic i{font-size:1.25rem;line-height:1;}
.gs-step__num i{font-size:1.05rem;}
.gs-check__ic i{font-size:.8rem;}

/* ============================================================================
   RE-SKIN « inspiré Uber.com » — monochrome, plat, typographie bold
   Charge après tout le reste : ces règles priment sur le thème SaaS coloré.
   ========================================================================== */

/* — Typographie : plus d'emphase colorée, headline uniforme noir/blanc — */
.gs-scope .gs-grad-text{background:none!important;-webkit-text-fill-color:currentColor!important;color:inherit!important;}
.gs-hero h1 .gs-grad-text,.gs-phero h1 .gs-grad-text{-webkit-text-fill-color:#fff!important;color:#fff!important;background:none!important;}
.gs-hero h1,.gs-phero h1,.gs-h2{font-weight:800;letter-spacing:-.035em;}
.gs-eyebrow{letter-spacing:.1em;}

/* — Fonds : aplats noirs, sans halos ni grille (flat) — */
.gs-hero,.gs-phero{background:#000;}
.gs-section--deep{background:#000;}
.gs-cta{background:#000;box-shadow:0 24px 60px rgba(0,0,0,.22);}
.gs-footer{background:#000;}
.gs-blob{display:none!important;}
.gs-bg-grid::before{display:none!important;}

/* — Nombres/monos en Inter (fin de Space Grotesk) — */
.gs-stat__n,.gs-kpi__v,.gs-step__num,.gs-dash__url,.gs-app-top h4,.gs-dash__chart-h span{font-family:'Plus Jakarta Sans','Manrope',sans-serif!important;}
.gs-stat__n{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important;font-weight:800;}

/* — Boutons plats façon Uber : radius 8, sans glow, sans rebond — */
.gs-btn{border-radius:8px;font-weight:600;}
.gs-btn--primary{background:#000;color:#fff;box-shadow:none;}
.gs-btn--primary:hover{background:#262626;color:#fff;transform:none;box-shadow:none;}
.gs-btn--ghost{background:var(--gray-50);border-color:transparent;color:#000;box-shadow:none;}
.gs-btn--ghost:hover{background:var(--gray-100);color:#000;border-color:transparent;transform:none;box-shadow:none;}
.gs-btn--white{background:#fff;color:#000;box-shadow:none;}
.gs-btn--white:hover{background:#F6F6F6;color:#000;transform:none;box-shadow:none;}
.gs-btn--outline-light{background:transparent;border-color:rgba(255,255,255,.45);color:#fff;backdrop-filter:none;}
.gs-btn--outline-light:hover{background:#fff;color:#000;border-color:#fff;transform:none;}

/* — Cartes plates à filet fin — */
.gs-card{border-radius:12px;box-shadow:none;border-color:var(--gray-200);}
.gs-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.07);border-color:#CFCFCF;}
.gs-card__icon{background:#F1F1F1;border-color:#E5E5E5;color:#000;border-radius:12px;}
.gs-card:hover .gs-card__icon{transform:none;}
.gs-benefit,.gs-step,.gs-testi,.gs-info-card,.gs-int{border-radius:12px;box-shadow:none;}
.gs-benefit:hover,.gs-step:hover,.gs-testi:hover,.gs-info-card:hover,.gs-int:hover{box-shadow:0 10px 30px rgba(0,0,0,.06);transform:translateY(-2px);}
.gs-benefit__ic,.gs-info-card__ic{background:#F1F1F1;color:#000;border-radius:12px;}
.gs-step__num{background:#000;box-shadow:none;border-radius:12px;}

/* — Puces / eyebrow / badges discrets — */
.gs-eyebrow{background:var(--gray-50);color:#000;border-color:var(--gray-200);font-weight:700;}
.gs-section--deep .gs-eyebrow,.gs-phero .gs-eyebrow,.gs-hero .gs-eyebrow{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.22);}
.gs-badge-soft{background:#F1F1F1;color:#000;border-color:#E5E5E5;}
.gs-product-link{color:#000!important;}

/* — Coches : monochrome (noir sur gris ; blanc sur fond noir) — */
.gs-check__ic{background:#F1F1F1;color:#000;}
.gs-section--deep .gs-check__ic{background:rgba(255,255,255,.14);color:#fff;}
.gs-trust-item svg{color:#fff;}

/* — Header : filet fin quand collé — */
.gs-header.is-stuck{border-bottom-color:var(--gray-200);box-shadow:none;}

/* — FAQ / avatars — */
.gs-testi__av{background:#000;}
.gs-faq__item.is-open{border-color:#000;box-shadow:none;}
.gs-faq__q svg{color:#000;}

/* — Formulaire : focus noir — */
.gs-form input:focus,.gs-form textarea:focus,.gs-form select:focus{border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,.12);}
.gs-form .wpcf7-submit{background:#000;box-shadow:none;}
.gs-form .wpcf7-submit:hover{background:#262626;transform:none;box-shadow:none;}

/* — Boutons primaires INVERSÉS sur fonds noirs (blanc sur noir, façon Uber) — */
.gs-hero .gs-btn--primary,.gs-phero .gs-btn--primary,.gs-section--deep .gs-btn--primary,
.gs-cta .gs-btn--primary,.gs-header.is-transparent .gs-btn--primary{background:#fff;color:#000;}
.gs-hero .gs-btn--primary:hover,.gs-phero .gs-btn--primary:hover,.gs-section--deep .gs-btn--primary:hover,
.gs-cta .gs-btn--primary:hover,.gs-header.is-transparent .gs-btn--primary:hover{background:#E6E6E6;color:#000;}
/* KPI du mockup : neutralisés en clair (mono) */
.gs-kpi__v.blue,.gs-kpi__v.cyan,.gs-kpi__v.green{color:#F6F6F6;}

/* ============================================================================
   V3 — « Uber Freight » + accents couleur du LOGO (violet #2563EB → magenta
   #2563EB). Base monochrome conservée ; la couleur sert d'accent, pas de fond.
   ========================================================================== */

/* — Coins tranchés — */
.gs-btn{border-radius:4px;}
.gs-card,.gs-benefit,.gs-step,.gs-testi,.gs-info-card,.gs-faq__item{border-radius:8px;}
.gs-card__icon,.gs-benefit__ic,.gs-info-card__ic,.gs-step__num,.gs-check__ic{border-radius:6px;}
.gs-cta,.gs-dash,.gs-glass,.gs-phone__screen{border-radius:12px;}
.gs-eyebrow,.gs-badge-soft{border-radius:4px;}
.gs-int{border-radius:6px;}
.gs-newsletter__form input{border-radius:4px;}
.gs-social a{border-radius:6px;}

/* — HÉROS ACCUEIL : image plein cadre + voile noir dégradé (façon Uber) — */
.gs-hero{background:#000 url('//gtlys.fr/images/gtlys-backgound-1.webp') center/cover no-repeat;}
.gs-hero::before{content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(90deg,rgba(0,0,0,.94) 8%,rgba(0,0,0,.78) 48%,rgba(0,0,0,.42) 100%);}
@media (max-width:1024px){
  .gs-hero::before{background:linear-gradient(180deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.78) 100%);}
}

/* — Accent dégradé du logo sur les mots-clés — */
.gs-scope .gs-grad-text{
  background:linear-gradient(120deg,#2563EB,#3B82F6)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:#2563EB!important;
}
.gs-hero h1 .gs-grad-text,.gs-phero h1 .gs-grad-text{
  background:linear-gradient(120deg,#93C5FD,#60A5FA)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:#93C5FD!important;
}

/* — Eyebrows / labels : accent violet — */
.gs-eyebrow{color:#2563EB;background:#EAF1FE;border-color:#CFE0FB;}
.gs-hero .gs-eyebrow,.gs-phero .gs-eyebrow,.gs-section--deep .gs-eyebrow{
  color:#93C5FD;background:rgba(37,99,235,.14);border-color:rgba(147,197,253,.3);}

/* — Icônes : violet sur chip lavande — */
.gs-card__icon{background:#EAF1FE;border-color:#CFE0FB;color:#2563EB;}
.gs-benefit__ic,.gs-info-card__ic{background:#EAF1FE;color:#2563EB;}
.gs-int svg{color:#2563EB;}

/* — Coches, numéros d'étapes, avatars, stats : magenta/dégradé — */
.gs-check .gs-check__ic{background:rgba(37,99,235,.1);color:#2563EB;} /* .gs-check + classe : bat .gs-check span (0,1,1) */
.gs-section--deep .gs-check .gs-check__ic{background:rgba(147,197,253,.16);color:#93C5FD;}
.gs-section--deep .gs-check b{color:#fff;}
.gs-section--deep .gs-check b + span{color:#94A3B8;}
.gs-step__num{background:linear-gradient(135deg,#2563EB,#3B82F6);color:#fff;}
.gs-testi__av{background:linear-gradient(135deg,#2563EB,#3B82F6);}
.gs-stat__n{background:linear-gradient(120deg,#93C5FD,#60A5FA)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;}
.gs-product-link{color:#2563EB!important;}

/* — Nav / FAQ / formulaires : touches d'accent — */
.gs-nav a:hover,.gs-nav a.active{color:#2563EB;background:#EAF1FE;}
.gs-faq__q svg{color:#2563EB;}
.gs-faq__item.is-open{border-color:#2563EB;}
.gs-form input:focus,.gs-form textarea:focus,.gs-form select:focus{
  border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.15);}
.gs-form .wpcf7-submit{background:linear-gradient(135deg,#2563EB,#3B82F6);}
.gs-form .wpcf7-submit:hover{background:linear-gradient(135deg,#1D4ED8,#2563EB);}
.gs-footer ul a:hover{color:#93C5FD;}
.gs-social a:hover{background:linear-gradient(135deg,#2563EB,#3B82F6);}

/* — CTA header : dégradé du logo (repère de marque permanent) — */
.gs-header .gs-btn--primary,
.gs-header.is-transparent .gs-btn--primary{
  background:linear-gradient(135deg,#2563EB,#3B82F6);color:#fff;}
.gs-header .gs-btn--primary:hover,
.gs-header.is-transparent .gs-btn--primary:hover{
  background:linear-gradient(135deg,#1D4ED8,#2563EB);color:#fff;}
.gs-mobile-menu .gs-btn--primary{background:linear-gradient(135deg,#2563EB,#3B82F6);color:#fff;}

/* ============================================================================
   V4 — « MAQUETTE » : topbar + header sombre permanent, héros condensé,
   dashboard clair + téléphone, 6 cartes solution, pourquoi, barre de stats.
   ========================================================================== */

/* ------------------------------------------------ TOPBAR + HEADER SOMBRE */
.gs-topbar{background:#05080D;font-size:.78rem;}
.gs-topbar__inner{max-width:var(--maxw);margin:0 auto;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.gs-topbar__g{display:flex;align-items:center;gap:1.4rem;}
.gs-topbar a,.gs-header .gs-topbar a{color:#AEB6C2;display:inline-flex;align-items:center;gap:.45rem;transition:color .2s;}
.gs-topbar a:hover,.gs-header .gs-topbar a:hover{color:#fff;}
.gs-topbar svg{width:14px;height:14px;}
.gs-header{background:#0A0E15;border-bottom:1px solid rgba(255,255,255,.07);}
.gs-header.is-transparent,.gs-header.is-stuck{background:#0A0E15;backdrop-filter:none;-webkit-backdrop-filter:none;}
.gs-header.is-stuck{box-shadow:0 12px 32px rgba(0,0,0,.35);border-bottom-color:rgba(255,255,255,.08);}
.gs-header__inner{padding:12px 24px;}
.gs-logo img{height:54px;}
.gs-header .gs-nav a,.gs-header.is-transparent .gs-nav a{color:#C7CDD8;font-weight:600;font-size:.88rem;letter-spacing:.02em;text-transform:uppercase;border-radius:0;border-bottom:2px solid transparent;padding:.5rem .7rem;}
.gs-header .gs-nav a:hover,.gs-header.is-transparent .gs-nav a:hover{color:#fff;background:transparent;border-bottom-color:rgba(255,255,255,.4);}
.gs-header .gs-nav a.active,.gs-header.is-transparent .gs-nav a.active{color:#3B82F6;background:transparent;border-bottom-color:#3B82F6;}
.gs-header .gs-link-login,.gs-header.is-transparent .gs-link-login{color:#C7CDD8;}
.gs-burger span,.gs-header .gs-burger span{background:#fff;}
/* Bouton démo header : bleu plein, uppercase (maquette) */
.gs-header .gs-btn--primary,.gs-header.is-transparent .gs-btn--primary{
  background:#2563EB;color:#fff;border:none;
  text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:.8rem;}
.gs-header .gs-btn--primary:hover,.gs-header.is-transparent .gs-btn--primary:hover{
  background:#1D4ED8;color:#fff;}
body.gs-no-hero{padding-top:112px;}

/* ------------------------------------------------------------ HÉROS V4 */
.gs-hero{
  padding:170px 0 110px;
  background:
    radial-gradient(1000px 540px at 88% 8%, rgba(37,99,235,.28), transparent 62%),
    radial-gradient(700px 420px at 10% 110%, rgba(37,99,235,.12), transparent 60%),
    linear-gradient(180deg,#0A0E15 0%,#0B1020 55%,#0A0E15 100%);
}
.gs-hero::before{content:none;}
.gs-hero__inner{grid-template-columns:1fr 1.05fr;gap:3rem;}
.gs-hero .gs-eyebrow{background:transparent;border:none;padding:0;color:#5B8DEF;font-size:.85rem;letter-spacing:.16em;}
.gs-hero h1{
  font-family:'Barlow Condensed','Plus Jakarta Sans',sans-serif;font-weight:700;
  text-transform:uppercase;font-size:clamp(3rem,5.6vw,4.7rem);line-height:.97;letter-spacing:.005em;
  margin:.9rem 0 1.2rem;
}
.gs-hero h1 .gs-grad-text{background:none!important;-webkit-text-fill-color:#5B8DEF!important;color:#5B8DEF!important;}
.gs-hero__sub{font-size:1.02rem;color:#B9C1CD;max-width:480px;margin-bottom:1.4rem;}
.gs-hero__checks{display:flex;flex-wrap:wrap;gap:.65rem 1.5rem;margin-bottom:1.9rem;}
.gs-hero__checks span{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;color:#E2E6EC;}
.gs-hero__checks svg{width:17px;height:17px;color:#5B8DEF;flex-shrink:0;}
.gs-hero .gs-btn{text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:700;}
.gs-hero .gs-btn--primary{background:#2563EB;color:#fff;border:none;}
.gs-hero .gs-btn--primary:hover{background:#1D4ED8;color:#fff;}

/* ---------------------------------------------- DASHBOARD CLAIR + PHONE */
.gs-dash2-wrap{position:relative;}
.gs-dash2{
  display:grid;grid-template-columns:148px 1fr;background:#fff;border-radius:12px;overflow:hidden;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 44px 100px rgba(0,0,0,.6);
}
.gs-dash2__side{background:#0D1220;padding:14px 10px;}
.gs-dash2__side img{height:44px;width:auto;margin:2px auto 14px;display:block;}
.gs-dash2__item{font-size:.64rem;color:#8B93A1;padding:7px 10px;border-radius:6px;display:flex;align-items:center;gap:.5rem;margin-bottom:2px;white-space:nowrap;}
.gs-dash2__item svg{width:12px;height:12px;flex-shrink:0;}
.gs-dash2__item.on{background:#2563EB;color:#fff;}
.gs-dash2__main{padding:14px 16px;}
.gs-dash2__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.gs-dash2__head b{font-size:.8rem;color:#0D1B2E;font-family:'Plus Jakarta Sans',sans-serif;}
.gs-dash2__head span{font-size:.58rem;color:#7C8592;border:1px solid #E9ECF1;border-radius:6px;padding:3px 8px;}
.gs-dash2__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;}
.gs-kpi2{border:1px solid #E9ECF1;border-radius:8px;padding:9px 10px;}
.gs-kpi2 small{display:block;font-size:.52rem;color:#7C8592;margin-bottom:2px;}
.gs-kpi2 b{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.08rem;color:#0D1B2E;line-height:1;}
.gs-kpi2 i{display:block;font-style:normal;font-size:.5rem;color:#0FA968;margin-top:3px;}
.gs-dash2__body{display:grid;grid-template-columns:1.05fr 1fr;gap:8px;}
/* Téléphone superposé */
.gs-phone2{position:absolute;right:-24px;bottom:-34px;width:186px;background:#0B0F17;border-radius:24px;padding:7px;
  border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 80px rgba(0,0,0,.6);z-index:3;}
.gs-phone2__screen{background:#fff;border-radius:18px;overflow:hidden;}
.gs-phone2__top{background:#2563EB;color:#fff;padding:10px 12px;}
.gs-phone2__top small{font-size:.5rem;opacity:.8;display:block;}
.gs-phone2__top b{font-size:.66rem;font-family:'Plus Jakarta Sans',sans-serif;}
.gs-phone2__body{padding:10px 12px;}
.gs-phone2__body small{display:block;font-size:.48rem;color:#7C8592;margin-top:6px;}
.gs-phone2__body b{display:block;font-size:.56rem;color:#0D1B2E;}
.gs-phone2__sign{border:1px dashed #D8DDE5;border-radius:8px;margin-top:7px;padding:4px 8px;}
.gs-phone2__btn{display:block;background:#2563EB;color:#fff;text-align:center;font-size:.54rem;font-weight:700;border-radius:7px;padding:7px;margin-top:8px;}

/* --------------------------------------------- TITRE SOULIGNÉ (maquette) */
.gs-underline{position:relative;display:inline-block;padding-bottom:12px;}
.gs-underline::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:64px;height:3px;background:#2563EB;border-radius:2px;}

/* --------------------------------------------------- 6 CARTES SOLUTION */
.gs-solgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.gs-solcard{background:#fff;border:1px solid #E9ECF1;border-radius:10px;padding:24px 14px;text-align:center;
  transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;}
.gs-solcard:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(10,14,21,.08);border-color:#C9D2F5;}
.gs-solcard svg{width:34px;height:34px;color:#2563EB;margin:0 auto 14px;display:block;}
.gs-solcard h3{font-size:.9rem;margin-bottom:.45rem;}
.gs-solcard p{font-size:.76rem;color:var(--muted);line-height:1.55;}

/* --------------------------------------------------------- RESPONSIVE V4 */
@media (max-width:1200px){ .gs-solgrid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:1024px){
  .gs-hero__inner{grid-template-columns:1fr;}
  .gs-dash2-wrap{max-width:640px;margin:0 auto;}
  .gs-topbar__g--r{display:none;}
}
@media (max-width:640px){
  .gs-solgrid{grid-template-columns:1fr 1fr;}
  .gs-phone2{display:none;}
  .gs-dash2{grid-template-columns:1fr;}
  .gs-dash2__side{display:none;}
  .gs-topbar__mail{display:none;}
  body.gs-no-hero{padding-top:104px;}
  .gs-hero{padding:150px 0 80px;}
}

/* ============================================================================
   V5 — Couleurs exactes maquette : barre de stats SOMBRE, cartes « Pourquoi »
   CLAIRES/givrées à texte foncé, dividers navy.
   ========================================================================== */

/* — Footer : liens légaux du bas (maquette) — */
.gs-footer__bottom nav{display:flex;gap:1.4rem;flex-wrap:wrap;}
.gs-footer__bottom nav a{color:#64748B;}
.gs-footer__bottom nav a:hover{color:#94A3B8;}

/* Liens texte dans les sections premium.
   Spécificité (0,2,1) obligatoire : .gs-scope a:not(.gs-btn) (ligne ~69) écrase toute règle (0,2,0). */
.gs-scope a.gs-txtlink{color:#000;text-decoration:underline;text-underline-offset:2px;}
.gs-scope a.gs-txtlink:hover{color:#1D4ED8;}
.gs-scope .gs-section--deep a.gs-txtlink{color:#5B8DEF;}
/* Bloc texte SEO centré */
.gs-seo{max-width:820px;margin:0 auto;color:var(--ink-soft);font-size:1rem;line-height:1.85;}
.gs-seo p+p{margin-top:1rem;}
.gs-seo h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:2.4rem 0 .9rem;}
.gs-seo h3{font-size:1.15rem;margin:1.8rem 0 .6rem;}
.gs-seo ul{padding-left:1.3rem;margin-top:.8rem;display:flex;flex-direction:column;gap:.45rem;}

/* ============================================================================
   V6 — « MAQUETTE 2026-07-17 » : header pill, héros à dashboard SOMBRE +
   téléphone sombre, cartes fonctionnalités, carte performances 12 mois,
   téléphone app sombre, témoignages bleus, intégrations pills, FAQ + carte
   CTA côte à côte, bandeau pré-footer unique (gs-band) avec photo véhicule.
   ========================================================================== */

/* ------------------------------------------------------- HEADER (pill) */
.gs-header .gs-nav a,.gs-header.is-transparent .gs-nav a{
  text-transform:none;letter-spacing:0;font-size:.92rem;font-weight:500;
  border-bottom:none;padding:.5rem .75rem;}
.gs-header .gs-nav a:hover,.gs-header.is-transparent .gs-nav a:hover{color:#fff;border-bottom:none;}
.gs-header .gs-nav a.active,.gs-header.is-transparent .gs-nav a.active{color:#3B82F6;border-bottom:none;}
.gs-header .gs-btn--primary,.gs-header.is-transparent .gs-btn--primary{
  border-radius:999px;text-transform:none;letter-spacing:0;font-size:.86rem;padding:.62rem 1.35rem;}

/* Mot en bleu dans un titre (maquette) */
.gs-scope .gs-blue{color:#2563EB;}
.gs-scope .gs-section--deep .gs-blue,.gs-scope .gs-ctacard .gs-blue{color:#5B8DEF;}
.gs-hero h1 .gs-grad-text{-webkit-text-fill-color:#3B82F6!important;color:#3B82F6!important;}
.gs-h2--feat{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.25;}

/* Boutons arrondis « pill » sur tout le site (maquette V6) */
.gs-scope .gs-btn{border-radius:999px;}
.gs-form .wpcf7-submit{border-radius:999px;}

/* Section sombre en panneau arrondi inset (maquette : bloc Performances) */
.gs-section--rounded{border-radius:24px;overflow:hidden;
  width:min(var(--maxw),calc(100% - clamp(24px,4vw,64px)));margin-inline:auto;}

/* Zone claire contrastée arrondie (maquette : intégrations + FAQ/CTA) */
.gs-zone{background:#E9EFF7;border-radius:24px;overflow:hidden;
  width:min(var(--maxw),calc(100% - clamp(24px,4vw,64px)));margin-inline:auto;}
.gs-zone .gs-section{background:transparent;padding:60px 0 8px;}
.gs-zone .gs-section:last-child{padding:60px 0 68px;}
.gs-zone .gs-integrations{margin-top:2rem;}
.gs-zone .gs-int{border-color:#DCE4F0;}
.gs-zone .gs-faq__item{border-color:#DCE4F0;}

/* Checks du héros placés SOUS les boutons (maquette) */
.gs-hero__checks--after{margin:1.7rem 0 0;}
/* Coches en pastilles bleues pleines (maquette) */
.gs-hero__checks--after svg circle{fill:#2563EB;stroke:none;}
.gs-hero__checks--after svg path{stroke:#fff;}
/* Héros sombre : coins inférieurs arrondis (maquette) */
.gs-hero{border-radius:0 0 24px 24px;}

/* Coches bleues rondes pleines dans la section Performances (maquette) */
.gs-scope .gs-section--deep .gs-check__ic{background:#2563EB;color:#fff;border-radius:50%;width:24px;height:24px;}
.gs-scope .gs-section--deep .gs-check__ic svg{width:14px;height:14px;}

/* Motif pointillé décoratif derrière le téléphone mobile (maquette) */
.gs-scope .gs-split > div:has(.gs-phone--dark){position:relative;}
.gs-scope .gs-split > div:has(.gs-phone--dark)::before{content:"";position:absolute;
  inset:6% 4%;background-image:radial-gradient(circle,#C4D0E2 1.4px,transparent 1.6px);
  background-size:18px 18px;opacity:.6;z-index:0;pointer-events:none;}
.gs-phone--dark{position:relative;z-index:1;}

/* Header conforme maquette : pas de topbar utilitaire, header simple sur 1 rangée.
   (La topbar tél/e-mail/Assistance/Connexion n'apparaît pas dans la maquette ;
   le téléphone reste accessible dans le footer et les CTA. Réversible : retirer
   ce bloc pour réafficher la topbar.) */
.gs-topbar{display:none;}
body.gs-no-hero{padding-top:80px;}
.gs-hero{padding-top:124px;}

/* --------------------------------------------- DASHBOARD SOMBRE (héros) */
.gs-dash2.is-dark{background:#0D1626;border-color:rgba(255,255,255,.09);}
.gs-dash2.is-dark .gs-dash2__side{background:#0A1120;}
.gs-dash2.is-dark .gs-dash2__head b{color:#fff;}
.gs-dash2.is-dark .gs-dash2__head span{color:#8FA1BC;border-color:rgba(255,255,255,.12);}
.gs-dash2.is-dark .gs-kpi2{background:#101C30;border-color:rgba(255,255,255,.08);}
.gs-dash2.is-dark .gs-kpi2 small{color:#8FA1BC;}
.gs-dash2.is-dark .gs-kpi2 b{color:#fff;}
.gs-dash2.is-dark .gs-kpi2 i{color:#34D399;}
/* Carte « Livraisons » (courbe) + « Activité récente » */
.gs-line{border:1px solid rgba(255,255,255,.08);background:#101C30;border-radius:8px;padding:10px;min-height:158px;}
.gs-line__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:6px;}
.gs-line__head small{font-size:.6rem;font-weight:700;color:#C9D4E5;}
.gs-line__tabs{display:inline-flex;gap:4px;}
.gs-line__tabs b{font-size:.5rem;font-weight:600;background:#2563EB;color:#fff;border-radius:5px;padding:2px 8px;}
.gs-line__tabs i{font-style:normal;font-size:.5rem;color:#8FA1BC;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:2px 8px;}
.gs-act{border:1px solid rgba(255,255,255,.08);background:#101C30;border-radius:8px;padding:10px;}
.gs-act > small{display:block;font-size:.6rem;font-weight:700;color:#C9D4E5;margin-bottom:6px;}
.gs-act__row{display:flex;align-items:center;gap:.55rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06);}
.gs-act__row:last-of-type{border-bottom:none;}
.gs-act__row b{display:block;font-size:.58rem;color:#E7EDF6;}
.gs-act__row small{font-size:.5rem;color:#8FA1BC;}
.gs-act__dot{width:7px;height:7px;border-radius:50%;background:#3B82F6;flex-shrink:0;}
.gs-act__dot--wait{background:#64748B;}
.gs-act__all{display:inline-block;font-size:.54rem;font-weight:700;color:#fff;background:#2563EB;border-radius:6px;padding:5px 11px;margin-top:7px;}

/* ------------------------------------------ TÉLÉPHONE SOMBRE (héros) */
.gs-phone2.is-dark .gs-phone2__screen{background:#0D1626;}
.gs-phone2.is-dark .gs-phone2__top{background:#101C30;border-bottom:1px solid rgba(255,255,255,.06);}
.gs-phone2.is-dark .gs-phone2__top small{font-size:.62rem;font-weight:700;opacity:1;}
.gs-phone2.is-dark .gs-phone2__body{padding:8px 11px;}
.gs-phone2__map{border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;margin-top:7px;line-height:0;}

/* --------------------------------------- CARTE PERFORMANCES (12 mois) */
.gs-perfcard{padding:24px;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.11);}
.gs-perfcard__row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:start;margin-bottom:12px;}
.gs-perfcard__row .gs-kpi__v{font-size:1.35rem;margin-top:0;}
.gs-perfcard__row .gs-kpi__l{margin-top:4px;text-transform:none;letter-spacing:0;font-size:.72rem;color:#8FA1BC;}
.gs-perfcard .gs-kpi__v.cyan{color:#60A5FA;}
.gs-perfcard__range{font-size:.7rem;color:#C9D4E5;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:6px 11px;white-space:nowrap;}
.gs-perfcard__chart{margin-top:0;background:rgba(255,255,255,.03);}

/* --------------------------------------- TÉLÉPHONE APP MOBILE (sombre) */
.gs-phone--dark .gs-phone__screen{background:#0D1626;}
.gs-phone--dark .gs-app-top{background:#101C30;padding:32px 16px 12px;}
.gs-app-search{margin-top:10px;background:#0B1322;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 12px;font-size:.68rem;color:#8FA1BC;}
.gs-app-tabs{display:flex;gap:6px;margin-top:10px;}
.gs-app-tabs b{font-size:.62rem;font-weight:600;background:#2563EB;color:#fff;border-radius:999px;padding:4px 12px;}
.gs-app-tabs i{font-style:normal;font-size:.62rem;color:#8FA1BC;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 12px;}
.gs-phone--dark .gs-app-row{background:#101C30;border-color:rgba(255,255,255,.08);box-shadow:none;justify-content:space-between;}
.gs-phone--dark .gs-app-row b{color:#E7EDF6;}
.gs-phone--dark .gs-app-row span{color:#8FA1BC;}
.gs-phone--dark .gs-app-row > svg{width:16px;height:16px;color:#5B8DEF;flex-shrink:0;}
.gs-app-nav{display:flex;justify-content:space-around;border-top:1px solid rgba(255,255,255,.08);padding:10px 6px 16px;background:#0B1322;}
.gs-app-nav span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.58rem;color:#8FA1BC;}
.gs-app-nav svg{width:16px;height:16px;}
.gs-app-nav span.on{color:#3B82F6;}

/* --------------------------------------------------- TÉMOIGNAGES bleus */
.gs-testi__stars{color:#2563EB;}
.gs-testi__av{background:#2563EB;}

/* --------------------------------------------------- INTÉGRATION Stripe */
.gs-int--stripe{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:#0D1B2E;}

/* -------------------------------------------- FAQ + CARTE CTA (2 col.) */
/* Colonnes de hauteur égale : la carte CTA s'étire sur la hauteur de la FAQ */
.gs-faqwrap{display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;align-items:stretch;}
.gs-faqwrap__title{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-top:.9rem;}
.gs-faqwrap .gs-faq{margin:1.6rem 0 0;max-width:none;}

/* Panneau blanc arrondi autour de la FAQ (demande client), version compacte */
.gs-faqpanel{background:#fff;border-radius:24px;padding:clamp(20px,2.2vw,30px);
  box-shadow:0 10px 34px rgba(13,27,46,.06);}
.gs-faqwrap .gs-faqpanel .gs-faq{margin-top:1.1rem;}
/* Items en gris très clair pour ressortir sur le panneau blanc */
.gs-zone .gs-faqpanel .gs-faq__item{background:#F7FAFD;border-color:#E4EAF3;border-radius:12px;margin-bottom:9px;}
.gs-zone .gs-faqpanel .gs-faq__item:last-child{margin-bottom:0;}
.gs-zone .gs-faqpanel .gs-faq__item.is-open{background:#fff;border-color:#BFD3F7;box-shadow:0 8px 24px rgba(37,99,235,.08);}
.gs-faqpanel .gs-faq__q{padding:.78rem 1.15rem;font-size:.93rem;color:#0D1B2E;}
.gs-faqpanel .gs-faq__q svg{width:19px;height:19px;color:#2563EB;}
.gs-faqpanel .gs-faq__a-inner{padding:0 1.15rem .95rem;}
.gs-ctacard{position:relative;background:linear-gradient(135deg,#0D1B2E 0%,#0B1322 100%);
  border-radius:24px;padding:clamp(28px,3vw,44px);color:#E2E8F0;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;}
/* Texture discrète en diagonale (motif de la maquette), purement décorative */
.gs-ctacard::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:repeating-linear-gradient(58deg,rgba(96,165,250,.09) 0 1px,transparent 1px 34px),
                   repeating-linear-gradient(-58deg,rgba(96,165,250,.07) 0 1px,transparent 1px 46px);}
.gs-ctacard > *{position:relative;z-index:1;}
/* Rangée du haut : icône ronde à gauche, titre à droite.
   Le paragraphe, les boutons et la mention restent alignés sur le bord gauche. */
.gs-ctacard__top{display:flex;align-items:center;gap:clamp(18px,2.4vw,30px);margin-bottom:1.5rem;}
.gs-ctacard__top h2{margin-bottom:0;}
.gs-ctacard__text{color:#94A3B8;font-size:.98rem;line-height:1.7;margin-bottom:1.9rem;}
.gs-ctacard__ic{width:clamp(76px,7vw,104px);height:clamp(76px,7vw,104px);border-radius:50%;
  background:#1D5BE8;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;}
.gs-ctacard__ic svg{width:52%;height:52%;}
.gs-ctacard h2{color:#fff;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2;margin-bottom:.9rem;}
.gs-ctacard p{color:#94A3B8;font-size:.98rem;line-height:1.7;margin-bottom:0; padding: 1em 0;}
/* Boutons : deux colonnes égales sur toute la largeur de la carte */
.gs-ctacard__btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;}
.gs-ctacard__btns .gs-btn{width:100%;}
.gs-ctacard .gs-btn--primary{background:#2563EB;color:#fff;border:none;}
.gs-ctacard .gs-btn--primary:hover{background:#1D4ED8;color:#fff;}
.gs-ctacard__note{margin-top:1.3rem;font-size:.8rem;color:#64748B;}

/* --------------------------- BANDEAU PRÉ-FOOTER (photo véhicule fondue) */
.gs-band{position:relative;overflow:hidden;padding:64px 0;
  background:linear-gradient(100deg,#05080D 0%,#0A1220 55%,#0D1B2E 100%);}
.gs-band__photo{position:absolute;top:0;right:0;bottom:0;width:34%;
  background:url('//gtlys.fr/images/coursier-camionnette-livraison.webp') center right/cover no-repeat;}
.gs-band__photo::before{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,#080F1B 0%,rgba(8,15,27,.78) 40%,rgba(8,15,27,.28) 100%);}
.gs-band .gs-container{position:relative;z-index:2;max-width:none;padding:0 clamp(24px,4vw,80px);}
.gs-band__grid{display:grid;grid-template-columns:minmax(260px,330px) 1fr;gap:3rem;align-items:center;
  padding-right:clamp(0px,12vw,240px);}
.gs-band__intro h2{color:#fff;font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.2;}
.gs-band__intro p{color:#94A3B8;font-size:.92rem;line-height:1.7;margin-top:.8rem;}
.gs-band .gs-btn--primary{margin-top:1.4rem;background:#2563EB;color:#fff;border:none;border-radius:999px;
  text-transform:none;letter-spacing:0;font-size:.88rem;font-weight:700;}
.gs-band .gs-btn--primary:hover{background:#1D4ED8;color:#fff;}
.gs-band__items{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.gs-band__item{text-align:center;}
.gs-band__ic{width:58px;height:58px;border-radius:16px;background:rgba(37,99,235,.16);
  border:1px solid rgba(59,130,246,.35);color:#5B8DEF;display:flex;align-items:center;justify-content:center;
  margin:0 auto .7rem;}
.gs-band__ic svg{width:28px;height:28px;}
.gs-band__item b{display:block;color:#fff;font-size:.92rem;font-family:'Plus Jakarta Sans',sans-serif;}
.gs-band__item small{display:block;color:#8FA1BC;font-size:.76rem;margin-top:.25rem;}

/* ------------------------------------- ONGLETS LATÉRAUX FIXES (conversion)
   Texte réel pivoté par writing-mode (pas d'image, reste sélectionnable).
   Spécificité (0,2,1) obligatoire sur les liens : .gs-scope a:not(.gs-btn)
   (ligne ~69) écraserait sinon la couleur (body porte la classe .gs-scope). */
.gs-sidecta{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:900;
  display:flex;flex-direction:column;gap:10px;}
.gs-sidecta a.gs-sidecta__link{
  writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;gap:11px;
  padding:20px 13px;border-radius:12px 0 0 12px;color:#fff;font-weight:700;font-size:.86rem;
  box-shadow:0 12px 32px rgba(8,15,27,.3);transition:background-color .2s,padding-right .2s;}
.gs-sidecta a.gs-sidecta__link svg{width:20px;height:20px;flex-shrink:0;}
/* Palette identitaire GTLYS : bleu + encre. Pas de vert (hors identité). */
.gs-sidecta a.gs-sidecta__link--demo{background:#2563EB;}
.gs-sidecta a.gs-sidecta__link--demo:hover{background:#1D4ED8;color:#fff;padding-right:17px;}
.gs-sidecta a.gs-sidecta__link--tel{background:#0D1B2E;}
.gs-sidecta a.gs-sidecta__link--tel:hover{background:#1F2937;color:#fff;padding-right:17px;}
.gs-sidecta a.gs-sidecta__link:focus-visible{outline:3px solid #fff;outline-offset:-4px;}
/* Mobile : les onglets latéraux deviennent une barre fixe en bas d'écran.
   Le body réserve la hauteur de la barre pour ne pas masquer la fin du footer
   (+ safe-area iOS pour la barre d'accueil). */
@media (max-width:640px){
  .gs-sidecta{
    top:auto;bottom:0;left:0;right:0;transform:none;
    flex-direction:row;gap:0;box-shadow:0 -8px 26px rgba(8,15,27,.28);
    padding-bottom:env(safe-area-inset-bottom,0px);}
  .gs-sidecta a.gs-sidecta__link{
    writing-mode:horizontal-tb;flex:1 1 0;min-width:0;
    border-radius:0;padding:15px 10px;gap:9px;font-size:.85rem;box-shadow:none;}
  /* Filet de séparation : garde les 2 moitiés lisibles au-dessus du footer sombre */
  .gs-sidecta a.gs-sidecta__link--tel{box-shadow:inset 1px 0 0 rgba(255,255,255,.16);}
  .gs-sidecta a.gs-sidecta__link--demo:hover,
  .gs-sidecta a.gs-sidecta__link--tel:hover{padding-right:10px;}
  .gs-sidecta a.gs-sidecta__link svg{width:18px;height:18px;}
  body{padding-bottom:calc(52px + env(safe-area-inset-bottom,0px));}
}
@media print{ .gs-sidecta{display:none;} }

/* ---------------------------------------------------------- RESPONSIVE V6 */
@media (max-width:1200px){
  .gs-band__grid{padding-right:0;}
}
@media (max-width:1024px){
  .gs-faqwrap{grid-template-columns:1fr;}
  .gs-band__grid{grid-template-columns:1fr;gap:2.2rem;}
  .gs-band__photo{width:100%;}
  .gs-band__photo::before{background:rgba(8,15,27,.92);}
  .gs-band__items{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .gs-hero__checks--after{gap:.5rem 1rem;}
  .gs-perfcard__row{grid-template-columns:1fr 1fr;}
  .gs-perfcard__range{display:none;}
  .gs-ctacard{padding:32px 24px;}
  /* En colonne, align-items:center centrerait l'icône : on force le bord gauche */
  .gs-ctacard__top{flex-direction:column;align-items:flex-start;gap:16px;}
  .gs-ctacard__btns{grid-template-columns:1fr;}
  .gs-band__items{gap:14px;}
  /* Calage header sans topbar (maquette) */
  .gs-hero{padding-top:104px;}
  body.gs-no-hero{padding-top:72px;}
}