/* ShareWin - Layout */
/* ── TOKENS ── */
:root{
  --g:#085C34;--gm:#0A7242;--gl:#10B981;
  --y:#FFD200;--yd:#D4A900;
  --bg:#F8FAFC;--bg2:#EEF2F7;--w:#fff;
  --tx:#0F172A;--txm:#334155;--mu:#64748B;
  --bd:rgba(15,23,42,.08);
  --r:14px;--rl:22px;
  --fd:'Poppins',sans-serif;--fb:'Poppins',sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--bg);color:var(--tx);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;object-fit:cover}
a{text-decoration:none;color:inherit}
button{font-family:var(--fb);cursor:pointer;border:none}
.ctn{max-width:1160px;margin:0 auto;padding:0 40px}
.sec{padding:80px 0}
.ew{font-family:var(--fd);font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--g);display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}
.ew::before{content:'';display:block;width:16px;height:2.5px;background:var(--y);border-radius:2px}
.h2{font-family:var(--fd);font-size:clamp(26px,3.5vw,44px);font-weight:800;line-height:1.1;letter-spacing:-0.8px;color:var(--tx)}
.sub{font-size:15px;color:var(--mu);line-height:1.7;margin-top:10px;max-width:520px}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:14px;font-weight:600;padding:12px 24px;border-radius:10px;transition:all .2s;white-space:nowrap;border:none;cursor:pointer}
.btn-g{background:var(--g);color:#fff;box-shadow:0 4px 18px rgba(8,92,52,.22)}
.btn-g:hover{background:var(--gm);transform:translateY(-2px)}
.btn-y{background:var(--y);color:var(--g);font-weight:700}
.btn-y:hover{background:var(--yd);color:#fff;transform:translateY(-2px)}
.btn-ow{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.btn-ow:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-og{background:transparent;color:var(--g);border:1.5px solid var(--g);font-size:13px;padding:9px 18px}
.btn-og:hover{background:var(--g);color:#fff}
.btn-sm{padding:9px 18px;font-size:13px;border-radius:9px}
.btn-lg{padding:15px 32px;font-size:15px;border-radius:12px}

/* ── TICKER — épuré, sobre ── */
.sw-tk{
  height:40px;
  background:#052B18;
  border-bottom:1px solid rgba(255,210,0,.15);
  display:flex;align-items:center;overflow:hidden;
  position:fixed;top:0;left:0;right:0;z-index:210;
}
.sw-tk::before,.sw-tk::after{
  content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;
}
.sw-tk::before{left:0;background:linear-gradient(to right,#052B18 60%,transparent)}
.sw-tk::after{right:0;background:linear-gradient(to left,#052B18 60%,transparent)}
.tk-live{
  display:flex;align-items:center;gap:7px;
  padding:0 18px 0 16px;flex-shrink:0;
  border-right:1px solid rgba(255,255,255,.08);
  height:100%;position:relative;z-index:3;
}
.tk-dot{
  width:5px;height:5px;border-radius:50%;
  background:var(--y);animation:tdot 1.8s ease infinite;
}
@keyframes tdot{0%,100%{opacity:1}50%{opacity:.2}}
.tk-label{
  font-size:8px;font-weight:700;letter-spacing:3px;
  text-transform:uppercase;color:var(--y);opacity:.9;
}
.tk-scroll{overflow:hidden;flex:1;height:100%}
.tk-inner{
  display:flex;align-items:center;height:100%;
  animation:tscroll 60s linear infinite;
  width:max-content;
}
.tk-inner:hover{animation-play-state:paused}
@keyframes tscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.tk-entry{
  display:inline-flex;align-items:center;gap:9px;
  padding:0 22px;height:100%;
  font-size:11.5px;font-weight:400;
  color:rgba(255,255,255,.65);
  flex-shrink:0;
}
.tk-entry .ti{font-size:13px;color:rgba(255,210,0,.7);flex-shrink:0}
.tk-entry-txt{white-space:nowrap}
.tk-entry-amount{font-family:var(--fd);font-weight:700;color:rgba(255,255,255,.9);font-size:12px}
.tk-sep{
  width:1px;height:16px;
  background:rgba(255,255,255,.1);
  flex-shrink:0;
}

/* ── BOUTON APK DANS LE TICKER ── */
.tk-app-cta{
  flex-shrink:0;
  display:inline-flex;align-items:center;gap:5px;
  background:var(--y);color:var(--g);
  padding:4px 12px;border-radius:20px;
  font-size:11px;font-weight:800;
  white-space:nowrap;text-decoration:none;
  margin-right:10px;
  animation:tkAppPulse 3s ease-in-out infinite;
  border:1.5px solid rgba(255,210,0,.5);
}
.tk-app-cta:hover{background:#ffe033;transform:scale(1.04)}
@keyframes tkAppPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,210,0,.5)}
  50%{box-shadow:0 0 0 6px rgba(255,210,0,0)}
}

/* ── FAB MOBILE APP (bottom fixed) ── */
.mob-app-fab{
  display:none;
  position:fixed;bottom:20px;left:50%;transform:translateX(-50%);
  z-index:999;
  background:var(--g);color:#fff;
  padding:13px 28px;border-radius:40px;
  font-size:14px;font-weight:700;
  text-decoration:none;
  align-items:center;gap:8px;
  box-shadow:0 8px 30px rgba(8,92,52,.4);
  animation:fabIn .5s cubic-bezier(.34,1.56,.64,1) both;
  border:2px solid var(--y);
}
.mob-app-fab .ti-brand-android{font-size:18px;color:var(--y)}
@keyframes fabIn{from{opacity:0;transform:translateX(-50%) translateY(30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@media(max-width:900px){.mob-app-fab{display:inline-flex}}
@media(max-width:480px){.mob-app-fab{font-size:13px;padding:11px 20px;bottom:16px}}
/* Cacher le FAB sur la page de téléchargement --*/
.page-telecharger .mob-app-fab{display:none!important}

/* ── NAVBAR ── */
/* Toujours claire avec texte foncé — lisible quel que soit le fond derrière
   (transparent + texte blanc au scroll causait un texte invisible sur fond blanc) */
.sw-nav{
  position:fixed;top:40px;left:0;right:0;z-index:200;
  padding:12px 40px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
  box-shadow:0 1px 0 var(--bd),0 4px 16px rgba(0,0,0,.04);
  transition:all .3s;
}
.sw-nav .nav-links a{color:var(--txm);font-size:13px;font-weight:500;padding:7px 13px;border-radius:8px;transition:all .2s}
.sw-nav .nav-links a:hover,.sw-nav .nav-links a.active{color:var(--g);background:rgba(8,92,52,.06)}
.sw-nav .nav-links a.active{font-weight:700}
/* Scrolled — ombre/flou plus marqués */
.sw-nav.scrolled{
  padding:10px 40px;
  background:rgba(248,250,252,.97);
  backdrop-filter:blur(20px);
  box-shadow:0 1px 0 var(--bd),0 4px 20px rgba(0,0,0,.05);
}
/*
 * Logo nav: logo-sharewin-nav.png — version recadrée 1634×539px
 * (marque sans sous-titre, ~30px de padding transparent autour)
 * height:48px → logo visible ~40px haut × ~145px large
 */
.nav-logo{
  flex-shrink:0;
  animation:logoNavIn .8s cubic-bezier(.34,1.56,.64,1) both;
  border-radius:14px;
  padding:0;
  transition:background .3s,padding .3s;
}
.nav-logo a{display:block;line-height:0}
.nav-logo img{
  display:block;
  height:42px;width:auto;
  transition:transform .3s;
}
.nav-logo:hover{background:rgba(8,92,52,.06);padding:5px 10px}
.nav-logo:hover img{transform:scale(1.05)}
@keyframes logoNavIn{
  from{opacity:0;transform:translateX(-14px)}
  to{opacity:1;transform:translateX(0)}
}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-cta{display:flex;align-items:center;gap:8px}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;padding:6px;border:none}
.nav-burger span{display:block;width:20px;height:2px;background:var(--tx);border-radius:2px;transition:background .3s}
/* Bouton App Android — CTA téléchargement frappant */
.nav-app-link{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--y);
  border:1.5px solid var(--y);
  border-radius:10px;padding:7px 14px;
  color:var(--g);
  text-decoration:none;
  transition:all .2s;
  position:relative;overflow:hidden;
  box-shadow:0 2px 12px rgba(255,210,0,.4);
  animation:appBtnPulse 2.5s ease-in-out 2s infinite;
}
.nav-app-link .ti-brand-android{font-size:18px;flex-shrink:0}
.nav-app-txt{display:flex;flex-direction:column;line-height:1.2}
.nav-app-txt-top{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.75}
.nav-app-txt-bot{font-size:12px;font-weight:800}
.nav-app-link:hover{background:var(--yd);border-color:var(--yd);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,210,0,.5)}
.nav-app-link::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:navAppShine 3s ease-in-out 2s infinite}
@keyframes appBtnPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,210,0,0)}50%{box-shadow:0 0 0 6px rgba(255,210,0,.15)}}
@keyframes navAppShine{0%{left:-100%}100%{left:200%}}
/* Bouton connexion */
.btn-nav-login{
  background:transparent;color:var(--g);
  border:1px solid var(--g);
  font-size:13px;padding:8px 18px;border-radius:9px;
  transition:all .2s;
}
.btn-nav-login:hover{background:var(--g);color:#fff}

/* PAGE HERO (bandeau vert sous-pages) */
.page-hero{
  background:var(--g);padding:70px 0 60px;
  position:relative;overflow:hidden;
}
.page-hero::after{
  content:'';position:absolute;bottom:-70px;right:-70px;
  width:280px;height:280px;border-radius:50%;
  background:rgba(255,210,0,.05);pointer-events:none;
}
/* Layout page-hero avec Lottie optionnel */
.page-hero-inner{
  display:flex;align-items:center;
  justify-content:space-between;gap:32px;
}
.page-hero-text{flex:1;min-width:0}
.page-hero-lottie{
  flex-shrink:0;width:220px;height:220px;
  opacity:.92;
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.2));
}
.page-hero-lottie lottie-player{width:100%;height:100%}
@media(max-width:768px){.page-hero-lottie{display:none}}
.page-hero-ew{
  font-family:var(--fd);font-size:9.5px;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;
  color:rgba(255,255,255,.3);
  display:flex;align-items:center;gap:8px;margin-bottom:14px;
}
.page-hero-ew::before{content:'';display:block;width:14px;height:2px;background:var(--y);border-radius:2px}
.page-hero h1{font-family:var(--fd);font-size:clamp(26px,4vw,50px);font-weight:800;color:#fff;letter-spacing:-0.8px;line-height:1.12;margin-bottom:12px}
.page-hero h1 span{color:var(--y)}
.page-hero p{font-size:14.5px;color:rgba(255,255,255,.45);max-width:480px;line-height:1.75}
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.3);margin-bottom:22px}
.breadcrumb a{color:rgba(255,255,255,.45);transition:color .2s}
.breadcrumb a:hover{color:#fff}
.breadcrumb .ti{font-size:10px}

/* ── FOOTER SHAREWIN ── */
.sw-footer{
  background:#052B18;
  position:relative;overflow:hidden;
  /* Motif géométrique CSS unique — grille diagonale légère */
  background-image:
    repeating-linear-gradient(
      -55deg,
      transparent,
      transparent 28px,
      rgba(255,210,0,.018) 28px,
      rgba(255,210,0,.018) 29px
    ),
    repeating-linear-gradient(
      35deg,
      transparent,
      transparent 40px,
      rgba(255,255,255,.012) 40px,
      rgba(255,255,255,.012) 41px
    );
}
/* Filet jaune en haut du footer */
.sw-footer::before{
  content:'';position:absolute;top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,transparent 0%,var(--y) 20%,var(--y) 80%,transparent 100%);
}
/* Watermark "SW" en grand dans le fond */
.sw-footer::after{
  content:'SW';
  position:absolute;right:-40px;bottom:-60px;
  font-family:var(--fd);font-size:320px;font-weight:900;
  color:rgba(255,255,255,.018);line-height:1;
  pointer-events:none;user-select:none;
  letter-spacing:-20px;
}

