.dashboardLanding{
  display:none;
  position:relative;
  min-height:100vh;
  padding:34px 18px 90px;
  overflow:hidden;
  isolation:isolate;
}

body.mode-landing{
  --landingMoodA:93,168,255;
  --landingMoodB:255,210,74;
  --landingMoodC:43,213,118;
  background:
    radial-gradient(circle at 18% 8%, rgba(var(--landingMoodA), .18), transparent 34%),
    radial-gradient(circle at 82% 16%, rgba(var(--landingMoodB), .13), transparent 30%),
    radial-gradient(circle at 50% 88%, rgba(var(--landingMoodC), .08), transparent 34%),
    #090b12;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

body.mode-landing::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}

@supports selector(html:has(body.mode-landing)){
  html:has(body.mode-landing){
    scrollbar-width:none;
    -ms-overflow-style:none;
  }

  html:has(body.mode-landing)::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
  }
}

body.mode-landing.landingBooting{
  --landingMoodA:86,94,112;
  --landingMoodB:72,78,92;
  --landingMoodC:54,60,72;
}

body.mode-landing .topbar{
  background:rgba(9,10,16,.48);
  border-color:rgba(255,255,255,.075);
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}

.dashboardLanding::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.7), transparent 78%);
  opacity:.34;
}

.dashboardLanding::after{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  right:-220px;
  top:120px;
  z-index:-1;
  border-radius:999px;
  background:radial-gradient(circle, rgba(var(--accent-rgb), .22), transparent 67%);
  filter:blur(10px);
  animation:landingOrb 12s ease-in-out infinite alternate;
}

@keyframes landingOrb{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-80px,80px,0) scale(1.08)}
}

.landingShell{
  position:relative;
  z-index:1;
  width:min(1480px,100%);
  margin:0 auto;
}

.landingHero{
  min-height:calc(100vh - 138px);
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(420px, .75fr);
  gap:34px;
  align-items:center;
  padding:34px 0 70px;
}

.landingEyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:rgba(231,234,242,.82);
  font-size:12px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}

.landingEyebrowDot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--ok);
  box-shadow:0 0 18px rgba(43,213,118,.8);
}

.landingHeroTitle{
  margin:22px 0 16px;
  max-width:850px;
  font-size:clamp(44px, 7vw, 104px);
  line-height:.91;
  letter-spacing:-.075em;
  font-weight:950;
}

.landingHeroTitle span{
  color:rgb(var(--accent-rgb));
  text-shadow:0 0 38px rgba(var(--accent-rgb), .22);
}

.landingHeroText{
  max-width:710px;
  font-size:clamp(16px, 1.25vw, 21px);
  line-height:1.65;
  color:rgba(231,234,242,.73);
}

.landingHeroActions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}

.landingPrimaryBtn,
.landingGhostBtn{
  min-height:52px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  color:var(--text);
  font-weight:900;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease;
}

.landingPrimaryBtn{
  background:linear-gradient(180deg, rgba(255,210,74,1), rgba(255,170,60,1));
  color:#171008;
  border-color:rgba(255,210,74,.58);
  box-shadow:0 18px 48px rgba(255,181,55,.16);
}

.landingGhostBtn{
  background:rgba(255,255,255,.045);
}

.landingPrimaryBtn:hover,
.landingGhostBtn:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 54px rgba(0,0,0,.35);
}

.landingPrimaryBtn:disabled,
.landingGhostBtn:disabled{
  opacity:.48;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

#landingBotInviteBtn{
  background:linear-gradient(180deg, rgba(96,140,255,.22), rgba(72,108,228,.14));
  border-color:rgba(120,160,255,.42);
  color:#eaf0ff;
  box-shadow:0 14px 38px rgba(70,110,225,.18);
}

#landingBotInviteBtn:hover{
  background:linear-gradient(180deg, rgba(110,152,255,.30), rgba(82,120,238,.20));
  border-color:rgba(140,176,255,.60);
  box-shadow:0 18px 48px rgba(70,110,225,.28);
}

.landingMiniNav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:18px;
}

.landingMiniNav button{
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:rgba(231,234,242,.72);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.landingMiniNav button:hover{
  color:#fff;
  border-color:rgba(var(--accent-rgb), .28);
  background:rgba(var(--accent-rgb), .075);
}

.landingHeroVisual{
  position:relative;
  min-height:560px;
}

.landingControlRoom{
  position:sticky;
  top:128px;
  display:grid;
  gap:14px;
  padding:16px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top right, rgba(var(--accent-rgb), .20), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow:
    0 32px 90px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(18px);
}

.landingWindowBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 2px 2px;
}

.landingDots{
  display:flex;
  gap:7px;
}

.landingDots span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
}

.landingWindowTitle{
  color:rgba(231,234,242,.56);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.landingLiveStats{
  display:grid;
  gap:11px;
}

.landingLiveStatsTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.landingLiveLabel{
  color:rgba(231,234,242,.56);
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.landingLiveStatsTitle{
  margin-top:5px;
  font-size:18px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.03em;
}

.landingLiveStatusPill{
  min-height:30px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:rgba(231,234,242,.78);
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

.landingLiveStatusDot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(231,234,242,.45);
  box-shadow:0 0 16px rgba(231,234,242,.22);
}

.landingLiveStatusPill.isOnline .landingLiveStatusDot{
  background:var(--ok);
  box-shadow:0 0 18px rgba(43,213,118,.75);
}

.landingLiveStatusPill.isOffline .landingLiveStatusDot{
  background:rgba(255,255,255,.34);
  box-shadow:0 0 14px rgba(255,255,255,.18);
}

.landingLiveStatusPill.isError .landingLiveStatusDot{
  background:var(--bad);
  box-shadow:0 0 18px rgba(255,77,77,.68);
}

.landingLiveStatusPill.isLoading .landingLiveStatusDot{
  background:var(--warn);
  box-shadow:0 0 18px rgba(246,194,68,.68);
}

.landingLiveSnapshot{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(170px,.85fr);
  gap:11px;
}

.landingLiveStatusBlock,
.landingLiveResources,
.landingLiveMiniCard{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at top right, rgba(var(--accent-rgb), .10), transparent 44%),
    rgba(8,11,20,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.landingLiveStatusBlock{
  min-height:112px;
  padding:14px;
}

.landingLiveMainValue{
  margin-top:11px;
  font-size:31px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.045em;
}

.landingLiveMeta{
  margin-top:7px;
  color:rgba(231,234,242,.58);
  font-size:11px;
  line-height:1.35;
}

.landingLiveMiniStats{
  display:grid;
  grid-template-columns:1fr;
  gap:11px;
}

.landingLiveMiniCard{
  min-height:50px;
  padding:11px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.landingLiveMiniCard span{
  color:rgba(231,234,242,.56);
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.landingLiveMiniCard strong{
  color:rgba(231,234,242,.96);
  font-size:21px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
  white-space:nowrap;
}

.landingLiveResources{
  padding:13px;
}

.landingLiveResourcesHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.landingLiveResourceGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}

.landingLiveResourceGrid div{
  min-width:0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.035);
  padding:9px 10px;
}

.landingLiveResourceGrid span{
  display:block;
  color:rgba(231,234,242,.52);
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.landingLiveResourceGrid strong{
  display:block;
  margin-top:6px;
  color:rgba(231,234,242,.96);
  font-size:15px;
  line-height:1.1;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.landingLiveMiniCard,
.landingLiveResourceGrid div{
  transition:transform .2s cubic-bezier(.22,1,.36,1), border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.landingLiveMiniCard:hover,
.landingLiveResourceGrid div:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--accent-rgb), .26);
  box-shadow:
    0 12px 28px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.landingLiveStats.isLocked .landingLiveMiniCard:hover,
.landingLiveStats.isLocked .landingLiveResourceGrid div:hover{
  transform:none;
  border-color:rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.landingLiveStats.isLocked .landingLiveStatusBlock,
.landingLiveStats.isLocked .landingLiveResources,
.landingLiveStats.isLocked .landingLiveMiniCard{
  opacity:.72;
}

.landingAuthPanel{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  border-radius:20px;
  padding:14px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
}

.landingAuthIcon{
  width:42px;
  height:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:rgba(var(--accent-rgb), .14);
  color:rgb(var(--accent-rgb));
  font-weight:950;
}

.landingAuthTitle{
  font-weight:950;
  line-height:1.15;
}

.landingAuthText{
  margin-top:4px;
  color:rgba(231,234,242,.62);
  font-size:12px;
  line-height:1.35;
}

.landingSection{
  padding:88px 0;
}

.landingSectionHead{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:26px;
}

.landingKicker{
  color:rgba(var(--accent-rgb), .95);
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.landingSection h2{
  margin:0;
  max-width:850px;
  font-size:clamp(32px, 4.4vw, 64px);
  line-height:.98;
  letter-spacing:-.055em;
}

.landingSectionIntro{
  max-width:470px;
  color:rgba(231,234,242,.62);
  line-height:1.6;
}

.landingCommunitySection{
  padding-top:74px;
}

.landingCommunityPromo{
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(360px, .88fr);
  gap:22px;
  align-items:stretch;
}

.landingCommunityCopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.landingCommunityIntro{
  max-width:700px;
  font-size:17px;
}

.landingCommunityActions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}

.landingCommunityNote{
  margin:14px 0 0;
  color:rgba(231,234,242,.56);
  line-height:1.55;
}

.landingCommunityVisual{
  min-width:0;
}

.landingCommunityVisualShell{
  display:grid;
  gap:14px;
}

.landingCommunityJoinCard,
.landingCommunityRoster{
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top right, rgba(var(--accent-rgb), .16), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.022));
  box-shadow:
    0 28px 74px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(18px);
}

.landingCommunityJoinCard{
  position:relative;
  width:100%;
  padding:20px;
  color:#eef2ff;
  text-align:left;
  cursor:pointer;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 100% 0%, rgba(121,133,255,.32), transparent 42%),
    radial-gradient(circle at 0% 100%, rgba(93,168,255,.16), transparent 46%),
    linear-gradient(180deg, rgba(33,41,92,.90), rgba(13,17,32,.98));
  border-color:rgba(88,101,242,.38);
  box-shadow:
    0 18px 46px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.035),
    inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateZ(0);
  transition:
    transform .22s cubic-bezier(.22,1,.36,1),
    box-shadow .22s ease,
    border-color .22s ease,
    filter .22s ease,
    background .22s ease;
}

.landingCommunityJoinCard:hover,
.landingCommunityJoinCard:focus-visible{
  transform:translateY(-5px) scale(1.018);
  border-color:rgba(145,156,255,.72);
  filter:brightness(1.08) saturate(1.08);
  box-shadow:
    0 28px 72px rgba(0,0,0,.42),
    0 0 34px rgba(88,101,242,.22),
    0 0 0 1px rgba(255,255,255,.07),
    inset 0 1px 0 rgba(255,255,255,.14);
}

.landingCommunityJoinCard:active{
  transform:translateY(-2px) scale(1.006);
  filter:brightness(1.03) saturate(1.04);
}

.landingCommunityJoinCard::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,0) 34%, rgba(255,255,255,.24) 48%, rgba(121,133,255,.24) 53%, rgba(255,255,255,0) 68%, transparent 100%),
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.18), transparent 34%);
  opacity:0;
  transform:translateX(-34%) rotate(0deg);
  transition:
    opacity .22s ease,
    transform .62s cubic-bezier(.22,1,.36,1);
  mix-blend-mode:screen;
}

