/* WebPixie — styles for the pure-HTML legal pages (no React, CSS-only animations) */

.lg-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:16px clamp(18px,4vw,48px);
  background:rgba(37,35,47,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.lg-header img{height:42px;width:auto;display:block;}
.lg-nav{display:flex;align-items:center;gap:clamp(14px,2vw,28px);flex-wrap:wrap;}
.lg-nav a{
  font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--fg-on-dark-muted);
  transition:color .2s var(--ease-out);
}
.lg-nav a:hover,.lg-nav a[aria-current="page"]{color:var(--lime-400);}
.lg-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--lime-400);color:var(--ink-900);font-family:var(--font-sans);font-weight:700;font-size:14.5px;
  padding:11px 18px;border-radius:13px;box-shadow:var(--shadow-brand);
  transition:transform .18s var(--ease-spring),box-shadow .2s var(--ease-out);
}
.lg-cta:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(173,190,26,.45);}

.lg-hero{
  position:relative;overflow:clip;background:var(--night);
  padding:clamp(56px,8vw,96px) 28px clamp(34px,5vw,52px);text-align:center;
}
.lg-eyebrow{
  font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--lime-300);margin:0 0 16px;
}
.lg-title{
  font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.05;
  font-size:clamp(34px,6vw,60px);color:var(--fg-on-dark);margin:0 0 14px;
}
.lg-title .scr{font-family:var(--font-script);font-weight:400;color:var(--lime-400);}
.lg-lead{font-family:var(--font-sans);font-size:16px;color:var(--fg-on-dark-muted);margin:0;}

.lg-body{position:relative;overflow:clip;background:var(--night);padding:24px 28px 96px;}
.lg-wrap{position:relative;z-index:1;max-width:820px;margin:0 auto;}

