/* ==========================================================================
   GREEN-5B: live-site look on top of GREEN-V3 content
   Same visual language as intelligamisystems.com: navy hero, white and
   light-grey content bands, flat white cards with thin borders, 8px solid
   blue buttons, dark footer, underlined nav, Inter.
   CSS only. No text, cards, affiches, photos, 3D scenes or animations are
   changed or removed. Each band is tagged with data-tone (dark/light/alt).
   ========================================================================== */

/* ---------- 1. Tokens (live palette). Default = dark band ---------- */
:root{
  --navy:#0B1120; --navy-2:#0F1830; --navy-3:#141F3B;
  --blue:#0075FF; --blue-light:#4FA3FF; --ice:#C2CEDB; --ui-gray:#F5F7FA;
  --banner-h:30px; --radius:12px; --ease:cubic-bezier(.16,.8,.24,1);
  --bg:#0B1120; --paper:#0B1120;
  --panel:rgba(20,31,59,.62);
  --ink:#ffffff; --muted:#98A7BD; --mu:#98A7BD; --faint:#8696AE;
  --link:#4FA3FF; --cyan:#4FA3FF; --c:#4FA3FF; --v:#4FA3FF; --b2:#4FA3FF;
  --line:rgba(194,206,219,.14); --line2:rgba(194,206,219,.28);
  --glow:rgba(0,117,255,.35);
}
/* light and light-grey bands re-map the same variables */
[data-tone=light],[data-tone=alt]{
  --ink:#0E1420; --muted:#5B6B7C; --mu:#5B6B7C; --faint:#5F6F82;
  --link:#0062D6; --cyan:#0062D6; --c:#0062D6; --v:#0062D6; --b2:#0062D6;
  --panel:#ffffff;
  --line:rgba(14,20,32,.09); --line2:rgba(14,20,32,.20);
  --glow:rgba(0,117,255,.18);
  color:var(--ink);
}
::selection{background:rgba(0,117,255,.30);color:#fff}

/* ---------- 2. Page base: navy canvas, bands sit on top ---------- */
html body{
  background:var(--navy)!important;
  font:16.5px/1.65 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
html body::before{
  background:
    radial-gradient(900px 620px at 88% -6%,rgba(0,117,255,.30),transparent 60%),
    radial-gradient(700px 500px at 4% 60%,rgba(79,163,255,.07),transparent 60%),
    linear-gradient(180deg,#0B1120,#0a0f1c)!important;
}
html body::after{
  opacity:.20!important;background-size:56px 56px!important;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 12%,#000 6%,transparent 70%)!important;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 12%,#000 6%,transparent 70%)!important;
}
/* bands */
html body [data-tone]{position:relative;z-index:1}
html body [data-tone=light]{background:#ffffff!important}
html body [data-tone=alt]{background:var(--ui-gray)!important}
html body main>section[data-tone=light],
html body main>section[data-tone=alt]{
  padding-top:clamp(56px,7vw,96px)!important;
  padding-bottom:clamp(56px,7vw,96px)!important;
}
html body main>section[data-tone=dark]{padding-bottom:clamp(40px,5vw,72px)}
/* heroes that sit inside the page width: run the navy band edge to edge */
html body .w.ph[data-tone=dark]{
  padding-top:clamp(40px,6vw,80px)!important;
  padding-bottom:clamp(40px,6vw,80px)!important;
  box-shadow:0 0 0 100vmax var(--navy);
  clip-path:inset(0 -100vmax);
  background:var(--navy);
}

/* ---------- 3. Header: full-width navy bar with underline nav (as live) ---------- */
html body .gv3-banner{
  display:block;height:var(--banner-h);line-height:var(--banner-h);padding:0 12px!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:11px!important;letter-spacing:.07em;color:#9fdcff!important;
  background:#060b16!important;border-bottom:1px solid var(--line)!important;
}
html body header{
  top:var(--banner-h)!important;
  max-width:none!important;margin:0!important;padding:0!important;
  background:rgba(11,17,32,.82)!important;
  -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  border-bottom:1px solid rgba(194,206,219,.14)!important;
  box-shadow:none!important;
}
html body .nav{
  max-width:1180px;margin:0 auto;padding:0 24px!important;min-height:72px;
  border-radius:0!important;background:none!important;border:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html body .logo img{height:32px!important;width:auto}
html body nav a{
  position:relative;display:inline-flex;align-items:center;min-height:40px;
  padding:0 2px!important;margin:0 14px;border:0!important;border-radius:0!important;
  font-size:14px;font-weight:500;color:var(--muted)!important;background:none!important;box-shadow:none!important;
}
html body nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:2px;
  background:#0075FF;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease);
}
html body nav a:hover,html body nav a[aria-current]{color:#fff!important;background:none!important;box-shadow:none!important}
html body nav a:hover::after,html body nav a[aria-current]::after{transform:scaleX(1)}
html body .nav .lang{
  margin-left:auto;background:none!important;border:1px solid rgba(255,255,255,.22)!important;
  border-radius:8px!important;padding:2px;box-shadow:none!important;
}
html body .lang button{min-height:32px;min-width:38px;border-radius:6px!important;color:var(--muted)!important;background:none!important;box-shadow:none!important}
html body .lang button[aria-pressed=true]{color:#fff!important;background:#006DF0!important}

/* ---------- 4. Type (live scale) ---------- */
html body h1,html body h2,html body h3{font-weight:800;letter-spacing:-.02em}
html body h1{font-size:clamp(38px,5vw,60px)!important;line-height:1.06!important}
html body h2{font-size:clamp(30px,4vw,44px)!important;line-height:1.1!important}
html body h3{font-size:19px!important;line-height:1.25;font-weight:700;letter-spacing:-.01em}
html body .pn h3{font-size:clamp(24px,2.5vw,30px)!important;line-height:1.12!important}
html body .fm h2{font-size:clamp(28px,3.2vw,36px)!important}
html body .cu h2{font-size:clamp(26px,3vw,34px)!important}
html body .mem h3{font-size:21px!important}
html body .l{font-size:18px!important;line-height:1.65}
html body p{line-height:1.65}
html body h1,html body h2,html body h3{color:var(--ink)!important}
/* accent word: same font, solid blue (live has no italic serif) */
html body h1 em,html body h2 em,html body h3 em{
  font-style:normal!important;font-family:inherit!important;font-weight:inherit!important;
  background:none!important;-webkit-text-fill-color:currentColor!important;color:#4FA3FF!important;
}
html body [data-tone=light] :is(h1,h2,h3) em,html body [data-tone=alt] :is(h1,h2,h3) em{color:#0062D6!important}

/* ---------- 5. Buttons: solid blue, 8px radius (as live) ---------- */
html body .btn{
  justify-content:center;gap:10px;min-height:48px;padding:0 28px;border-radius:8px!important;
  font-weight:600;font-size:14.5px;color:#fff!important;
  background:#006DF0!important;
  box-shadow:0 8px 24px -8px rgba(0,117,255,.55)!important;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .2s ease!important;
}
html body .btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px -8px rgba(0,117,255,.65)!important}
html body .btn.sm{min-height:42px;padding:0 20px}
html body header .btn{margin:0!important}
html body .btn.g{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)!important}
html body .btn.g:hover{background:rgba(255,255,255,.06)!important}
html body [data-tone=light] .btn.g,html body [data-tone=alt] .btn.g{
  color:#0E1420!important;box-shadow:inset 0 0 0 1px rgba(14,20,32,.16)!important;
}
html body [data-tone=light] .btn.g:hover,html body [data-tone=alt] .btn.g:hover{background:#F5F7FA!important}
html body [data-tone=alt] .btn.g:hover{background:#fff!important}
html body .tl{color:var(--link)!important;border-bottom-color:currentColor;font-weight:600}
html body .tile .tl.try{display:inline-flex;align-items:center;min-height:36px}

/* ---------- 6. Cards: flat white with thin border on light bands (as live) ---------- */
html body :is(.gl,.way,.pil,.sp,.oc,.fm,.pillar,.sys-card,.job-card,.intern-card,.member-card,.role-card){
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--radius)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:0 1px 2px rgba(14,20,32,.04)!important;
}
html body :is(.gl,.way,.pil,.sp,.sys-card,.pillar,.job-card,.intern-card):hover{
  border-color:rgba(0,117,255,.35)!important;
  box-shadow:0 14px 32px -16px rgba(14,20,32,.22)!important;
}
html body [data-tone=light] .gl::before,html body [data-tone=alt] .gl::before,
html body [data-tone=light] .pil::before,html body [data-tone=alt] .pil::before{opacity:0}
/* dark bands: glass-navy cards instead */
html body [data-tone=dark] :is(.gl,.way,.pil,.sp,.oc,.fm,.pillar){
  background:rgba(20,31,59,.62)!important;
  border:1px solid rgba(194,206,219,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 48px -28px rgba(0,8,30,.8)!important;
}
/* big containers and form shells do not lift */
html body :is(.tz,.fm,.cu,.bar,.pn,.cs):hover{transform:none!important}
/* original hover motions kept */
html body .row:hover{transform:translateX(6px)!important}
html body .tile:hover{transform:translateY(-6px)!important}
html body :is(.mem:hover,.mem:focus-visible){transform:translateY(-4px)!important}
/* glow states that earlier styling had hidden */
html body .mem.glow{
  border-color:#0075FF!important;
  box-shadow:0 0 0 1px #0075FF,0 18px 44px -14px rgba(0,117,255,.5)!important;
}
html body .tile.hot{
  border-color:#0075FF!important;
  box-shadow:0 0 0 1px rgba(0,117,255,.55),0 18px 40px -16px rgba(0,117,255,.5)!important;
}
html body .on .pil{
  border-color:#0075FF!important;
  box-shadow:0 0 0 1px #0075FF,0 18px 40px -16px rgba(0,117,255,.5)!important;
}

/* ---------- 7. Pieces tuned to the two tones ---------- */
/* home: pills */
html body .row i{
  background:rgba(0,117,255,.08)!important;color:var(--link)!important;
  border:1px solid rgba(0,117,255,.22);box-shadow:none!important;
}
html body .row:hover i{background:rgba(0,117,255,.14)!important}
html body .row span{color:var(--muted)}
html body .row b{color:var(--ink)}
/* feature cards that stay navy (accent cards) */
html body .pn.v,
html body :is(.gl,.pn):has(#fold3){
  --ink:#fff;--muted:#C2CEDB;--mu:#C2CEDB;--link:#4FA3FF;--cyan:#4FA3FF;
  background:
    radial-gradient(120% 140% at 100% 0%,rgba(0,117,255,.30),transparent 55%),
    linear-gradient(145deg,#0F1830,#141F3B)!important;
  border:1px solid rgba(194,206,219,.18)!important;
  box-shadow:0 24px 50px -28px rgba(11,17,32,.7)!important;
}
html body .pn.v::before{background:radial-gradient(circle at 35% 35%,rgba(79,163,255,.30),rgba(79,163,255,.03) 70%)!important}
html body .pn.v h3,html body :is(.gl,.pn):has(#fold3) :is(h2,h3){color:#fff!important}
html body .pn.v p,html body :is(.gl,.pn):has(#fold3) p{color:#C2CEDB!important}
html body .pn.v .btn{background:#fff!important;color:#0B1120!important;box-shadow:0 12px 28px -12px rgba(0,20,80,.6)!important}
html body :is(.gl,.pn):has(#fold3) .btn.g{color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)!important}
/* chips, badges, plates */
html body .chip{background:rgba(0,117,255,.10)!important;color:var(--link)!important;border:1px solid rgba(0,117,255,.22)!important}
html body [data-tone=dark] .chip{background:rgba(79,163,255,.14)!important;color:#4FA3FF!important;border-color:rgba(79,163,255,.28)!important}
html body .ic{
  width:48px;height:48px;border-radius:10px;
  background:rgba(0,117,255,.08)!important;border:1px solid rgba(0,117,255,.22);
  box-shadow:none!important;color:var(--link)!important;font:600 13px var(--mono)!important;
}
html body .oa{background:#F5F7FA!important;border-bottom:1px solid var(--line)}
html body :is(.fch,.nd){
  display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:8px!important;
  background:#fff!important;color:var(--ink)!important;
  border:1px solid rgba(14,20,32,.14)!important;box-shadow:none!important;
}
html body :is(.fch,.nd):hover{border-color:#0075FF!important;color:#0062D6!important}
html body :is(.fch,.nd)[aria-pressed=true]{background:#006DF0!important;border-color:#006DF0!important;color:#fff!important;box-shadow:0 8px 20px -8px rgba(0,117,255,.55)!important}
html body .bar{border-radius:10px!important}
html body .hv{color:var(--link)!important}
html body .pst{box-shadow:0 14px 34px -16px rgba(14,20,32,.45)!important}
html body [data-tone=dark] .pst{box-shadow:0 18px 40px -18px rgba(0,0,0,.7)!important}

/* ---------- 8. Footer + CTA band (navy, as live) ---------- */
html body footer{background:transparent;border-top:1px solid rgba(194,206,219,.10)}
html body .cta{
  border-radius:var(--radius)!important;
  padding:clamp(34px,5vw,56px) clamp(24px,4.5vw,52px)!important;
  background:
    radial-gradient(70% 150% at 100% 100%,rgba(0,117,255,.30),transparent 62%),
    linear-gradient(135deg,#0F1830,#141F3B)!important;
  border:1px solid rgba(194,206,219,.16)!important;
}
html body .cta p{color:#C2CEDB!important}
html body footer .logo img{height:30px!important;width:auto}
html body .fg{color:var(--muted)!important}
html body .fg b{
  color:#fff!important;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
}
html body .fg a{padding:5px 0;color:var(--muted)!important}
html body .fg a:hover{color:#fff!important}
html body .so a{
  display:inline-flex;align-items:center;min-height:32px;padding:0;margin-right:0;
  background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  color:var(--muted)!important;font-weight:500;
}
html body .so{display:flex;flex-wrap:wrap;gap:0 16px}
html body .so a:hover{color:#fff!important}
html body .so a{margin-right:0}
html body p.cp{
  margin-top:22px;padding-top:18px;border-top:1px solid rgba(194,206,219,.14);color:var(--faint)!important;
}

/* ---------- 9. Forms ---------- */
html body :is(input,select,textarea){
  min-height:48px;background:#fff!important;color:#0E1420!important;border:1px solid rgba(14,20,32,.16)!important;border-radius:8px!important;
}
html body textarea{min-height:110px}
html body :is(input,select,textarea)::placeholder{color:#6B7A8C;opacity:1}
html body :is(input,select,textarea):hover{border-color:rgba(14,20,32,.32)!important}
html body .bar input{min-height:0;border:0!important;background:none!important}
html body [data-tone=dark] :is(input,select,textarea){background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(194,206,219,.22)!important}
html body [data-tone=dark] :is(input,select,textarea)::placeholder{color:#8696AE}

/* ---------- 10. Keyboard focus ---------- */
html body :focus-visible{outline:2px solid #4FA3FF!important;outline-offset:3px}
html body [data-tone=light] :focus-visible,html body [data-tone=alt] :focus-visible{outline-color:#0062D6!important}
html body :is(input,select,textarea):focus-visible{outline-offset:1px}

/* ---------- 11. Mobile ---------- */
@media (max-width:900px){
  html body .w{padding-left:20px;padding-right:20px}
  html body .nav{gap:8px;padding:8px 16px!important}
  html body nav{margin-top:2px;
    -webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);
    mask-image:linear-gradient(90deg,#000 86%,transparent)}
  html body nav a{margin:0 10px}
}
@media (max-width:560px){
  html body .acts{flex-direction:column;align-items:stretch}
  html body .acts .btn{width:100%}
  html body .pn{min-height:0;padding:28px}
}
@media (pointer:coarse){
  html body nav a,html body .lang button,html body .btn,html body .btn.sm,
  html body .so a,html body .tile .tl.try{min-height:44px}
  html body .fg a{padding:11px 0}
  html body header .logo{min-height:44px;display:inline-flex;align-items:center}
  html body .tl{display:inline-flex;align-items:center;min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  html body .btn,html body .gl{transition:none!important}
}


/* ===== Nav bar animations ===== */
@keyframes navDrop {
  from { transform: translateY(-100%); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}
@keyframes navLine {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
@keyframes navGlow {
  0%, 100% { box-shadow: 0 1px 0 rgba(0,117,255,0); }
  50% { box-shadow: 0 1px 0 rgba(0,117,255,.35); }
}
header{
  animation: navDrop .55s cubic-bezier(.16,.8,.24,1) both;
}
header::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,117,255,.55),transparent);
  transform-origin:center;
  animation: navLine .8s .25s cubic-bezier(.16,.8,.24,1) both;
  pointer-events:none;
}
.nav a{
  position:relative;
  transition: color .2s ease, background .2s ease;
}
.nav a::after{
  content:"";
  position:absolute;left:12px;right:12px;bottom:4px;height:2px;
  border-radius:2px;
  background:var(--blue,#0075FF);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .25s cubic-bezier(.16,.8,.24,1);
}
.nav a:hover::after,
.nav a[aria-current]::after{
  transform:scaleX(1);
}
.nav .btn{
  transition: transform .25s ease, box-shadow .25s ease;
}
.nav .btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 22px -8px rgba(0,117,255,.55);
}
@media (prefers-reduced-motion: reduce){
  header, header::after, .nav a::after { animation: none !important; transition: none !important; }
}


/* ===== Logo prominence ===== */
header .logo,
.nav .logo,
a.logo{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  flex-shrink:0!important;
}
header .logo img,
.nav .logo img,
a.logo img{
  height:40px!important;
  width:auto!important;
  max-width:min(220px,42vw)!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 12px rgba(0,117,255,.35));
  transition:filter .25s ease, transform .25s ease;
}
header .logo:hover img,
.nav .logo:hover img{
  filter:drop-shadow(0 0 18px rgba(0,117,255,.55));
  transform:scale(1.03);
}
footer .logo img,
.fg .logo img{
  height:32px!important;
  width:auto!important;
  max-width:200px!important;
  filter:drop-shadow(0 0 8px rgba(0,117,255,.25));
}
@media(max-width:560px){
  header .logo img,.nav .logo img,a.logo img{
    height:34px!important;
    max-width:min(160px,48vw)!important;
  }
}




/* ===== Footer social: vertical text, not buttons ===== */
.so{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:6px!important;
  margin-top:12px!important;
}
.so a,
.so .so-link{
  display:block!important;
  padding:4px 0!important;
  min-height:auto!important;
  margin:0!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--muted,#98A7BD)!important;
  font-size:15px!important;
  font-weight:500!important;
  transform:none!important;
}
.so a:hover,
.so .so-link:hover{
  color:#fff!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.so .so-ic{display:none!important}

/* ===== Nav: full width, flush top, no floating gap ===== */
:root{--banner-h:0px!important}
header{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  z-index:100!important;
  background:rgba(11,17,32,.92)!important;
  -webkit-backdrop-filter:blur(14px) saturate(160%)!important;
  backdrop-filter:blur(14px) saturate(160%)!important;
  border:0!important;
  border-bottom:1px solid rgba(194,206,219,.12)!important;
  box-shadow:none!important;
}
header::after{display:none!important}
.nav{
  max-width:1180px!important;
  margin:0 auto!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-height:64px!important;
  padding:0 24px!important;
}

/* ===== Scroll progress bar ===== */
#scrollProgress{
  position:fixed;
  top:0;left:0;
  height:3px;
  width:0%;
  z-index:200;
  background:linear-gradient(90deg,#0075FF,#2fc8ff);
  box-shadow:0 0 12px rgba(0,117,255,.55);
  pointer-events:none;
  transition:width .05s linear;
}

/* ===== LIVE FIXES v6 ===== */

/* 1) Scroll progress — always on top */
#scrollProgress{
  position:fixed!important;
  top:0!important;left:0!important;
  height:3px!important;
  width:0%;
  max-width:100%;
  z-index:99999!important;
  background:linear-gradient(90deg,#0075FF,#2fc8ff)!important;
  box-shadow:0 0 10px rgba(0,117,255,.6)!important;
  pointer-events:none!important;
  transition:none!important;
}

/* 2) Social: one column only */
.so{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  margin-top:12px!important;
}
.so a,
.so .so-link{
  display:block!important;
  width:auto!important;
  padding:2px 0!important;
  min-height:0!important;
  margin:0!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--muted,#98A7BD)!important;
  font-size:15px!important;
  font-weight:500!important;
  transform:none!important;
  line-height:1.4!important;
}
.so a:hover,
.so .so-link:hover{
  color:#fff!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.so .so-ic{display:none!important}

/* 3) Header above 3D / crane */
header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
}
/* Crane / three canvases under nav */
/* page 3D only — never demote the vortex game overlay/canvas */
canvas:not(#vortexOverlay canvas),
#fold3,
.fold3,
#st,
.cs,
[id*="crane"],
[class*="crane"],
#hero3d,
.hero-3d{
  position:relative;
  z-index:1!important;
}
#vortexOverlay,
#vortexOverlay canvas{
  z-index:100000 !important;
}
main{position:relative;z-index:1}
header + *, main{isolation:isolate}

/* 4) Approche: kill dead white strip under nav */
section.hero,
.hero,
[data-tone="dark"].hero{
  padding-top:24px!important;
}
/* link row that sat in empty white */
a[href="systemes.html"].text-link,
.see-build,
main > .w > a[href*="systemes"]{
  display:inline-block;
  margin:8px 0 16px!important;
}
section[data-tone="light"],
section.light{
  padding-top:48px!important;
}