.landingCommunityJoinCard:hover::before,
.landingCommunityJoinCard:focus-visible::before{
  opacity:.72;
  transform:translateX(34%) rotate(0deg);
}

.landingCommunityJoinCard > *{
  position:relative;
  z-index:1;
}

.landingCommunityJoinCard:hover .landingCommunityJoinLogo,
.landingCommunityJoinCard:focus-visible .landingCommunityJoinLogo{
  transform:scale(1.07) rotate(-2deg);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 22px rgba(255,255,255,.16);
}

.landingCommunityJoinCard:hover .landingCommunityJoinStatus,
.landingCommunityJoinCard:focus-visible .landingCommunityJoinStatus{
  background:rgba(255,255,255,.20);
  border-color:rgba(255,255,255,.30);
  box-shadow:0 0 20px rgba(255,255,255,.10);
}

.landingCommunityJoinCard:hover .landingCommunityJoinFooter,
.landingCommunityJoinCard:focus-visible .landingCommunityJoinFooter{
  transform:translateX(4px);
}

@media (prefers-reduced-motion:reduce){
  .landingCommunityJoinCard,
  .landingCommunityJoinCard::before,
  .landingCommunityJoinLogo,
  .landingCommunityJoinStatus,
  .landingCommunityJoinFooter{
    transition:none;
  }

  .landingCommunityJoinCard:hover,
  .landingCommunityJoinCard:focus-visible,
  .landingCommunityJoinCard:active{
    transform:none;
  }
}

.landingCommunityJoinCardTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.landingCommunityJoinIdentity{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.landingCommunityJoinLogo{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.16);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  flex:0 0 auto;
  transition:
    transform .22s cubic-bezier(.22,1,.36,1),
    box-shadow .22s ease;
}

.landingCommunityJoinLogo svg{
  width:28px;
  height:28px;
}

.landingCommunityJoinLogo.hasServerIcon{
  padding:0;
  overflow:hidden;
  background:rgba(8,11,20,.38);
}

.landingCommunityJoinLogoImg{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:inherit;
}

.landingCommunityJoinBadge{
  color:rgba(255,255,255,.70);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.landingCommunityJoinTitle{
  margin-top:4px;
  font-size:24px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.03em;
}

.landingCommunityJoinStatus{
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.14);
  color:rgba(255,255,255,.92);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.landingCommunityJoinText{
  margin:18px 0 0;
  color:rgba(255,255,255,.78);
  line-height:1.65;
}

.landingCommunityJoinFooter{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#fff;
  font-weight:900;
  transition:transform .22s cubic-bezier(.22,1,.36,1);
}

.landingCommunityRoster{
  padding:18px;
}

.landingCommunityRosterHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.landingCommunityRosterTitle{
  margin-top:5px;
  font-size:22px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.03em;
}

.landingCommunityRosterPill{
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  color:rgba(231,234,242,.76);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
}

.landingCommunityRosterGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

.landingCommunityRosterGroup{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(8,11,20,.52);
  padding:13px;
}

.landingCommunityRosterGroupHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.landingCommunityRosterGroupTitle{
  min-width:0;
  color:rgba(231,234,242,.58);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.landingCommunityRosterCount{
  min-width:26px;
  height:26px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  color:rgba(231,234,242,.88);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  line-height:1;
  font-weight:950;
  flex:0 0 auto;
}

.landingCommunityMemberList{
  display:grid;
  gap:4px;
  min-width:0;
  max-width:100%;
  overflow-x:hidden;
}

.landingCommunityMember{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  width:100%;
  max-width:100%;
  min-width:0;
  padding:8px 9px;
  border-radius:14px;
  border:1px solid transparent;
  position:relative;
  overflow:hidden;
  transition:
    transform .18s cubic-bezier(.22,1,.36,1),
    background .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.landingCommunityMember + .landingCommunityMember{
  border-top:1px solid rgba(255,255,255,.06);
}

.landingCommunityMember:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.075);
  box-shadow:
    0 8px 20px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.055);
}

.landingCommunityMember:hover .landingCommunityMemberAvatar{
  transform:scale(1.07);
}

.landingCommunityMemberAvatar{
  transition:
    transform .18s cubic-bezier(.22,1,.36,1),
    box-shadow .18s ease;
}

.landingCommunityMember:hover .landingCommunityMemberAvatar{
  box-shadow:0 8px 22px rgba(0,0,0,.22);
}

.landingCommunityMemberAvatar{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at top left, rgba(var(--accent-rgb), .24), transparent 68%),
    rgba(255,255,255,.06);
  color:#fff;
  font-size:13px;
  font-weight:900;
  flex:0 0 auto;
}

.landingCommunityMemberAvatarImg{
  width:100%;
  height:100%;
  border-radius:inherit;
  object-fit:cover;
  display:block;
}

.landingCommunityRosterState{
  min-height:42px;
  display:flex;
  align-items:center;
  color:rgba(231,234,242,.56);
  font-size:12px;
  line-height:1.45;
}