.lg-sec{margin-bottom:34px;}
.lg-sec h2{
  display:flex;align-items:baseline;gap:12px;
  font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.01em;
  color:var(--fg-on-dark);margin:0 0 14px;
}
.lg-sec h2 .num{font-family:var(--font-mono);font-size:14px;color:var(--lime-400);}
.lg-sec p{font-family:var(--font-sans);font-size:15.5px;line-height:1.72;color:var(--fg-on-dark-muted);margin:0 0 12px;}
.lg-sec strong{color:var(--fg-on-dark);}
.lg-sec a{color:var(--lime-400);font-weight:600;}
.lg-sec a:hover{text-decoration:underline;}
.lg-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:9px;}
.lg-list li{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-sans);font-size:15.5px;line-height:1.6;color:var(--fg-on-dark-muted);}
.lg-list li::before{
  content:"";width:20px;height:20px;flex:0 0 auto;margin-top:2px;border-radius:6px;
  background:rgba(173,190,26,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ADBE1A' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;
}
.lg-note{
  margin-top:30px;padding:22px 24px;background:var(--night-2);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  font-family:var(--font-sans);font-size:14.5px;color:var(--fg-on-dark-muted);
}
.lg-note svg{color:var(--lime-400);flex:0 0 auto;}

/* CSS-only animated geometric background */
.lg-geo{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.lg-geo span{position:absolute;display:block;border:1.5px solid rgba(173,190,26,.16);opacity:.7;animation:lgDrift linear infinite;}
.lg-geo .c{border-radius:50%;}
.lg-geo .s1{width:120px;height:120px;left:6%;top:18%;animation-duration:26s;}
.lg-geo .s2{width:70px;height:70px;right:9%;top:12%;border-radius:50%;animation-duration:32s;animation-direction:reverse;border-color:rgba(255,255,255,.07);}
.lg-geo .s3{width:160px;height:160px;right:14%;bottom:10%;animation-duration:38s;}
.lg-geo .s4{width:54px;height:54px;left:12%;bottom:16%;border-radius:50%;animation-duration:22s;animation-direction:reverse;}
.lg-geo .s5{width:90px;height:90px;left:46%;top:60%;animation-duration:30s;border-color:rgba(255,255,255,.06);}
@keyframes lgDrift{0%{transform:translateY(0) rotate(0);}50%{transform:translateY(-26px) rotate(180deg);}100%{transform:translateY(0) rotate(360deg);}}

/* CSS-only entrance: base state is VISIBLE (SEO / no-JS / paused-timeline safe);
   the fade-rise plays only as an enhancement when motion is allowed. */
.lg-rise{opacity:1;}
@media (prefers-reduced-motion: no-preference){
  .lg-rise{animation:lgRise .7s var(--ease-out);}
}
@keyframes lgRise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

/* scroll-to-top */
.lg-top{
  position:fixed;left:22px;bottom:22px;z-index:60;
  width:48px;height:48px;border-radius:50%;border:1px solid rgba(173,190,26,.4);
  background:var(--lime-400);color:var(--ink-900);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;
  transition:opacity .3s var(--ease-out),transform .3s var(--ease-spring);
  box-shadow:0 10px 28px rgba(173,190,26,.4);
}
.lg-top.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;animation:lgTopFloat 3s ease-in-out infinite;}
@keyframes lgTopFloat{0%,100%{box-shadow:0 10px 28px rgba(173,190,26,.4);}50%{box-shadow:0 14px 34px rgba(173,190,26,.6);}}

/* footer */
.lg-footer{position:relative;overflow:clip;background:var(--ink-950);border-top:1px solid rgba(255,255,255,.08);padding:56px clamp(18px,4vw,48px) 30px;}
.lg-foot-grid{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;}
.lg-footer img{height:40px;width:auto;margin-bottom:16px;}
.lg-foot-tag{font-family:var(--font-sans);font-size:14.5px;line-height:1.6;color:var(--fg-on-dark-muted);max-width:320px;margin:0 0 18px;}
.lg-foot-row{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--fg-on-dark-muted);margin-bottom:11px;}
.lg-foot-row svg{color:var(--lime-400);flex:0 0 auto;}
.lg-foot-h{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime-300);margin:0 0 16px;}
.lg-foot-links{display:flex;flex-direction:column;gap:10px;}
.lg-foot-links a{font-size:14px;color:var(--fg-on-dark-muted);transition:color .2s;}
.lg-foot-links a:hover{color:var(--lime-400);}
.lg-foot-soc{display:flex;gap:10px;margin-top:4px;}
.lg-foot-soc a{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--fg-on-dark);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out);}
.lg-foot-soc a:hover{background:var(--lime-400);color:var(--ink-900);transform:translateY(-2px);}
.lg-foot-bar{position:relative;z-index:1;max-width:var(--maxw);margin:40px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--fg-on-dark-muted);}
.lg-foot-bar .star{display:inline-flex;align-items:center;gap:6px;}
.lg-foot-bar .star svg{color:var(--lime-400);}

@media (max-width:720px){
  .lg-foot-grid{grid-template-columns:1fr;gap:28px;}
  .lg-header{flex-wrap:wrap;gap:12px;}
}
@media (prefers-reduced-motion: reduce){
  .lg-geo span,.lg-top.show{animation:none;}
}

