/* V219 — stronger mockup-like global background */
.ft-page{
  background:
    radial-gradient(circle at 21% 18%, rgba(35,91,172,.24), transparent 24%),
    radial-gradient(circle at 79% 22%, rgba(244,188,92,.09), transparent 18%),
    linear-gradient(180deg,#06162a 0%, #07182b 32%, #07182b 100%);
}
.ft-page::before{
  background:
    linear-gradient(90deg, rgba(4,16,29,.20) 0%, rgba(4,16,29,.18) 14%, rgba(4,16,29,.38) 31%, rgba(4,16,29,.62) 48%, rgba(4,16,29,.64) 60%, rgba(4,16,29,.44) 78%, rgba(4,16,29,.22) 100%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0) 24%),
    radial-gradient(circle at 50% 15%, rgba(0,84,180,.08), transparent 28%);
  opacity:1;
}
.ft-page::after{
  background:
    radial-gradient(circle at 18% 16%, rgba(247,197,106,.14), transparent 20%),
    radial-gradient(circle at 21% 58%, rgba(247,197,106,.05), transparent 16%),
    radial-gradient(circle at 82% 15%, rgba(247,197,106,.10), transparent 14%),
    linear-gradient(180deg, rgba(5,18,32,.00), rgba(5,18,32,.08) 60%, #07182b 96%);
}
.ft-shell{
  max-width:1670px;
  padding:30px 28px 40px;
}
.ft-shell::before,
.ft-shell::after{
  top:14px;
  height:760px;
  opacity:1;
  filter:none;
}
.ft-shell::before{
  left:-18px;
  width:392px;
  background-image:
    linear-gradient(90deg, rgba(7,24,43,0) 0%, rgba(7,24,43,.02) 54%, rgba(7,24,43,.18) 78%, rgba(7,24,43,.72) 100%),
    url('/francais/assets/images/community/v217/mockup-left.webp');
  background-size:100% 100%, cover;
  background-position:right top, center top;
}
.ft-shell::after{
  right:-6px;
  width:286px;
  background-image:
    linear-gradient(270deg, rgba(7,24,43,0) 0%, rgba(7,24,43,.04) 52%, rgba(7,24,43,.22) 76%, rgba(7,24,43,.68) 100%),
    url('/francais/assets/images/community/v217/mockup-right.webp');
  background-size:100% 100%, cover;
  background-position:left top, center top;
}
.ft-hero{
  grid-template-columns:610px 555px;
  gap:52px;
  width:1230px;
  max-width:calc(100vw - 180px);
  transform:translateX(34px);
}
.ft-title,
.ft-lead,
.ft-feature,
.ft-channel-section,
.ft-note,
.ft-voice-demo{
  position:relative;
  z-index:2;
}
.ft-channel-section{
  margin:0 -2px;
}
.ft-discord-card{
  background:rgba(6,23,40,.92);
  box-shadow:0 26px 60px rgba(0,0,0,.40), inset 0 0 0 1px rgba(255,255,255,.03);
}
@media(max-width:1320px){
  .ft-shell::before{width:330px;left:-8px}
  .ft-shell::after{width:220px;right:-4px}
  .ft-hero{max-width:calc(100vw - 80px);transform:none}
}
@media(max-width:1050px){
  .ft-shell::before,.ft-shell::after{display:block;opacity:.42;height:520px}
  .ft-shell::before{width:240px;left:-12px}
  .ft-shell::after{width:155px;right:-4px}
}
@media(max-width:780px){
  .ft-shell::before,.ft-shell::after{display:none}
  .ft-page{
    background:
      linear-gradient(180deg, rgba(4,16,29,.30), rgba(4,16,29,.76) 42%, #07182b 100%),
      url('/francais/assets/images/community/v217/mockup-left.webp') 16% top / auto 420px no-repeat,
      #07182b;
  }
}