.landingCommunityMemberList{
  max-height:none;
  overflow:hidden;
  padding-right:0;
  scrollbar-width:none;
}

.landingCommunityMemberList::-webkit-scrollbar{
  width:0;
  height:0;
}

.landingCommunityMemberList.hasRosterScroll{
  max-height:408px;
}

.landingCommunityRoster.isCinematicComplete .landingCommunityMemberList.hasRosterScroll{
  overflow-y:auto;
  padding-right:4px;
  scrollbar-width:thin;
}

.landingCommunityRoster.isCinematicComplete .landingCommunityMemberList.hasRosterScroll::-webkit-scrollbar{
  width:6px;
}

.landingCommunityRoster.isCinematicComplete .landingCommunityMemberList.hasRosterScroll::-webkit-scrollbar-track{
  background:rgba(255,255,255,.035);
  border-radius:999px;
}

.landingCommunityRoster.isCinematicComplete .landingCommunityMemberList.hasRosterScroll::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.16);
  border-radius:999px;
}

.landingCommunityRosterMore{
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(231,234,242,.38);
  font-size:20px;
  line-height:1;
  font-weight:950;
  letter-spacing:.18em;
  user-select:none;
}

.landingCommunityMemberText{
  min-width:0;
}

.landingCommunityMemberText strong{
  display:block;
  min-width:0;
  font-size:14px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.landingCommunityOwnerTag{
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(255,210,74,.28);
  background:rgba(255,210,74,.10);
  color:rgba(255,230,158,.96);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  white-space:nowrap;
  justify-self:end;
  flex:0 0 auto;
}

.landingCommunityOwnerSpacer{
  width:1px;
  height:1px;
  justify-self:end;
}

.landingFeatureGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}

.landingFeatureCard{
  min-height:250px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at top right, rgba(var(--accent-rgb), .13), transparent 38%),
    rgba(255,255,255,.035);
  padding:22px;
  box-shadow:0 18px 58px rgba(0,0,0,.26);
}

.landingFeatureIcon{
  width:50px;
  height:50px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#171008;
  background:linear-gradient(180deg, rgba(255,210,74,1), rgba(255,170,60,1));
  font-weight:950;
  margin-bottom:22px;
}

.landingFeatureCard h3{
  font-size:22px;
  margin:0 0 10px;
}

.landingFeatureCard p{
  color:rgba(231,234,242,.62);
  line-height:1.55;
}

.landingStory{
  display:grid;
  grid-template-columns:minmax(280px,.65fr) minmax(0,1fr);
  gap:28px;
  align-items:start;
}

.landingStorySticky{
  position:sticky;
  top:138px;
  border-radius:28px;
  padding:26px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
}

.landingStorySticky h2{
  font-size:clamp(31px, 4vw, 56px);
}

.landingStorySticky p{
  margin-top:14px;
  color:rgba(231,234,242,.62);
  line-height:1.6;
}

.landingStorySteps{
  display:grid;
  gap:14px;
}

.landingStoryStep{
  min-height:168px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.022)),
    rgba(11,15,27,.62);
  padding:22px;
  box-shadow:0 18px 54px rgba(0,0,0,.24);
}

.landingStoryNumber{
  color:rgba(255,210,74,.95);
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:14px;
}

.landingStoryStep h3{
  font-size:24px;
  margin:0 0 9px;
}

.landingStoryStep p{
  color:rgba(231,234,242,.62);
  line-height:1.55;
}

@keyframes landingModuleSheen{
  0%{background-position:-60% 0, 0 0, 0 0}
  100%{background-position:170% 0, 0 0, 0 0}
}

@keyframes landingBorderGlow{
  0%,100%{opacity:.45}
  50%{opacity:.8}
}
@media (prefers-reduced-motion:reduce){
  .landingModuleChip:hover::after,
  .landingModuleChip:focus-visible::after,
  .landingModuleChip.isModuleSearchHit::after,
  .landingSetupStation:hover::before{
    animation:none;
  }
}

.landingModulesHead{
  align-items:flex-start;
}

.landingModulesHeadRight{
  min-width:min(430px, 100%);
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
}

.landingModulesHeadRight .landingSectionIntro{
  margin:0;
  text-align:right;
}

.landingModuleSearch{
  position:relative;
  width:min(380px, 100%);
  display:block;
}

.landingModuleSearchIcon{
  position:absolute;
  left:14px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  color:rgba(231,234,242,.56);
  pointer-events:none;
  z-index:2;
  transition:color .18s ease;
}

.landingModuleSearchIcon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.landingModuleSearchInput{
  width:100%;
  height:46px;
  padding:0 44px 0 44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb), .12), transparent 42%),
    rgba(8,11,20,.58);
  color:rgba(231,234,242,.95);
  font-size:13px;
  font-weight:800;
  outline:none;
  box-shadow:
    0 14px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.04);
  transition:
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.landingModuleSearchClear{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%) scale(.82);
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:rgba(231,234,242,.62);
  font-size:13px;
  line-height:1;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  z-index:3;
  transition:opacity .18s ease, transform .18s cubic-bezier(.22,1,.36,1), background .18s ease, border-color .18s ease, color .18s ease;
}

.landingModuleSearch.hasValue .landingModuleSearchClear{
  opacity:1;
  pointer-events:auto;
  transform:translateY(-50%) scale(1);
}

.landingModuleSearchClear:hover{
  background:rgba(96,140,255,.14);
  border-color:rgba(120,160,255,.5);
  color:#eaf0ff;
}

.landingModuleSearchInput::placeholder{
  color:rgba(231,234,242,.48);
}

.landingModuleSearchInput::-webkit-search-cancel-button,
.landingModuleSearchInput::-webkit-search-decoration{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}

.landingModuleSearch:focus-within .landingModuleSearchIcon{
  color:rgba(var(--accent-rgb), .95);
}

.landingModuleSearchInput:focus{
  border-color:rgba(var(--accent-rgb), .44);
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--accent-rgb), .18), transparent 46%),
    rgba(8,11,20,.72);
  box-shadow:
    0 18px 44px rgba(0,0,0,.30),
    0 0 0 3px rgba(var(--accent-rgb), .13),
    inset 0 1px 0 rgba(255,255,255,.055);
  transform:translateY(-1px);
}

.landingModuleSearchInput.hasNoMatch{
  border-color:rgba(255,77,77,.36);
  box-shadow:
    0 18px 44px rgba(0,0,0,.30),
    0 0 0 3px rgba(255,77,77,.10),
    inset 0 1px 0 rgba(255,255,255,.055);
}

.landingModuleGrid{
  position:relative;
  display:flex;
  align-items:stretch;
  gap:12px;
  isolation:isolate;
}

.landingModuleRailViewport{
  flex:1 1 auto;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:24px 4px 24px;
  scroll-behavior:auto;
  user-select:none;
  -webkit-user-select:none;
  scrollbar-width:none;
  -webkit-mask:linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  mask:linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  cursor:grab;
}

.landingModuleRailViewport.isDragging{
  cursor:grabbing;
  scroll-behavior:auto;
  scroll-snap-type:none;
}

.landingModuleRailViewport::-webkit-scrollbar{
  display:none;
}

.landingModuleRail{
  display:flex;
  align-items:stretch;
  gap:16px;
  width:max-content;
  padding:0 6px;
}

.landingModuleRail .landingModuleChip{
  flex:0 0 clamp(220px, 26vw, 280px);
  height:300px;
}

.landingModuleNav{
  flex:0 0 auto;
  align-self:center;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(12,16,26,.74);
  color:rgba(231,234,242,.86);
  cursor:pointer;
  backdrop-filter:blur(10px);
  box-shadow:0 12px 30px rgba(0,0,0,.32);
  transition:
    opacity .2s ease,
    transform .2s cubic-bezier(.22,1,.36,1),
    border-color .2s ease,
    background .2s ease,
    color .2s ease;
}

.landingModuleNav:hover{
  border-color:rgba(var(--accent-rgb), .45);
  background:rgba(16,21,34,.92);
  color:#fff;
  transform:scale(1.06);
}

.landingModuleNav:active{
  transform:scale(.96);
}

.landingModuleNav svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.landingModuleNav:focus-visible{
  outline:2px solid rgba(var(--accent-rgb), .5);
  outline-offset:3px;
}