/* Bandeau APP (haut du footer) */
.footer-app{
  border-bottom:1px solid rgba(255,255,255,.07);
  padding:32px 0;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;
  position:relative;z-index:1;
}
.footer-app-left{display:flex;align-items:center;gap:16px}
.footer-app-icon{
  width:50px;height:50px;border-radius:14px;
  background:rgba(255,210,0,.12);border:1px solid rgba(255,210,0,.25);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;color:var(--y);flex-shrink:0;
}
.footer-app-t{font-size:16px;font-weight:800;color:#fff;line-height:1.2}
.footer-app-s{font-size:11.5px;color:rgba(255,255,255,.38);margin-top:3px}
.footer-app-btn{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--y);color:var(--g);
  font-weight:800;font-size:13px;
  padding:12px 22px;border-radius:11px;
  transition:all .2s;white-space:nowrap;flex-shrink:0;
}
.footer-app-btn:hover{background:#fff;transform:translateY(-2px)}
.footer-app-btn .ti{font-size:17px}

/* Corps principal du footer */
.footer-body{
  display:grid;
  grid-template-columns:1.9fr 1fr 1fr 1.2fr;
  gap:48px;
  padding:44px 0 36px;
  position:relative;z-index:1;
}
/* Colonne marque */
.footer-brand-col{}
.footer-logo{margin-bottom:16px;display:flex;align-items:center;gap:10px}
.footer-logo img{height:52px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,210,0,.25))}
.footer-logo-name{
  font-family:var(--fd);font-size:21px;font-weight:900;
  color:#fff;letter-spacing:-0.5px;line-height:1;
}
.footer-logo-name span{color:var(--y)}
.footer-about{font-size:12px;line-height:1.9;color:rgba(255,255,255,.35);max-width:240px;margin-bottom:22px}