/* ===== wpx-* : header & footer identiques au site React (HTML pur) ===== */
.wpx-header{position:sticky;top:0;z-index:90;background:rgba(37,35,47,0);border-bottom:1px solid transparent;transition:background .24s var(--ease-out),border-color .24s var(--ease-out),backdrop-filter .24s var(--ease-out);}
.wpx-header.scrolled{background:rgba(28,26,38,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09);}
.wpx-header-inner{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.wpx-logo img{height:46px;width:auto;display:block;filter:drop-shadow(0 4px 14px rgba(173,190,26,.28));}
.wpx-nav{display:flex;align-items:center;gap:4px;}
.wpx-nav a{position:relative;font-family:var(--font-sans);font-size:14.5px;font-weight:600;color:var(--fg-on-dark);padding:9px 13px;border-radius:10px;transition:color .14s var(--ease-out),background .14s var(--ease-out);}
.wpx-nav a:hover{background:rgba(255,255,255,.06);}
.wpx-nav a[aria-current="page"]{color:var(--lime-400);}
.wpx-nav a[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;border-radius:2px;background:var(--lime-400);}
.wpx-actions{display:flex;align-items:center;gap:14px;}
.wpx-phone{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--fg-on-dark);white-space:nowrap;}
.wpx-phone svg{color:var(--lime-400);flex:0 0 auto;}
.wpx-cta-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#BDCD35,#ADBE1A);color:var(--ink-900);font-family:var(--font-sans);font-weight:700;font-size:14px;padding:10px 18px;border-radius:13px;box-shadow:0 8px 22px rgba(173,190,26,.36);white-space:nowrap;transition:transform .18s var(--ease-spring),box-shadow .2s var(--ease-out);}
.wpx-cta-btn:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 12px 30px rgba(173,190,26,.5);}
.wpx-burger{display:none;background:none;border:none;cursor:pointer;color:var(--fg-on-dark);padding:6px;}
.wpx-mobile{display:none;border-top:1px solid rgba(255,255,255,.09);background:rgba(28,26,38,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:8px 28px 22px;}
.wpx-header.open .wpx-mobile{display:block;}
.wpx-mobile a:not(.wpx-cta-btn){display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--fg-on-dark);}
.wpx-mobile a[aria-current="page"]{color:var(--lime-400);}
.wpx-mobile a svg{opacity:.5;}
.wpx-mobile .wpx-cta-btn{margin-top:16px;width:100%;justify-content:center;padding:13px;font-size:15px;}
@media (max-width:920px){
  .wpx-nav,.wpx-actions{display:none;}
  .wpx-burger{display:inline-flex;}
}

.wpx-footer{position:relative;overflow:hidden;background:var(--ink-950);color:var(--fg-on-dark);border-top:1px solid rgba(255,255,255,.08);}
.wpx-foot-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(173,190,26,.7),transparent);opacity:.6;z-index:2;}
.wpx-foot-inner{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:72px 28px 34px;}
.wpx-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;}
.wpx-foot-brand img{height:42px;width:auto;display:block;filter:drop-shadow(0 4px 14px rgba(173,190,26,.28));}
.wpx-foot-tag{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--fg-on-dark-muted);margin:20px 0;max-width:300px;}
.wpx-foot-contacts{display:flex;flex-direction:column;gap:11px;margin-bottom:22px;}
.wpx-foot-contacts span{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--fg-on-dark-muted);}
.wpx-foot-contacts a{color:inherit;}
.wpx-foot-contacts svg{color:var(--lime-400);flex:0 0 auto;}
.wpx-foot-soc{display:flex;gap:10px;}
.wpx-foot-soc a{width:42px;height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:var(--fg-on-dark-muted);transition:all .14s var(--ease-out);}
.wpx-foot-soc a:hover{border-color:var(--lime-500);color:var(--lime-400);background:rgba(173,190,26,.1);transform:translateY(-3px);}
.wpx-foot-h{font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lime-400);margin-bottom:18px;}
.wpx-foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.wpx-foot-col a{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-sans);font-size:14px;color:var(--fg-on-dark-muted);transition:color .14s var(--ease-out),transform .14s var(--ease-out);}
.wpx-foot-col a:hover{color:var(--lime-400);transform:translateX(3px);}
.wpx-foot-bar{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--fg-on-dark-muted);}
.wpx-foot-bar .star{display:inline-flex;align-items:center;gap:6px;}
.wpx-foot-bar .star svg{color:var(--lime-400);}
@media (max-width:860px){ .wpx-foot-grid{grid-template-columns:1fr 1fr;gap:34px;} }
@media (max-width:560px){ .wpx-foot-grid{grid-template-columns:1fr;gap:30px;} }