.landingModuleChip{
  height:238px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.085);
  background:
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.025)),
    rgba(255,255,255,.032);
  padding:16px;
  position:relative;
  overflow:hidden;
  cursor:default;
  box-shadow:
    0 14px 38px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.04);
  transform:translateZ(0);
  will-change:transform;
  transition:
    transform .22s cubic-bezier(.22,1,.36,1),
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.landingModuleChip::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  background:
    linear-gradient(115deg, transparent 42%, rgba(180,200,255,.06) 50%, transparent 58%),
    radial-gradient(circle at top right, rgba(var(--accent-rgb), .12), transparent 42%),
    radial-gradient(circle at bottom left, rgba(255,210,74,.055), transparent 44%);
  background-size:220% 100%, auto, auto;
  background-position:-60% 0, 0 0, 0 0;
  background-repeat:no-repeat;
  opacity:.72;
  pointer-events:none;
}

.landingModuleChip::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,
    rgba(90,130,245,.85),
    rgba(70,110,230,.28) 48%,
    rgba(120,160,255,.6));
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite:exclude;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  opacity:0;
  pointer-events:none;
  transition:opacity .26s ease;
}

.landingModuleChip.landingReveal{
  transition:
    opacity .38s ease var(--moduleDelay, 0ms),
    transform .38s cubic-bezier(.22,1,.36,1) var(--moduleDelay, 0ms),
    filter .38s ease var(--moduleDelay, 0ms),
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.landingModuleFace{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.landingModuleTitle{
  margin:0;
  max-width:100%;
  font-size:21px;
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:950;
  overflow-wrap:anywhere;
  transform:translateY(0);
  transition:
    transform .22s cubic-bezier(.22,1,.36,1),
    color .18s ease;
}

.landingModuleDesc{
  position:absolute;
  left:16px;
  right:16px;
  bottom:18px;
  max-height:120px;
  margin:0;
  color:rgba(231,234,242,.72);
  font-size:12.5px;
  line-height:1.46;
  text-align:center;
  opacity:0;
  overflow:hidden;
  transform:translateY(14px);
  transition:
    opacity .18s ease,
    transform .22s cubic-bezier(.22,1,.36,1);
}

.landingModuleChip:hover,
.landingModuleChip:focus-visible,
.landingModuleChip.isModuleSearchHit,
.landingModuleChip.landingReveal.isVisible:hover,
.landingModuleChip.landingReveal.isVisible:focus-visible,
.landingModuleChip.landingReveal.isVisible.isModuleSearchHit{
  transform:translate3d(0,-10px,0);
  border-color:rgba(80,120,230,.40);
  background:
    linear-gradient(180deg, rgba(28,42,90,.14), rgba(5,8,18,.30)),
    rgba(4,6,13,.84);
  box-shadow:
    0 26px 60px rgba(0,0,0,.54),
    0 0 0 1px rgba(70,110,230,.14),
    0 0 34px rgba(70,110,230,.16),
    inset 0 1px 0 rgba(255,255,255,.04);
  z-index:5;
}

.landingModuleChip:hover::before,
.landingModuleChip:focus-visible::before,
.landingModuleChip.isModuleSearchHit::before{
  animation:landingModuleSheen .9s ease forwards;
}

.landingModuleChip:hover::after,
.landingModuleChip:focus-visible::after,
.landingModuleChip.isModuleSearchHit::after{
  opacity:1;
  animation:landingBorderGlow 2.4s ease-in-out infinite;
}

.landingModuleChip:hover .landingModuleTitle,
.landingModuleChip:focus-visible .landingModuleTitle,
.landingModuleChip.isModuleSearchHit .landingModuleTitle,
.landingModuleChip.landingReveal.isVisible:hover .landingModuleTitle,
.landingModuleChip.landingReveal.isVisible:focus-visible .landingModuleTitle,
.landingModuleChip.landingReveal.isVisible.isModuleSearchHit .landingModuleTitle{
  color:rgba(255,255,255,.96);
  transform:translateY(-26px) scale(1.08);
}

.landingModuleChip:hover .landingModuleDesc,
.landingModuleChip:focus-visible .landingModuleDesc,
.landingModuleChip.isModuleSearchHit .landingModuleDesc,
.landingModuleChip.landingReveal.isVisible:hover .landingModuleDesc,
.landingModuleChip.landingReveal.isVisible:focus-visible .landingModuleDesc,
.landingModuleChip.landingReveal.isVisible.isModuleSearchHit .landingModuleDesc{
  opacity:1;
  transform:translateY(0);
}

.landingModuleChip:focus-visible{
  outline:2px solid rgba(var(--accent-rgb), .34);
  outline-offset:5px;
}

@media (hover:none){
  .landingModuleChip{
    height:auto;
    min-height:238px;
  }

  .landingModuleFace{
    justify-content:center;
    gap:14px;
  }

  .landingModuleTitle{
    transform:none;
  }

  .landingModuleDesc{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    max-height:none;
    opacity:1;
    transform:none;
  }
}

.landingModuleEmpty{
  grid-column:1 / -1;
  min-height:112px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  padding:18px;
  display:grid;
  align-content:center;
  gap:6px;
}

.landingModuleEmpty strong{
  font-size:18px;
}

.landingModuleEmpty span{
  color:rgba(231,234,242,.62);
  line-height:1.45;
}

.landingFinal{
  margin-top:60px;
  border-radius:34px;
  padding:34px;
  display:block;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top right, rgba(255,210,74,.18), transparent 35%),
    radial-gradient(circle at bottom left, rgba(var(--accent-rgb), .18), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  box-shadow:0 26px 80px rgba(0,0,0,.34);
}

body.mode-landing .dashboardLangDock{
  top:14px !important;
  right:14px !important;
  left:auto !important;
  bottom:auto !important;
  width:206px !important;
  display:grid !important;
  z-index:10020 !important;
}

body.mode-landing .dashboardLangBtn{
  min-height:50px;
  border-radius:16px;
}

.dashboardLangDock{
  top:108px !important;
  right:24px !important;
  left:auto !important;
  bottom:auto !important;
  width:218px !important;
  z-index:9996 !important;
}

.dashboardLangBtn{
  min-height:62px;
  border-radius:18px;
}

@media (max-width:760px){
    body.mode-landing .dashboardLangDock{
        top:10px !important;
        right:10px !important;
        left:auto !important;
        width:174px !important;
    }

    body.mode-landing .dashboardLangBtn{
        min-height:46px;
        padding:8px 10px;
    }

    body.mode-landing .dashboardLangBtnHint,
    body.mode-landing .dashboardLangBtnCaret{
        display:none;
    }

    .dashboardLangDock{
        top:96px !important;
        right:12px !important;
        left:12px !important;
        width:auto !important;
    }

    .dashboardLangBtn{
        min-height:54px;
        padding:9px 12px;
    }
}

.landingFinal h2{
  margin:0;
  font-size:clamp(30px, 4vw, 58px);
  line-height:1;
  letter-spacing:-.05em;
}

.landingFinal p{
  margin-top:12px;
  color:rgba(231,234,242,.66);
  line-height:1.55;
}

.landingReveal{
  opacity:1;
  transform:none;
  filter:none;
}

body.landingRevealReady .landingReveal{
  opacity:0;
  transform:translateY(28px);
  filter:blur(7px);
  transition:
    opacity .7s cubic-bezier(.22,1,.36,1),
    transform .7s cubic-bezier(.22,1,.36,1),
    filter .7s cubic-bezier(.22,1,.36,1);
}

body.landingRevealReady .landingReveal.isVisible{
  opacity:1;
  transform:none;
  filter:none;
}

@media (max-width:1100px){
    .landingHero{
        grid-template-columns:1fr;
        min-height:auto;
        padding-top:24px;
    }

    .landingHeroVisual{
        min-height:auto;
    }

    .landingControlRoom{
        position:relative;
        top:auto;
    }

    .landingFeatureGrid{
        grid-template-columns:1fr;
    }

    .landingCommunityPromo{
        grid-template-columns:1fr;
    }

    .landingCommunityRosterGrid{
        grid-template-columns:1fr;
    }

    .landingStory{
        grid-template-columns:1fr;
    }

    .landingStorySticky{
        position:relative;
        top:auto;
    }
}

@media (max-width:760px){
  .dashboardLanding{
    padding:20px 14px 86px;
  }

  .landingHeroTitle{
    font-size:clamp(40px, 14vw, 66px);
  }

  .landingHeroActions{
    align-items:stretch;
    flex-direction:column;
  }

  .landingCommunityActions{
    align-items:stretch;
    flex-direction:column;
  }

  .landingCommunityJoinCard,
  .landingCommunityRoster{
    border-radius:24px;
  }

  .landingCommunityJoinCardTop,
  .landingCommunityRosterHead{
    flex-direction:column;
  }

  .landingCommunityMember{
    grid-template-columns:auto minmax(0,1fr) auto;
  }

  .landingCommunityMemberList.isCustomerList{
    max-height:408px;
  }

  .landingPrimaryBtn,
  .landingGhostBtn{
    width:100%;
  }

  .landingLiveStatsTop{
    flex-direction:column;
  }

  .landingLiveSnapshot{
    grid-template-columns:1fr;
  }

  .landingLiveResourceGrid{
    grid-template-columns:1fr;
  }

  .landingSection{
    padding:58px 0;
  }

  .landingSectionHead{
    align-items:flex-start;
    flex-direction:column;
  }

  .landingModulesHeadRight{
    width:100%;
    align-items:flex-start;
  }

  .landingModulesHeadRight .landingSectionIntro{
    text-align:left;
  }

  .landingModuleSearch{
    width:100%;
  }

  .landingModuleGrid{
    gap:8px;
  }

  .landingModuleNav{
    display:none;
  }

  .landingModuleRailViewport{
    padding:16px 0 18px;
    -webkit-mask:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
    mask:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  }

  .landingModuleRail .landingModuleChip{
    flex-basis:78vw;
    height:auto;
    min-height:248px;
  }

  .landingFinal{
    padding:24px;
    border-radius:26px;
  }
}

@media (prefers-reduced-motion:reduce){
  .landingCommunityMember,
  .landingCommunityMemberAvatar{
    transition:none;
  }

  .landingCommunityMember:hover{
    transform:none;
  }
  .dashboardLanding::after,
  .landingReveal{
    animation:none;
    transition:none;
  }

  .landingReveal{
    opacity:1;
    transform:none;
    filter:none;
  }
}

.landingMatrixRain{
  position:absolute;
  top:16px;
  left:-54px;
  width:min(920px, calc(58vw + 360px));
  height:430px;
  z-index:0;
  pointer-events:none;
  overflow:visible;
  opacity:.31;
  mask-image:linear-gradient(to bottom, transparent, #000 13%, #000 76%, transparent);
}

.landingMatrixRain span{
  position:absolute;
  top:-280px;
  left:var(--x);
  writing-mode:vertical-rl;
  text-orientation:mixed;
  white-space:nowrap;
  color:#86ff9b;
  font-size:13px;
  line-height:.78;
  letter-spacing:1px;
  font-family:Consolas, "Cascadia Code", "SFMono-Regular", Menlo, Monaco, monospace;
  text-shadow:
    0 0 5px rgba(134,255,155,.58),
    0 0 13px rgba(55,255,126,.30),
    0 0 24px rgba(55,255,126,.12);
  opacity:.46;
  filter:blur(.15px);
  translate:var(--matrixPushX, 0px) var(--matrixPushY, 0px);
  transition:
    translate .18s cubic-bezier(.22,1,.36,1),
    opacity .18s ease,
    filter .18s ease,
    text-shadow .18s ease;
  animation:landingMatrixFall var(--d) linear infinite;
  animation-delay:var(--delay);
  will-change:translate, opacity, filter;
}

.landingMatrixRain span.isRepelled{
  opacity:.68;
  filter:blur(0);
  text-shadow:
    0 0 7px rgba(170,255,184,.82),
    0 0 18px rgba(55,255,126,.52),
    0 0 34px rgba(55,255,126,.22);
}

.landingMatrixRain span:nth-child(1){--x:.8%;--d:18s;--delay:-2s}
.landingMatrixRain span:nth-child(2){--x:4.6%;--d:21s;--delay:-13s}
.landingMatrixRain span:nth-child(3){--x:8.4%;--d:19s;--delay:-7s}
.landingMatrixRain span:nth-child(4){--x:12.2%;--d:23s;--delay:-18s}
.landingMatrixRain span:nth-child(5){--x:16%;--d:20s;--delay:-4s}
.landingMatrixRain span:nth-child(6){--x:19.8%;--d:24s;--delay:-15s}
.landingMatrixRain span:nth-child(7){--x:23.6%;--d:18s;--delay:-10s}
.landingMatrixRain span:nth-child(8){--x:27.4%;--d:22s;--delay:-1s}
.landingMatrixRain span:nth-child(9){--x:31.2%;--d:19s;--delay:-16s}
.landingMatrixRain span:nth-child(10){--x:35%;--d:25s;--delay:-9s}
.landingMatrixRain span:nth-child(11){--x:38.8%;--d:20s;--delay:-20s}
.landingMatrixRain span:nth-child(12){--x:42.6%;--d:23s;--delay:-5s}
.landingMatrixRain span:nth-child(13){--x:46.4%;--d:18s;--delay:-14s}
.landingMatrixRain span:nth-child(14){--x:50.2%;--d:22s;--delay:-8s}
.landingMatrixRain span:nth-child(15){--x:54%;--d:19s;--delay:-22s}
.landingMatrixRain span:nth-child(16){--x:57.8%;--d:24s;--delay:-12s}
.landingMatrixRain span:nth-child(17){--x:61.6%;--d:21s;--delay:-3s}
.landingMatrixRain span:nth-child(18){--x:65.4%;--d:20s;--delay:-17s}
.landingMatrixRain span:nth-child(19){--x:69.2%;--d:23s;--delay:-6s}
.landingMatrixRain span:nth-child(20){--x:73%;--d:18s;--delay:-11s}

@keyframes landingMatrixFall{
  0%{
    transform:translate3d(0,-360px,0);
  }
  100%{
    transform:translate3d(0,720px,0);
  }
}

@media (max-width:760px){
  .landingMatrixRain{
    top:54px;
    left:-34px;
    width:calc(100% + 220px);
    height:300px;
    opacity:.24;
    overflow:visible;
  }

  .landingMatrixRain span{
    font-size:10px;
    letter-spacing:.5px;
    line-height:.76;
  }

  .landingMatrixRain span.isRepelled{
    opacity:.68;
  }
}

.landingSetupSection{
  position:relative;
}

.landingSetupRoad{
  --setupProgress:0;
  --setupLineSoft:rgba(var(--accent-rgb), .22);
  --setupLineHot:rgba(255,210,74,.92);
  --setupChannel:34px;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:30px;
  padding:54px 38px;
  border-radius:36px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 12% 8%, rgba(var(--accent-rgb), .16), transparent 34%),
    radial-gradient(circle at 88% 94%, rgba(255,210,74,.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.018));
  box-shadow:
    0 34px 96px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  isolation:isolate;
}

.landingSetupRoad::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--landingMouseX, 50%) var(--landingMouseY, 50%), rgba(var(--accent-rgb), .11), transparent 26%),
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,.045) 50%, rgba(255,255,255,0) 60%, transparent 100%);
  opacity:.72;
}