/* Réseaux sociaux */
.footer-socials{display:flex;gap:8px;flex-wrap:wrap}
.fsoc{
  width:38px;height:38px;border-radius:10px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  font-size:16px;color:rgba(255,255,255,.45);
  transition:all .2s;
}
.fsoc:hover{background:var(--y);border-color:var(--y);color:#052B18;transform:translateY(-3px)}

/* Colonnes liens */
.fc-title{
  font-size:8.5px;font-weight:800;letter-spacing:2.5px;
  text-transform:uppercase;
  color:var(--y);opacity:.6;
  margin-bottom:16px;
  display:flex;align-items:center;gap:6px;
}
.fc-title::before{
  content:'';display:block;
  width:12px;height:2px;
  background:var(--y);border-radius:2px;opacity:.6;
}
.fc-links{display:flex;flex-direction:column;gap:9px}
.fc-links a{
  font-size:12.5px;color:rgba(255,255,255,.42);
  transition:all .2s;display:flex;align-items:center;gap:6px;
}
.fc-links a::before{
  content:'';display:inline-block;width:4px;height:4px;
  border-radius:50%;background:rgba(255,210,0,.4);
  flex-shrink:0;transition:background .2s;
}
.fc-links a:hover{color:#fff;padding-left:4px}
.fc-links a:hover::before{background:var(--y)}

/* Colonne contact */
.fc-contact{display:flex;flex-direction:column;gap:11px}
.fc-ci{
  display:flex;align-items:flex-start;gap:10px;
  font-size:12px;color:rgba(255,255,255,.42);line-height:1.55;
}
.fc-ci-icon{
  width:28px;height:28px;border-radius:8px;
  background:rgba(255,255,255,.05);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;color:var(--gl);flex-shrink:0;
  margin-top:1px;
}

/* Barre de bas du footer */
.footer-bot{
  border-top:1px solid rgba(255,255,255,.07);
  padding:18px 0;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px;
  position:relative;z-index:1;
}
.footer-copy{
  font-size:11px;color:rgba(255,255,255,.22);
  display:flex;align-items:center;gap:8px;
}
.footer-copy-dot{
  width:3px;height:3px;border-radius:50%;
  background:var(--y);opacity:.5;
}
.footer-legal{display:flex;gap:16px}
.footer-legal a{font-size:11px;color:rgba(255,255,255,.2);transition:color .2s}
.footer-legal a:hover{color:rgba(255,255,255,.6)}

/* MOBILE MENU */
.mob-menu{position:fixed;inset:0;background:var(--w);z-index:300;padding:70px 32px 32px;display:flex;flex-direction:column;gap:4px;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.mob-menu.open{transform:translateX(0)}
.mob-menu a{font-family:var(--fd);font-size:19px;font-weight:700;color:var(--tx);padding:11px 0;border-bottom:1px solid var(--bd);display:block}
.mob-close{position:absolute;top:18px;right:18px;background:var(--bg);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;color:var(--tx)}

/* RESPONSIVE */
@media(max-width:768px){
  .ctn{padding:0 20px}
  .sec{padding:60px 0}
  .sw-nav{padding:11px 20px}
  .sw-nav.scrolled{padding:10px 20px}
  .nav-links,.nav-cta{display:none}
  .nav-burger{display:flex}
  .footer-app{flex-direction:column;align-items:flex-start;gap:14px}
  .footer-body{grid-template-columns:1fr}
  .footer-bot{flex-direction:column;align-items:flex-start;gap:8px}
  .page-hero{padding:80px 0 48px}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ══════════════════════════════════════════════════════════
   SW2 — Refonte site public (import Claude Design)
   Polices : Manrope (titres) + Inter (texte) + Material Symbols (icônes)
   Palette exacte de la maquette (proche mais distincte de --g/--y d'origine)
   ══════════════════════════════════════════════════════════ */
:root{
  --sw2-green:#158A42; --sw2-green-btn:#0F6B34; --sw2-green-dark:#0D3D22; --sw2-green-deep:#0F5C2E;
  --sw2-yellow:#FFD200; --sw2-yellow-alt:#FFC400;
  --sw2-ink:#16241D; --sw2-ink2:#14261C; --sw2-muted:#6B7B72; --sw2-muted2:#7A8A82; --sw2-border:#EEF1EF; --sw2-border2:#E2E7E4;
  --sw2-bg-soft:#F7FAF8; --sw2-tint-green:#E4F5EA; --sw2-tint-yellow:#FFF6D6;
}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:24px;line-height:1;display:inline-block}

/* ── Header ── */
.sw2-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--sw2-border);font-family:'Inter',system-ui,sans-serif}
.sw2-header-inner{max-width:1400px;margin:0 auto;padding:16px 40px;display:flex;align-items:center;gap:28px}
.sw2-logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.sw2-logo .material-symbols-outlined{font-size:28px;color:var(--sw2-green)}
.sw2-logo-txt{font-family:'Manrope';font-weight:800;font-size:24px;letter-spacing:-.03em;color:var(--sw2-green-deep)}
.sw2-logo-txt em{color:var(--sw2-yellow-alt);font-style:normal}
.sw2-menu{display:flex;align-items:center;gap:26px;margin:0 auto;flex-wrap:wrap}
.sw2-menu a{font-size:14px;font-weight:500;color:#3C4B43;white-space:nowrap;text-decoration:none;transition:color .15s}
.sw2-menu a:hover,.sw2-menu a.active{color:var(--sw2-green)}
.sw2-menu a.active{font-weight:700}
.sw2-menu a.sw2-soon{opacity:.5;cursor:default}
.sw2-menu a.sw2-soon:hover{color:#3C4B43}
.sw2-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.sw2-icon-btn{width:40px;height:40px;border:1px solid var(--sw2-border2);border-radius:11px;display:flex;align-items:center;justify-content:center;color:#4A5A51;transition:border-color .15s}
.sw2-icon-btn:hover{border-color:var(--sw2-green)}
.sw2-btn-outline{padding:11px 20px;border:1px solid var(--sw2-border2);border-radius:11px;font-size:14px;font-weight:600;color:var(--sw2-ink);white-space:nowrap;transition:.15s}
.sw2-btn-outline:hover{border-color:var(--sw2-green);color:var(--sw2-green)}
.sw2-btn-primary{display:flex;align-items:center;gap:8px;padding:11px 20px;background:var(--sw2-green-btn);color:#fff;border-radius:11px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s}
.sw2-btn-primary:hover{background:var(--sw2-green-dark);color:#fff}
.sw2-btn-primary .material-symbols-outlined{font-size:18px}

/* ── Ticker ── */
.sw2-ticker{background:var(--sw2-green-dark);overflow:hidden;padding:9px 0}
.sw2-ticker-track{display:flex;gap:42px;width:max-content;animation:swTicker 30s linear infinite}
.sw2-ticker-item{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#E4F1E9;white-space:nowrap}
.sw2-ticker-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}

/* ── Footer ── */
.sw2-footer{background:var(--sw2-green-dark);padding:48px 0 24px;font-family:'Inter',system-ui,sans-serif}
.sw2-footer-inner{max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.sw2-logo-dark .sw2-logo-txt{color:#fff}
.sw2-logo-dark .material-symbols-outlined{color:var(--sw2-yellow)}
.sw2-footer-brand p{font-size:13.5px;color:#A9C4B5;line-height:1.6;margin:12px 0 0;max-width:260px}
.sw2-footer-socials{display:flex;gap:9px;margin-top:16px}
.sw2-footer-socials a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s}
.sw2-footer-socials a:hover{background:rgba(255,255,255,.2);color:#fff}
.sw2-footer-col{display:flex;flex-direction:column;gap:11px}
.sw2-footer-title{font-size:12px;font-weight:700;letter-spacing:.07em;color:var(--sw2-yellow);margin-bottom:5px}
.sw2-footer-col a,.sw2-footer-col span{font-size:13.5px;color:#C9DED3;text-decoration:none;transition:color .15s}
.sw2-footer-col a:hover{color:#fff}
.sw2-footer-col a.sw2-soon{opacity:.55;cursor:default}
.sw2-footer-bottom{max-width:1400px;margin:30px auto 0;padding:20px 40px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sw2-footer-bottom,.sw2-footer-bottom div{font-size:12.5px;color:#8FAE9D}
.sw2-footer-legal{display:flex;gap:22px}
.sw2-footer-legal a{color:#8FAE9D;text-decoration:none}
.sw2-footer-legal a:hover{color:#fff}

@media(max-width:1024px){
  .sw2-menu{display:none}
  .sw2-header-right .sw2-btn-outline{display:none}
  .sw2-footer-inner{grid-template-columns:1fr 1fr;gap:32px 20px}
}
@media(max-width:640px){
  .sw2-header-inner{padding:14px 20px}
  .sw2-footer-inner{grid-template-columns:1fr;padding:0 20px}
  .sw2-footer-bottom{padding:20px 20px 0;flex-direction:column;align-items:flex-start;gap:10px}
}

/* ══════════════════════════════════════════
   SW2 — Keyframes (oubliées lors du portage initial de la maquette,
   d'où l'absence totale d'animation malgré les règles "animation:" posées)
   ══════════════════════════════════════════ */
@keyframes swUp    { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@keyframes swPop    { 0% { transform:scale(.9); opacity:0; } 60% { transform:scale(1.03); } 100% { transform:scale(1); opacity:1; } }
@keyframes swFloat  { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@keyframes swTicker { from { transform:translateX(0); } to { transform:translateX(-50%); } }