.landingSetupThread{
  position:absolute;
  top:54px;
  bottom:54px;
  left:50%;
  width:3px;
  transform:translateX(-50%);
  z-index:1;
  pointer-events:none;
  overflow:visible;
}

.landingSetupThread path{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.landingSetupThreadBase{
  stroke:rgba(255,255,255,.14);
  stroke-width:1.5;
  opacity:1;
}

.landingSetupThreadActive{
  stroke:rgba(var(--accent-rgb), .96);
  stroke-width:3.4;
  stroke-dasharray:none;
  stroke-dashoffset:0;
  opacity:1;
  transform-box:view-box;
  transform-origin:50% 0;
  transform:scaleY(var(--setupProgress));
  filter:
    drop-shadow(0 0 8px rgba(var(--accent-rgb), .62))
    drop-shadow(0 0 18px rgba(var(--accent-rgb), .30));
  transition:transform .12s linear, opacity .16s ease;
}

.landingSetupThreadComet{
  display:none;
}

.landingSetupStation{
  position:relative;
  z-index:2;
  width:calc(50% - var(--setupChannel));
  border-radius:24px;
  border:1px solid rgba(255,255,255,.095);
  background:
    linear-gradient(135deg, rgba(255,255,255,.078), rgba(255,255,255,.026)),
    rgba(7,10,18,.78);
  padding:22px 24px;
  box-shadow:
    0 20px 58px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(14px);
  opacity:0;
  transform:translateY(18px) scale(.982);
  filter:blur(7px);
  transition:
    opacity .58s cubic-bezier(.22,1,.36,1),
    transform .58s cubic-bezier(.22,1,.36,1),
    filter .58s cubic-bezier(.22,1,.36,1),
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease;
}

.landingSetupStation:nth-of-type(odd){
  align-self:flex-end;
}

.landingSetupStation:nth-of-type(even){
  align-self:flex-start;
}

.landingSetupStation:nth-of-type(1){transition-delay:.10s}
.landingSetupStation:nth-of-type(2){transition-delay:.16s}
.landingSetupStation:nth-of-type(3){transition-delay:.22s}
.landingSetupStation:nth-of-type(4){transition-delay:.28s}
.landingSetupStation:nth-of-type(5){transition-delay:.34s}
.landingSetupStation:nth-of-type(6){transition-delay:.40s}

.landingSetupRoad.isVisible .landingSetupStation{
  opacity:1;
  transform:none;
  filter:none;
}

.landingSetupStation::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:1;
  padding:1px;
  background:linear-gradient(135deg,
    rgba(90,130,245,.8),
    rgba(70,110,230,.26) 48%,
    rgba(120,160,255,.55));
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite:exclude;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  opacity:0;
  transition:opacity .26s ease;
}

.landingSetupConnector{
  position:absolute;
  top:50%;
  height:2px;
  width:var(--setupChannel);
  z-index:3;
  border-radius:2px;
  background:linear-gradient(90deg, rgba(var(--accent-rgb), .55), rgba(255,210,74,.40));
  opacity:.5;
  transform:translateY(-50%);
  transition:opacity .24s ease;
}

.landingSetupStation:nth-of-type(odd) .landingSetupConnector{
  left:calc(var(--setupChannel) * -1);
}

.landingSetupStation:nth-of-type(even) .landingSetupConnector{
  right:calc(var(--setupChannel) * -1);
}

.landingSetupPoint{
  position:absolute;
  top:50%;
  width:22px;
  height:22px;
  border-radius:999px;
  z-index:4;
  background:
    radial-gradient(circle at 50% 50%, #fff 0 24%, rgba(170,200,255,1) 25% 50%, rgba(96,140,255,.95) 51% 100%);
  border:1px solid rgba(190,210,255,.5);
  box-shadow:
    0 0 0 4px rgba(96,140,255,.05),
    0 0 11px rgba(96,140,255,.16);
  opacity:.64;
  transform:translateY(-50%) scale(.82);
  transition:
    transform .24s cubic-bezier(.22,1,.36,1),
    opacity .24s ease,
    box-shadow .24s ease;
}

.landingSetupStation:nth-of-type(odd) .landingSetupPoint{
  left:calc(var(--setupChannel) * -1 - 11px);
}

.landingSetupStation:nth-of-type(even) .landingSetupPoint{
  right:calc(var(--setupChannel) * -1 - 11px);
}

.landingSetupPoint::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  border:1px solid rgba(150,180,255,.6);
  opacity:0;
  pointer-events:none;
}

.landingSetupStation.isSetupActive{
  border-color:rgba(var(--accent-rgb), .30);
  box-shadow:
    0 24px 72px rgba(0,0,0,.34),
    0 0 36px rgba(var(--accent-rgb), .08),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.landingSetupStation.isSetupActive .landingSetupPoint{
  opacity:1;
  transform:translateY(-50%) scale(1);
  box-shadow:
    0 0 0 5px rgba(96,140,255,.07),
    0 0 14px rgba(96,140,255,.30),
    0 0 24px rgba(120,160,255,.16);
}

.landingSetupStation.isSetupActive .landingSetupConnector{
  opacity:1;
}

.landingSetupStation.isSetupActive .landingSetupPoint::after{
  animation:landingSetupPing 2.6s cubic-bezier(.22,1,.36,1) infinite;
}

@keyframes landingSetupPing{
  0%{opacity:.65;transform:scale(.9)}
  70%{opacity:0;transform:scale(2.8)}
  100%{opacity:0;transform:scale(2.8)}
}

.landingSetupStation:hover{
  border-color:rgba(80,120,230,.36);
  background:
    linear-gradient(135deg, rgba(28,42,90,.14), rgba(5,8,18,.16)),
    rgba(3,5,11,.94);
  box-shadow:
    0 26px 74px rgba(0,0,0,.54),
    0 0 32px rgba(70,110,230,.14),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.landingSetupStation:hover::before{
  opacity:1;
  animation:landingBorderGlow 2.4s ease-in-out infinite;
}

.landingSetupStation:hover h3{
  color:rgba(255,255,255,.98);
}

.landingSetupStation:hover p{
  color:rgba(231,234,242,.82);
}

.landingSetupStation:hover .landingSetupConnector{
  opacity:1;
}

.landingSetupStation:hover .landingSetupPoint{
  opacity:1;
  transform:translateY(-50%) scale(1.08);
}

.landingSetupNumber{
  width:max-content;
  min-width:46px;
  height:34px;
  padding:0 12px;
  margin-bottom:14px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at top, rgba(255,210,74,.24), transparent 74%),
    rgba(var(--accent-rgb), .13);
  border:1px solid rgba(var(--accent-rgb), .20);
  color:rgb(var(--accent-rgb));
  font-size:12px;
  font-weight:950;
  letter-spacing:.11em;
  box-shadow:0 0 22px rgba(var(--accent-rgb), .08);
}

.landingSetupBody{
  display:grid;
  gap:9px;
}

.landingSetupStation h3{
  margin:0;
  font-size:21px;
  line-height:1.1;
  letter-spacing:-.04em;
}

.landingSetupStation p{
  margin:0;
  color:rgba(231,234,242,.64);
  line-height:1.56;
}

@media (max-width:900px){
  .landingSetupRoad{
    padding:40px 20px 40px 64px;
    gap:22px;
  }

  .landingSetupThread{
    top:44px;
    bottom:44px;
    left:30px;
    transform:none;
  }

  .landingSetupStation{
    width:100%;
  }

  .landingSetupStation:nth-of-type(odd),
  .landingSetupStation:nth-of-type(even){
    align-self:stretch;
  }

  .landingSetupStation:nth-of-type(even) .landingSetupConnector{
    left:calc(var(--setupChannel) * -1);
    right:auto;
  }

  .landingSetupStation:nth-of-type(even) .landingSetupPoint{
    left:calc(var(--setupChannel) * -1 - 11px);
    right:auto;
  }
}

@media (max-width:520px){
  .landingSetupRoad{
    border-radius:28px;
    padding:32px 16px 32px 58px;
  }

  .landingSetupThread{
    left:26px;
  }

  .landingSetupStation{
    padding:18px 18px;
  }

  .landingSetupStation h3{
    font-size:19px;
  }
}

@media (prefers-reduced-motion:reduce){
  .landingSetupThreadActive,
  .landingSetupStation,
  .landingSetupPoint,
  .landingSetupPoint::after,
  .landingModuleChip,
  .landingModuleChip::before,
  .landingModuleChip::after,
  .landingModuleText{
    animation:none !important;
    transition:none !important;
  }

  .landingSetupThreadActive{
    transform:scaleY(1);
    opacity:1;
  }

  .landingSetupStation{
    opacity:1;
    transform:none;
    filter:none;
  }

  .landingSetupPoint{
    opacity:1;
  }
}

body.landingCinematicReady .landingCinematicItem,
body.landingCinematicReady .landingReveal.isVisible.landingCinematicItem,
body.landingCinematicReady .landingSetupRoad.isVisible .landingSetupStation.landingCinematicItem{
  opacity:var(--cinemaOpacity, 1);
  transform:translate3d(var(--cinemaTx, 0px), var(--cinemaTy, 0px), 0) scale(var(--cinemaScale, 1)) rotate(var(--cinemaRot, 0deg));
  filter:blur(var(--cinemaBlur, 0px));
  will-change:opacity, transform, filter;
  transition:
    opacity .16s linear,
    transform .16s cubic-bezier(.22,1,.36,1),
    filter .16s linear,
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

body.landingCinematicReady .landingCinematicItem.isCinematicActive{
  z-index:2;
}

body.landingCinematicReady .landingCinematicText .landingKicker,
body.landingCinematicReady .landingCinematicText h2,
body.landingCinematicReady .landingCinematicText .landingSectionIntro,
body.landingCinematicReady .landingCinematicText .landingCommunityActions,
body.landingCinematicReady .landingCinematicText .landingCommunityNote{
  opacity:var(--cinemaTextOpacity, 1);
  transform:translate3d(0, var(--cinemaTextY, 0px), 0);
  clip-path:inset(0 0 var(--cinemaTextClip, 0%) 0);
  transition:
    opacity .16s linear,
    transform .16s cubic-bezier(.22,1,.36,1),
    clip-path .16s linear,
    text-shadow .16s linear;
}

body.landingCinematicReady .landingCinematicText h2{
  text-shadow:0 0 var(--cinemaGlow, 0px) rgba(var(--accent-rgb), .22);
}

body.landingCinematicReady .landingCommunityVisual,
body.landingCinematicReady .landingCommunityVisualShell,
body.landingCinematicReady .landingCommunityRoster,
body.landingCinematicReady .landingCommunityJoinCard,
body.landingCinematicReady .landingFinal{
  position:relative;
}

body.landingCinematicReady .landingCommunityRoster,
body.landingCinematicReady .landingCommunityJoinCard,
body.landingCinematicReady .landingFinal{
  overflow:hidden;
}

body.landingCinematicReady .landingCommunityRoster::after,
body.landingCinematicReady .landingCommunityJoinCard::after,
body.landingCinematicReady .landingFinal::after{
  content:"";
  position:absolute;
  inset:-55%;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,0) 39%, rgba(255,255,255,.13) 49%, rgba(var(--accent-rgb), .13) 52%, rgba(255,255,255,0) 62%, transparent 100%);
  opacity:calc(var(--cinemaOpacity, 1) * .42);
  transform:translate3d(calc((1 - var(--cinemaOpacity, 1)) * -120px), 0, 0) rotate(8deg);
  mix-blend-mode:screen;
}

body.landingCinematicReady .landingCommunityRoster > *,
body.landingCinematicReady .landingCommunityJoinCard > *,
body.landingCinematicReady .landingFinal > *{
  position:relative;
  z-index:1;
}

body.landingCinematicReady .landingCommunityRoster.isCinematicActive{
  border-color:rgba(var(--accent-rgb), .28);
  box-shadow:
    0 30px 82px rgba(0,0,0,.38),
    0 0 42px rgba(var(--accent-rgb), .09),
    inset 0 1px 0 rgba(255,255,255,.065);
}

body.landingCinematicReady .landingCommunityJoinCard.isCinematicActive{
  border-color:rgba(121,133,255,.54);
  box-shadow:
    0 26px 68px rgba(0,0,0,.36),
    0 0 44px rgba(88,101,242,.13),
    inset 0 1px 0 rgba(255,255,255,.12);
}

body.landingCinematicReady .landingCommunityRosterGroup.isCinematicActive{
  border-color:rgba(var(--accent-rgb), .20);
  background:
    radial-gradient(circle at top right, rgba(var(--accent-rgb), .10), transparent 48%),
    rgba(8,11,20,.58);
}

body.landingCinematicReady .landingCommunityMember.isCinematicActive{
  background:rgba(255,255,255,.035);
}

body.landingCinematicReady .landingCommunityMember.landingCinematicItem:hover{
  transform:translate3d(var(--cinemaTx, 0px), calc(var(--cinemaTy, 0px) - 1px), 0) scale(var(--cinemaScale, 1)) rotate(var(--cinemaRot, 0deg));
}

body.landingCinematicReady .landingSetupStation.landingCinematicItem:hover{
  transform:translate3d(var(--cinemaTx, 0px), calc(var(--cinemaTy, 0px) - 5px), 0) scale(var(--cinemaScale, 1)) rotate(var(--cinemaRot, 0deg));
}

body.landingCinematicReady .landingModuleChip.landingCinematicItem:hover,
body.landingCinematicReady .landingModuleChip.landingCinematicItem:focus-visible,
body.landingCinematicReady .landingModuleChip.landingCinematicItem.isModuleSearchHit,
body.landingCinematicReady .landingModuleChip.landingReveal.isVisible.landingCinematicItem:hover,
body.landingCinematicReady .landingModuleChip.landingReveal.isVisible.landingCinematicItem:focus-visible,
body.landingCinematicReady .landingModuleChip.landingReveal.isVisible.landingCinematicItem.isModuleSearchHit{
  transform:translate3d(var(--cinemaTx, 0px), calc(var(--cinemaTy, 0px) - 12px), 0) scale(var(--cinemaScale, 1)) rotate(var(--cinemaRot, 0deg));
}

body.landingCinematicReady .landingFinal.isCinematicActive{
  border-color:rgba(var(--accent-rgb), .24);
  box-shadow:
    0 32px 90px rgba(0,0,0,.38),
    0 0 48px rgba(var(--accent-rgb), .10);
}

@media (prefers-reduced-motion:reduce){
  body.landingCinematicReady .landingCinematicItem,
  body.landingCinematicReady .landingReveal.isVisible.landingCinematicItem,
  body.landingCinematicReady .landingSetupRoad.isVisible .landingSetupStation.landingCinematicItem{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }

  body.landingCinematicReady .landingCinematicText .landingKicker,
  body.landingCinematicReady .landingCinematicText h2,
  body.landingCinematicReady .landingCinematicText .landingSectionIntro,
  body.landingCinematicReady .landingCinematicText .landingCommunityActions,
  body.landingCinematicReady .landingCinematicText .landingCommunityNote{
    opacity:1;
    transform:none;
    clip-path:none;
    transition:none;
  }

  body.landingCinematicReady .landingCommunityRoster::after,
  body.landingCinematicReady .landingCommunityJoinCard::after,
  body.landingCinematicReady .landingFinal::after{
    display:none;
  }
}

.landingScrollProgress{
  display:block;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:3px;
  z-index:10060;
  pointer-events:none;
  cursor:var(--cursor-resize-h), ew-resize !important;
  touch-action:none;
  user-select:none;
  opacity:0;
  transition:opacity .2s ease, filter .16s ease;
}

.landingScrollProgress::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-8px;
  bottom:-11px;
  background:transparent;
}

.landingScrollProgress::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  transform:scaleX(var(--landingScrollProgress, 0));
  transform-origin:left center;
  background:
    linear-gradient(90deg,
      rgba(88,152,255,.52) 0%,
      rgba(96,160,255,.84) 20%,
      rgba(104,154,255,.85) 40%,
      rgba(116,146,255,.83) 58%,
      rgba(132,150,255,.80) 74%,
      rgba(160,176,255,.76) 88%,
      rgba(198,212,255,.72) 100%
    );
  box-shadow:
    0 0 10px rgba(93,168,255,.20),
    inset 0 1px 0 rgba(255,255,255,.20);
  will-change:transform;
}

body.mode-landing:not(.landingBooting) .landingScrollProgress{
  pointer-events:auto;
  opacity:.95;
}

body.mode-landing.isLandingProgressDragging,
body.mode-landing.isLandingProgressDragging *{
  cursor:var(--cursor-resize-h), ew-resize !important;
  user-select:none;
}

body.mode-landing.isLandingProgressDragging .landingScrollProgress{
  opacity:1;
  filter:brightness(1.08);
}

.landingBootOverlay{
  display:none;
}

html.landingBootPreload .topbar,
html.landingBootPreload .dashboardLangDock{
  opacity:0;
  transform:translateY(-12px) scale(.992);
  pointer-events:none;
}

body.mode-landing.landingBooting{
  overflow:hidden;
}

body.mode-landing:not(.landingBootDone) .topbar,
body.mode-landing:not(.landingBootDone) .dashboardLangDock,
body.mode-landing:not(.landingBootDone) .landingShell{
  opacity:0;
  transform:translateY(12px) scale(.992);
  pointer-events:none;
  transition:
    opacity .34s ease,
    transform .34s cubic-bezier(.22,1,.36,1);
}

body.mode-landing.landingBooting .landingMatrixRain,
body.mode-landing:not(.landingBootDone) .landingMatrixRain{
  opacity:1;
  filter:none;
  pointer-events:auto;
}

body.mode-landing.landingBooting .landingBootOverlay{
  position:fixed;
  inset:0;
  z-index:10080;
  display:grid;
  place-items:center;
  padding:22px;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.035), transparent 34%),
    rgba(9,11,18,.46);
  backdrop-filter:none;
  animation:landingBootOverlayIn .22s ease both;
}

body.mode-landing.landingBootFinished .landingBootOverlay{
  animation:landingBootOverlayOut .24s ease both;
}

.landingBootCard{
  width:min(420px, calc(100vw - 40px));
  display:grid;
  justify-items:center;
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  transform-origin:center;
  animation:landingBootCardIn .34s cubic-bezier(.22,1,.36,1) both;
}

.landingBootTopline{
  display:flex;
  align-items:center;
  gap:9px;
  color:rgba(231,234,242,.64);
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.landingBootPulse{
  width:9px;
  height:9px;
  border-radius:999px;
  background:rgb(var(--landingMoodA));
  box-shadow:0 0 20px rgba(var(--landingMoodA), .78);
  animation:landingBootPulse 1s ease-in-out infinite;
}

.landingBootTitle{
  color:rgba(231,234,242,.94);
  font-size:clamp(22px, 4.4vw, 34px);
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.045em;
  text-align:center;
  text-shadow:0 18px 46px rgba(0,0,0,.36);
}

.landingBootTerminal{
  margin-top:18px;
  display:grid;
  gap:8px;
  color:rgba(231,234,242,.68);
  font-size:12px;
  line-height:1.35;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

.landingBootTerminal span{
  opacity:0;
  transform:translateX(-8px);
  animation:landingBootLine .36s ease both;
}

.landingBootTerminal span:nth-child(1){animation-delay:.16s}
.landingBootTerminal span:nth-child(2){animation-delay:.46s}
.landingBootTerminal span:nth-child(3){animation-delay:.76s}

.landingBootTerminal span::before{
  content:"> ";
  color:rgb(var(--landingMoodA));
}

.landingBootProgress{
  position:relative;
  width:min(360px, 72vw);
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.085);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 18px 44px rgba(0,0,0,.34);
}

.landingBootProgress span{
  position:absolute;
  inset:0 auto 0 0;
  width:100%;
  border-radius:inherit;
  transform:scaleX(0);
  transform-origin:left center;
  background:
    linear-gradient(90deg, rgba(220,226,238,.92), rgba(255,255,255,.96), rgba(var(--accent-rgb), .88)),
    linear-gradient(180deg, rgba(255,255,255,.36), transparent);
  box-shadow:
    0 0 22px rgba(220,226,238,.20),
    0 0 34px rgba(var(--accent-rgb), .18);
  animation:landingBootProgressFill 1.28s linear both;
  will-change:transform;
}

.landingBootProgress::after{
  content:"";
  position:absolute;
  top:-140%;
  bottom:-140%;
  width:90px;
  left:-120px;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.44), transparent);
  transform:skewX(-18deg);
  animation:landingBootProgressShine 1.28s cubic-bezier(.18,.92,.2,1) both;
}

.landingBootPercent{
  display:none;
}

.landingBootTopline,
.landingBootTerminal,
.landingBootStatus,
.landingBootBar{
  display:none;
}

.landingBootStatus{
  margin-top:12px;
  color:rgba(231,234,242,.56);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-align:right;
  opacity:0;
  animation:landingBootReady .28s ease 1.22s both;
}

body.mode-landing:not(.landingBooting) .topbar,
body.mode-landing:not(.landingBooting) .dashboardLangDock,
body.mode-landing:not(.landingBooting) .landingShell,
body.mode-landing:not(.landingBooting) .landingMatrixRain{
  transition:
    opacity .46s ease,
    transform .46s cubic-bezier(.22,1,.36,1);
}

body.mode-landing .landingMagneticBtn{
  --landingMagnetX:0px;
  --landingMagnetY:0px;
  --landingRippleX:50%;
  --landingRippleY:50%;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transform:translate3d(var(--landingMagnetX), var(--landingMagnetY), 0);
  transition:
    transform .16s cubic-bezier(.22,1,.36,1),
    box-shadow .18s ease,
    background .18s ease,
    border-color .18s ease,
    opacity .18s ease,
    filter .18s ease;
}

body.mode-landing .landingMagneticBtn:hover{
  transform:translate3d(var(--landingMagnetX), calc(var(--landingMagnetY) - 2px), 0);
  box-shadow:
    0 20px 54px rgba(0,0,0,.35),
    0 0 24px rgba(var(--landingMoodA), .10);
}

body.mode-landing .landingMagneticBtn::after{
  content:"";
  position:absolute;
  left:var(--landingRippleX);
  top:var(--landingRippleY);
  width:16px;
  height:16px;
  border-radius:999px;
  pointer-events:none;
  background:radial-gradient(circle, rgba(255,255,255,.42), rgba(var(--landingMoodA), .20) 42%, transparent 70%);
  transform:translate(-50%, -50%) scale(0);
  opacity:0;
  z-index:-1;
}

body.mode-landing .landingMagneticBtn.isLandingRippling::after{
  animation:landingButtonRipple .56s ease-out both;
}

body.mode-landing .landingPrimaryBtn.landingMagneticBtn:hover{
  filter:brightness(1.04) saturate(1.04);
}

body.mode-landing .landingGhostBtn.landingMagneticBtn:hover,
body.mode-landing .landingMiniNav button.landingMagneticBtn:hover{
  border-color:rgba(var(--landingMoodA), .30);
  background:rgba(var(--landingMoodA), .075);
}

body.mode-landing .landingMoodSurface{
  transition:
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease;
}

body.mode-landing .landingMoodSurface.isLandingMoodActive{
  border-color:rgba(var(--landingMoodA), .26);
  box-shadow:
    0 24px 68px rgba(0,0,0,.32),
    0 0 38px rgba(var(--landingMoodA), .08),
    inset 0 1px 0 rgba(255,255,255,.055);
}

@keyframes landingBootProgressFill{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}

@keyframes landingBootProgressShine{
  0%{left:-120px; opacity:0}
  16%{opacity:.72}
  100%{left:calc(100% + 80px); opacity:0}
}

@keyframes landingBootOverlayIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes landingBootOverlayOut{
  from{opacity:1}
  to{opacity:0}
}

@keyframes landingBootCardIn{
  from{
    opacity:0;
    transform:translateY(10px) scale(.985);
  }
  to{
    opacity:1;
    transform:none;
  }
}

@keyframes landingBootPulse{
  0%,100%{transform:scale(1); opacity:.76}
  50%{transform:scale(1.35); opacity:1}
}

@keyframes landingBootLine{
  to{
    opacity:1;
    transform:none;
  }
}

@keyframes landingBootLoad{
  0%{transform:scaleX(.04)}
  42%{transform:scaleX(.48)}
  72%{transform:scaleX(.76)}
  100%{transform:scaleX(1)}
}

@keyframes landingBootReady{
  to{opacity:1}
}

@keyframes landingButtonRipple{
  0%{
    opacity:.92;
    transform:translate(-50%, -50%) scale(0);
  }
  72%{
    opacity:.25;
  }
  100%{
    opacity:0;
    transform:translate(-50%, -50%) scale(18);
  }
}

@media (hover:none){
  body.mode-landing .landingMagneticBtn,
  body.mode-landing .landingMagneticBtn:hover{
    transform:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .landingScrollProgress{
    transition:none;
  }

  body.mode-landing.landingBooting .landingBootOverlay{
    animation:none;
  }

  .landingBootCard,
  .landingBootTerminal span,
  .landingBootBar span,
  .landingBootStatus,
  .landingBootPulse,
  body.mode-landing .landingMagneticBtn.isLandingRippling::after{
    animation:none;
  }

  body.mode-landing .landingMagneticBtn,
  body.mode-landing .landingMagneticBtn:hover{
    transform:none;
    transition:none;
  }
}