.landing-redesign {
  --amber: #ffd166;
  --muted: #bdc7cf;
  --line: #41505b;
  background:
    radial-gradient(ellipse at 50% 0%, #243b4b 0, #111a21 33rem, transparent 70rem),
    #0b1015;
  position: relative;
  isolation: isolate;
}

.landing-redesign::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: -28%;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 28% 35%, #47718b25, transparent 37%),
    radial-gradient(ellipse at 72% 62%, #bd94401b, transparent 38%);
  background-size: 130% 130%;
  animation: none;
}

.landing-redesign .header {
  border-bottom-color: #d7e5ed20;
  background: #0b1117ed;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: transform .2s ease;
  will-change: transform;
}

.landing-redesign .header.is-scroll-hidden {
  transform: translateY(-105%);
}

.landing-redesign .brand small,
.landing-redesign nav,
.landing-redesign .text-link {
  color: #cad4dc;
}

.landing-redesign nav a:hover,
.landing-redesign .text-link:hover {
  color: #ffe29a;
}

.landing-redesign .hub-entry {
  flex-shrink: 0;
  margin-left: auto;
  min-width: 102px;
  letter-spacing: 1px;
  box-shadow: 0 4px 18px #ffd16618;
}

.landing-redesign .hero {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 25px;
  min-height: 0;
  padding: 22px 0 54px;
}

.landing-redesign .hero-visual.forest-hero {
  order: -1;
  align-self: center;
  width: min(100%, 1040px);
  height: auto;
  aspect-ratio: 1672 / 941;
  border: 1px solid #d9e9ef48;
  border-radius: 18px;
  box-shadow: 0 26px 70px #0008, 0 0 45px #92cee51c;
}

.landing-redesign .forest-scene {
  filter: brightness(1.13) saturate(1.12);
}

.landing-redesign .visual-overlay {
  background: linear-gradient(0deg, #071018ed 0%, #0710182e 40%, #07101808 78%);
}

.landing-redesign .forest-hero figcaption {
  bottom: 24px;
  left: 30px;
  right: 30px;
}

.landing-redesign .forest-hero figcaption strong {
  max-width: none;
  color: #fff;
  font-size: clamp(22px, 3vw, 34px);
  text-shadow: 0 3px 18px #000c;
}

.landing-redesign .image-tag {
  color: #d5e1e8;
}

.landing-redesign .hero-copy {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.landing-redesign .hero .pill {
  border-color: #9bc4d340;
  background: #d6eff00d;
  color: #dce9ef;
}

.landing-redesign .hero h1 {
  margin: 17px 0 14px;
  color: #fff;
  font-size: clamp(42px, 5.5vw, 70px);
  line-height: 1.08;
  letter-spacing: -2px;
}

.landing-redesign .hero h1 br {
  display: none;
}

.landing-redesign .hero h1 span {
  display: inline;
  color: #ffe08a;
}

.landing-redesign .hero-copy > p {
  max-width: 760px;
  margin: 0 auto;
  color: #d0dae1;
  font-size: 17px;
  line-height: 1.75;
}

.landing-redesign .actions {
  justify-content: center;
  margin-top: 23px;
}

.landing-redesign .button-primary {
  border-color: #91845f;
  color: #e1dccd;
  background: linear-gradient(135deg, #26313a, #1c2730);
  box-shadow: 0 3px 12px #0003;
}

.landing-redesign .button-primary:hover {
  background: linear-gradient(135deg, #303c45, #242f38);
  box-shadow: 0 4px 14px #0004, 0 0 8px #d5bf8110;
}

.landing-redesign :is(button,a.button,a.service-ticket,.map-source-notice a):not(.shop-card,.topfive-row,.vip-button,.war-button,.faction-dot,.account-toggle):not(:disabled) {
  transition: transform .16s ease, color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.landing-redesign :is(button,a.button,a.service-ticket,.map-source-notice a):not(.shop-card,.topfive-row,.vip-button,.war-button,.faction-dot,.account-toggle):not(:disabled):is(:hover,:focus-visible) {
  border-color: #cdbb8475;
  box-shadow: 0 0 11px #d5bf8122;
  background-color: #c7a34a0d;
  color: #f5f0e2;
}

.landing-redesign .button-primary:is(:hover,:focus-visible) {
  background: linear-gradient(135deg, #303c45, #242f38);
  color: #f1eee5;
  box-shadow: 0 4px 14px #0004, 0 0 8px #d5bf8110;
}

.landing-redesign .hero-note {
  justify-content: center;
  color: #bac8d2;
}

.landing-redesign .server-strip {
  border-color: #536675;
  background: linear-gradient(100deg, #17232c, #111b22 52%, #17232c);
}

.landing-redesign .strip-grid small {
  color: #c0cdd6;
}

.landing-redesign .section-heading h2,
.landing-redesign .community h2,
.landing-redesign .join h2 {
  color: #f9fbfc;
}

.landing-redesign .section-heading p,
.landing-redesign .community-intro > p,
.landing-redesign .steps p,
.landing-redesign .join p {
  color: #c2cdd5;
}

.landing-redesign .feature-card {
  --accent: #d7c28f;
  border-color: color-mix(in srgb, var(--accent) 45%, #35414a);
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 16%, #17232c), #131d25 70%, #111a21);
  box-shadow: 0 14px 40px #0003, inset 0 1px #ffffff08;
  transition: transform .35s ease, border-color .45s ease, box-shadow .55s ease, background-color .5s ease;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  contain: paint;
}

.landing-redesign .feature-card::before {
  display: block;
  content: "";
  position: absolute;
  z-index: 0;
  inset: -5%;
  pointer-events: none;
  opacity: .3;
  background:
    repeating-linear-gradient(133deg, transparent 0 21px, color-mix(in srgb, var(--accent) 8%, transparent) 22px 23px, transparent 24px 45px),
    radial-gradient(ellipse at 28% 45%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 42%);
  transform: translate3d(-1.5%, -.5%, 0) rotate(-2deg);
  animation: card-weave 58s ease-in-out infinite alternate;
  will-change: transform;
}

.landing-redesign .feature-card > * {
  position: relative;
  z-index: 1;
}

.landing-redesign .feature-card > p,
.landing-redesign .feature-card li span {
  color: #c6d0d7;
}

.landing-redesign .feature-card li strong {
  color: #f3f7f9;
}

.landing-redesign .feature-card .card-title {
  min-height: 0;
  justify-content: center;
  text-align: center;
}

.landing-redesign .feature-card .card-title h3 {
  margin: 0;
  font-size: 23px;
}

.landing-redesign .feature-card > p {
  margin: 12px auto 24px;
  max-width: 620px;
  text-align: center;
}

.landing-redesign .feature-card.red { --accent: #ff858a; }
.landing-redesign .feature-card.cyan { --accent: #74d5e8; }
.landing-redesign .feature-card.purple { --accent: #c4a4ff; }
.landing-redesign .feature-card.green { --accent: #80e0ad; }

.landing-redesign .feature-card .icon,
.landing-redesign .feature-card .card-label {
  display: none;
}

.landing-redesign .feature-card ul {
  display: grid;
  gap: 16px;
  margin: 0;
}

.landing-redesign .feature-card li {
  margin: 0;
  padding: 0;
}

.landing-redesign .feature-card li::before {
  display: none;
}

.landing-redesign .faction-icon {
  display: inline-block;
}

.landing-redesign .community {
  display: block;
}

.landing-redesign .community-intro {
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}

.landing-redesign .community-intro h2 {
  margin: 14px 0 12px;
  font-size: clamp(34px, 4vw, 48px);
}

.landing-redesign .community-intro > p {
  max-width: 700px;
  margin: 0 auto;
}

.landing-redesign .community-hub-link {
  margin-top: 10px;
  min-width: 190px;
}

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

.landing-redesign .steps li,
.landing-redesign .steps li:first-child {
  min-height: 168px;
  padding: 22px;
  border: 1px solid #60758145;
  border-radius: 12px;
  background: linear-gradient(145deg, #192832dd, #121c24e8);
  transition: transform .35s ease, border-color .45s ease, box-shadow .55s ease;
}

.landing-redesign .steps li > span {
  font-size: 23px;
  color: #ffe08a;
}

.landing-redesign .faction-banner {
  border-color: #f1c76b66;
  background: linear-gradient(110deg, #292418, #171a1b 70%);
}

.landing-redesign .faction-banner p {
  color: #d1d5d5;
}

.landing-redesign .steps li {
  border-color: #91a6b533;
  background: linear-gradient(120deg, #17212a, #11171d);
}

.landing-redesign .join {
  border-top: 1px solid #9ab3c12b;
  border-bottom: 1px solid #9ab3c12b;
  background: radial-gradient(ellipse at 50% 100%, #aa792b29, transparent 65%), #111820;
}

.landing-redesign .footer-inner,
.landing-redesign .credits {
  color: #b9c5ce;
}

.landing-redesign .footer-discord {
  color: #ffe08a;
  font-size: 11px;
  font-weight: 600;
  margin-right: 14px;
}

.landing-redesign .footer-discord:hover {
  color: #fff1c5;
  text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
  .landing-redesign .feature-card:hover,
  .landing-redesign .steps li:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--accent, #cdbb84) 70%, #ffffff);
    box-shadow: 0 14px 34px #0004, 0 0 17px color-mix(in srgb, var(--accent, #cdbb84) 18%, transparent), inset 0 1px #ffffff10;
  }

}

@keyframes ambient-drift {
  0% { transform: translate3d(-1%, -1%, 0) scale(1); }
  50% { transform: translate3d(1.5%, .5%, 0) scale(1.035); }
  100% { transform: translate3d(-.5%, 1.5%, 0) scale(1.015); }
}

@keyframes card-weave {
  0% { transform: translate3d(-3%, -1%, 0) rotate(-5deg); }
  100% { transform: translate3d(3%, 2%, 0) rotate(-1deg); }
}

@media (max-width: 760px) {
  .landing-redesign .nav-wrap > .hub-entry {
    display: inline-flex;
  }

  .landing-redesign .hero {
    gap: 18px;
    padding-top: 16px;
  }

  .landing-redesign .hero-visual.forest-hero {
    width: 100%;
    border-radius: 13px;
  }

  .landing-redesign .hero-copy > p {
    font-size: 15px;
  }

  .landing-redesign .hero-note {
    flex-wrap: wrap;
  }

  .landing-redesign .steps {
    grid-template-columns: 1fr;
  }

  .landing-redesign .footer-inner {
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-redesign::before,
  .landing-redesign .hero-visual.forest-hero {
    animation: none;
  }

  .landing-redesign .feature-card::before {
    animation: none;
  }

  .landing-redesign .feature-card,
  .landing-redesign .steps li {
    transition: none;
  }
}

/* Keep the landscape artwork static; the lightweight card pattern carries the motion. */
.landing-redesign .hero-visual.forest-hero,
.landing-redesign .forest-scene::after {
  animation: none;
  will-change: auto;
}

/* Landing page on phones only; desktop sizing remains untouched. */
@media (max-width: 650px) {
  .landing-redesign .container { width: calc(100% - 28px); }
  .landing-redesign .header { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .landing-redesign .nav-wrap { height: 58px; gap: 8px; }
  .landing-redesign .brand { min-width: 0; gap: 8px; font-size: 11px; letter-spacing: .7px; }
  .landing-redesign .brand-mark { width: 32px; height: 32px; flex: 0 0 32px; font-size: 20px; }
  .landing-redesign .brand small { font-size: 7px; letter-spacing: 1.5px; margin-top: 3px; }
  .landing-redesign .hub-entry { min-width: 0; min-height: 40px; padding: 8px 11px; font-size: 10px; }
  .landing-redesign .hero { gap: 15px; padding: 12px 0 38px; }
  .landing-redesign .hero-visual.forest-hero { border-radius: 10px; box-shadow: 0 10px 28px #0007; }
  .landing-redesign .forest-hero figcaption { left: 13px; right: 13px; bottom: 11px; }
  .landing-redesign .forest-hero figcaption strong { font-size: clamp(15px, 4.6vw, 22px); }
  .landing-redesign .forest-hero .eyebrow { font-size: 8px; letter-spacing: 1px; }
  .landing-redesign .image-tag { margin-top: 5px; font-size: 7px; }
  .landing-redesign .hero-copy { padding: 0 2px; }
  .landing-redesign .hero .pill { padding: 6px 10px; font-size: 9px; }
  .landing-redesign .hero h1 { margin: 11px 0 8px; font-size: clamp(30px, 8vw, 42px); letter-spacing: -1.25px; line-height: 1.08; }
  .landing-redesign .hero-copy > p { font-size: 13px; line-height: 1.55; }
  .landing-redesign .actions { gap: 10px; margin-top: 16px; }
  .landing-redesign .actions .button { min-height: 44px; padding: 10px 15px; font-size: 12px; }
  .landing-redesign .hero-note { justify-content: center; gap: 7px 12px; margin-top: 13px; font-size: 8px; letter-spacing: .8px; }
  .landing-redesign .server-strip .strip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; padding: 18px 0; }
  .landing-redesign .strip-grid h2 { font-size: 16px; }
  .landing-redesign .strip-grid strong { font-size: 11px; }
  .landing-redesign .strip-grid small { font-size: 8px; letter-spacing: .8px; }
  .landing-redesign .section { padding: 43px 0; }
  .landing-redesign .section-heading { margin-bottom: 22px; }
  .landing-redesign .section-heading h2,.landing-redesign .community h2,.landing-redesign .join h2 { font-size: clamp(25px, 7vw, 32px); letter-spacing: -.8px; line-height: 1.15; }
  .landing-redesign .section-heading p,.landing-redesign .community-intro > p,.landing-redesign .steps p,.landing-redesign .join p { font-size: 13px; line-height: 1.6; }
  .landing-redesign .card-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .landing-redesign .feature-card { padding: 18px; border-radius: 9px; box-shadow:none; }
  .landing-redesign .feature-card::before { animation:none; }
  .landing-redesign .feature-card .card-title { gap: 11px; }
  .landing-redesign .feature-card .icon { width: 36px; height: 36px; font-size: 22px; }
  .landing-redesign .feature-card .card-title h3 { font-size: 17px; }
  .landing-redesign .feature-card > p { margin: 13px 0; font-size: 12px; line-height: 1.55; }
  .landing-redesign .feature-card ul { margin-top: 16px; }
  .landing-redesign .feature-card li { margin: 12px 0; }
  .landing-redesign .feature-card li strong { font-size: 12px; }
  .landing-redesign .feature-card li span { font-size: 11px; line-height: 1.45; }
  .landing-redesign .community { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .landing-redesign .community h2 { margin: 10px 0; }
  .landing-redesign .steps li,.landing-redesign .steps li:first-child { gap: 13px; padding: 15px 0; }
  .landing-redesign .steps li > span { font-size: 21px; }
  .landing-redesign .steps h3 { font-size: 15px; }
  .landing-redesign .community-hub-link { min-height: 44px; }
  .landing-redesign .faction-banner { margin-top: 13px; padding: 16px; gap: 10px; }
  .landing-redesign .faction-banner h3 { font-size: 16px; }
  .landing-redesign .faction-banner p { font-size: 12px; line-height: 1.5; }
  .landing-redesign .banner-label { display: none; }
  .landing-redesign .join { padding: 42px 0; }
  .landing-redesign .join .brand-mark { margin-bottom: 14px; }
  .landing-redesign .join .button { min-height: 44px; }
  .landing-redesign .footer-inner { gap: 10px; }
  .landing-redesign .footer-discord { margin-right: 0; }
  .landing-redesign footer { padding: 20px 0; }
}

/* Bring the gold bullet rows closer together on narrow/mobile layouts. */
@media (max-width: 980px) {
  .landing-redesign .feature-duo .feature-columns ul,
  .landing-redesign .feature-duo .feature-bullets {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }
  .landing-redesign .feature-duo .feature-columns li,
  .landing-redesign .feature-duo .feature-bullets li {
    margin-top: 0 !important;
    margin-bottom: 1px !important;
    line-height: 1.12 !important;
  }
}

/* Final mobile header state: no menu control, only the red Login CTA. */
@media (max-width: 980px) {
  .landing-redesign .menu-toggle { display: none !important; }
  .landing-redesign .nav-wrap > .hub-entry {
    display: inline-flex !important;
    min-width: 76px !important;
    min-height: 36px !important;
    padding: 8px 13px !important;
    background: #9d252b !important;
    border-color: #c23b3f !important;
    color: #fff !important;
  }
}

@media (max-width: 650px) {
  .landing-redesign .feature-duo .feature-card { min-height: 120px !important; padding: 8px 8px !important; }
  .landing-redesign .feature-duo .card-title h3 { font-size: 11px; }
  .landing-redesign .feature-duo .card-number { font-size: 12px; }
  .landing-redesign .feature-duo .feature-card > p { font-size: 7px; line-height: 1.25; margin: 5px 0; }
  .landing-redesign .feature-duo .feature-columns li,
  .landing-redesign .feature-duo .feature-bullets li { font-size: 7px; line-height: 1.1; margin: 2px 0; padding-left: 9px; }
  .landing-redesign .feature-duo .feature-columns li::before,
  .landing-redesign .feature-duo .feature-bullets li::before { width: 4px; height: 4px; }
}

/* Shorter vertical proportions for both feature cards. */
.landing-redesign .feature-duo .feature-card { min-height: 285px !important; padding-top: 28px !important; padding-bottom: 28px !important; }
@media (max-width: 650px) {
  .landing-redesign .feature-duo .feature-card { min-height: 170px !important; padding: 10px 9px !important; }
  .landing-redesign .feature-duo .card-title h3 { font-size: 12px; }
  .landing-redesign .feature-duo .feature-card > p { font-size: 8px; margin: 7px 0; }
  .landing-redesign .feature-duo .feature-columns li,
  .landing-redesign .feature-duo .feature-bullets li { font-size: 8px; margin: 3px 0; }
}
@media (max-width: 360px) {
  .landing-redesign .container { width: calc(100% - 22px); }
  .landing-redesign .brand { font-size: 10px; }
  .landing-redesign .brand-mark { width: 29px; height: 29px; flex-basis: 29px; font-size: 18px; }
  .landing-redesign .hub-entry { padding-inline: 8px; font-size: 9px; }
  .landing-redesign .hero h1 { font-size: 29px; }
  .landing-redesign .actions { flex-direction: column; align-items: stretch; }
  .landing-redesign .actions .button { width: 100%; }
}
@media (hover: none) {
  .landing-redesign .feature-card:hover,.landing-redesign .steps li:hover,.landing-redesign .button:hover { transform: none; box-shadow: none; }
}

/* 2026 landing refresh: brighter editorial layout, intentionally different from the dashboard. */
.landing-redesign {
  --page: #edf3f4;
  --surface: #ffffff;
  --surface-soft: #e2ecee;
  --ink: #13252d;
  --muted-ink: #52646c;
  --gold: #c88716;
  --coral: #d86b5e;
  --cyan: #2f9caf;
  color: var(--ink);
  background: linear-gradient(135deg, #f5f8f7 0%, #e6eff1 48%, #dbe7e9 100%);
}
.landing-redesign::before { background: radial-gradient(circle at 8% 18%, #ffffffaa, transparent 34%), radial-gradient(circle at 92% 48%, #f4c96c30, transparent 28%); }
.landing-redesign .header { background: #f7faf9f2; border-bottom: 1px solid #b8c9cc; }
.landing-redesign .brand, .landing-redesign .brand small, .landing-redesign .landing-nav, .landing-redesign .landing-nav a { color: var(--ink); }
.landing-redesign .brand small { color: #66777b; }
.landing-redesign nav a:hover, .landing-redesign .text-link:hover { color: var(--gold); }
.landing-redesign .brand-mark { background: #13252d; border-color: #13252d; color: #fff; }
.landing-redesign .brand-mark span { color: #f4c55e; }
.landing-redesign .hub-entry { background: var(--ink); border-color: var(--ink); color: #fff; box-shadow: 0 8px 20px #13252d24; }
.landing-redesign .hub-entry:hover { background: #24424d; }
.landing-redesign .hero { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: clamp(30px, 6vw, 88px); min-height: 650px; padding: 72px 0 86px; }
.landing-redesign .hero-copy { grid-column: 1; grid-row: 1; text-align: left; }
.landing-redesign .hero-visual.forest-hero { grid-column: 2; grid-row: 1; order: initial; width: 100%; height: 500px; border: 0; border-radius: 28px; box-shadow: 18px 22px 0 #c2d4d430, 0 30px 70px #27404a32; transform: rotate(1.2deg); }
.landing-redesign .forest-scene { filter: brightness(1.22) saturate(1.08); }
.landing-redesign .visual-overlay { background: linear-gradient(0deg, #12262db8, transparent 62%); }
.landing-redesign .hero .pill { background: #fff; border-color: #c5d5d5; color: var(--muted-ink); }
.landing-redesign .hero h1 { color: var(--ink); font-size: clamp(46px, 5.8vw, 76px); letter-spacing: -3px; }
.landing-redesign .hero h1 span { color: var(--coral); }
.landing-redesign .hero-copy > p, .landing-redesign .hero-note { color: var(--muted-ink); }
.landing-redesign .button-primary { background: var(--coral); border-color: var(--coral); color: #fff; box-shadow: 0 8px 20px #d86b5e35; }
.landing-redesign .button-primary:hover { background: #c9584e; }
.landing-redesign .server-strip { border-color: #b7c9cb; background: #fff; }
.landing-redesign .strip-grid small { color: #718288; }
.landing-redesign .section-heading h2, .landing-redesign .community h2, .landing-redesign .join h2 { color: var(--ink); }
.landing-redesign .section-heading p, .landing-redesign .community-intro > p, .landing-redesign .steps p { color: var(--muted-ink); }
.landing-redesign .section { padding-top: 106px; padding-bottom: 106px; }
.landing-redesign .community { border-top-color: #b8c9cc; }
.landing-redesign .steps li, .landing-redesign .steps li:first-child { border-color: #c2d0d2; background: #ffffffb8; box-shadow: 0 12px 24px #36515b12; }
.landing-redesign .steps li > span { color: var(--gold); }
.landing-redesign .feature-card { background: var(--surface); border-color: color-mix(in srgb, var(--accent) 42%, #c4d1d2); box-shadow: 0 14px 30px #36515b18; }
.landing-redesign .feature-card > p, .landing-redesign .feature-card li span { color: var(--muted-ink); }
.landing-redesign .feature-card li strong { color: var(--ink); }
.landing-redesign .feature-card::before { opacity: .18; }
.landing-redesign .faction-banner { background: #fff7df; border-color: #dfb24f; }
.landing-redesign .faction-banner p { color: var(--muted-ink); }
.landing-redesign .join { background: linear-gradient(120deg, #17323b, #254957); border-color: #17323b; color: #fff; }
.landing-redesign .join h2, .landing-redesign .join p { color: #fff; }
.landing-redesign footer { background: #12242b; color: #dce7e8; }
.landing-redesign .footer-inner > span, .landing-redesign .credits { color: #a9bdc1; }

@media (max-width: 760px) {
  .landing-redesign .hero { grid-template-columns: 1fr; min-height: 0; padding: 42px 0 58px; }
  .landing-redesign .hero-copy { grid-column: auto; grid-row: auto; order: 1; }
  .landing-redesign .hero-visual.forest-hero { grid-column: auto; grid-row: auto; order: 2; height: 330px; transform: none; box-shadow: 8px 12px 0 #c2d4d430, 0 22px 45px #27404a28; }
  .landing-redesign .hero h1 { font-size: clamp(40px, 12vw, 60px); }
}

@media (max-width: 980px) {
  .landing-redesign .landing-nav { background: #f7faf9; border-color: #b8c9cc; box-shadow: 0 16px 30px #27404a22; }
  .landing-redesign .landing-nav a:hover, .landing-redesign .landing-nav a:focus-visible { background: #e6eff1; }
  .landing-redesign .menu-toggle { color: var(--ink); border-color: #b8c9cc; background: #fff; }
}

/* Darker visual direction and an asymmetrical feature rail. */
.landing-redesign { --page: #0b1218; --surface: #121d24; --surface-soft: #172832; --ink: #f1f5f4; --muted-ink: #aab9bd; background: radial-gradient(circle at 75% 5%, #294c5838, transparent 32%), linear-gradient(145deg, #0b1218, #111d23 52%, #0b1116); color: var(--ink); }
.landing-redesign::before { background: radial-gradient(circle at 12% 25%, #4c7f8c25, transparent 30%), radial-gradient(circle at 88% 72%, #d58f2b18, transparent 28%); }
.landing-redesign .header { background: #0b1218ec; border-bottom-color: #a8c4ca24; }
.landing-redesign .brand, .landing-redesign .brand small, .landing-redesign .landing-nav, .landing-redesign .landing-nav a { color: #edf4f4; }
.landing-redesign .brand small { color: #94a9ae; }
.landing-redesign .hero .pill, .landing-redesign .menu-toggle { background: #13232b; border-color: #7ca1aa45; color: #d8e4e4; }
.landing-redesign .hero h1, .landing-redesign .section-heading h2, .landing-redesign .community h2, .landing-redesign .join h2 { color: #f1f5f4; }
.landing-redesign .hero-copy > p, .landing-redesign .hero-note, .landing-redesign .section-heading p, .landing-redesign .community-intro > p, .landing-redesign .steps p { color: #aab9bd; }
.landing-redesign .server-strip { background: #101c23; border-color: #29404a; }
.landing-redesign .strip-grid small { color: #94a9ae; }
.landing-redesign .community { border-top-color: #29404a; }
.landing-redesign .steps li, .landing-redesign .steps li:first-child { background: #122029d9; border-color: #33505a; }
.landing-redesign .feature-rail { display: grid; grid-template-columns: 1.05fr .95fr; gap: 18px; align-items: stretch; }
.landing-redesign .feature-rail .feature-card { min-height: 0; background: #122029; border-color: color-mix(in srgb, var(--accent) 50%, #36515b); }
.landing-redesign .feature-rail .feature-card.feature-wide { grid-row: span 2; display: flex; flex-direction: column; justify-content: center; }
.landing-redesign .feature-rail .card-title { align-items: baseline; }
.landing-redesign .feature-rail .card-number { color: var(--accent); font: 800 13px 'Barlow Condensed', sans-serif; letter-spacing: 1px; }
.landing-redesign .feature-rail .card-title h3 { color: #f4f7f6; text-align: left; }
.landing-redesign .feature-rail .feature-card > p { text-align: left; margin-left: 0; }
.landing-redesign .feature-rail .card-action { color: var(--accent); font-size: 12px; font-weight: 700; }
.landing-redesign .feature-points { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.landing-redesign .feature-points span { padding: 8px 11px; border: 1px solid #7ca1aa45; border-radius: 999px; color: #dce8e8; font-size: 11px; }
.landing-redesign .service-list { display: flex; flex-wrap: wrap; gap: 9px 11px; margin: 24px 0 4px; padding: 16px 18px; border: 1px solid #33505a; border-radius: 12px; background: #0f1b22cc; }
.landing-redesign .service-list span { position: relative; padding-left: 15px; color: #c7d6d8; font-size: 12px; }
.landing-redesign .service-list span::before { content: ''; position: absolute; left: 0; top: .58em; width: 6px; height: 6px; border-radius: 50%; background: #d6a33b; box-shadow: 0 0 8px #d6a33b66; }
.landing-redesign .service-note { margin: 10px 0 0; color: #91a7ac; font-size: 12px; font-style: italic; letter-spacing: .2px; }
.landing-redesign .brand-emblem { overflow: hidden; background: #081016; border-color: #29434d; }
.landing-redesign .brand-emblem img { display: block; width: 74%; height: 74%; object-fit: contain; }
.landing-redesign .faction-banner { background: #19231f; }

@media (max-width: 650px) {
  .landing-redesign .feature-rail { grid-template-columns: 1fr; gap: 12px; }
  .landing-redesign .feature-rail .feature-card.feature-wide { grid-row: auto; }
  .landing-redesign .feature-duo { grid-template-columns: 1fr; }
  .landing-redesign .feature-duo .feature-card { min-height: 0; }
  .landing-redesign .feature-columns { gap: 0 14px; }
  .landing-redesign .service-list { gap: 8px 13px; margin-top: 16px; padding: 13px 14px; }
  .landing-redesign .service-list span { font-size: 11px; }
  .landing-redesign .service-note { font-size: 11px; line-height: 1.5; }
}

/* Subtle floating motion for the hero artwork: the tilt changes direction. */
.landing-redesign .hero-visual.forest-hero {
  animation: hero-float-rock 4.8s ease-in-out infinite;
  transform-origin: 50% 55%;
}
@keyframes hero-float-rock {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(-1.1deg); }
  25% { transform: translate3d(0, -7px, 0) rotate(-0.25deg); }
  50% { transform: translate3d(0, 1px, 0) rotate(1.1deg); }
  75% { transform: translate3d(0, -5px, 0) rotate(0.25deg); }
}
@media (max-width: 760px) {
  .landing-redesign .hero-visual.forest-hero { animation: hero-float-rock-mobile 4.8s ease-in-out infinite; }
  @keyframes hero-float-rock-mobile {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(-0.7deg); }
    50% { transform: translate3d(0, -4px, 0) rotate(0.7deg); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .landing-redesign .hero-visual.forest-hero { animation: none; transform: none; }
}

/* Header polish: clear separation for the CTA and the No Mercy wordmark colors. */
.landing-redesign .nav-wrap { gap: clamp(28px, 4vw, 58px); }
.landing-redesign .landing-nav { gap: clamp(12px, 1.5vw, 24px); }
.landing-redesign .hub-entry {
  margin-left: clamp(10px, 2vw, 28px) !important;
  background: #d86b5e !important;
  border: 1px solid #f08b79 !important;
  color: #fff !important;
  box-shadow: 0 8px 22px #d86b5e45 !important;
  font-weight: 800;
}
.landing-redesign .hub-entry:hover,
.landing-redesign .hub-entry:focus-visible { background: #ed806e !important; border-color: #ffab98 !important; color: #fff !important; }
.landing-redesign .brand-copy { color: #f4f7f6; }
.landing-redesign .brand-copy .brand-no { color: #fff; }
.landing-redesign .brand-copy .brand-mercy { color: #ed6e5e; }
.landing-redesign .brand-copy small { color: #94a9ae; }
@media (max-width: 980px) {
  .landing-redesign .nav-wrap { gap: 10px; }
  .landing-redesign .menu-toggle { margin-left: auto; }
}

/* Clear paths from the landing page into every hub section, including phones. */
.landing-redesign .landing-nav { margin-left: auto; gap: clamp(8px, 1vw, 16px); }
.landing-redesign .landing-nav a { font-size: 12px; white-space: nowrap; }
.landing-redesign .hub-entry { margin-left: 0; }
.landing-redesign .menu-toggle { display: none; align-items: center; gap: 7px; border: 1px solid #ffffff24; border-radius: 7px; padding: 8px 10px; background: #ffffff08; color: #e8edf0; }
.landing-redesign .mobile-login { display: none; }
.landing-redesign .nav-wrap .language-control { position: relative; top: auto; left: auto; flex: 0 0 auto; z-index: 12; }
.landing-redesign .language-trigger { min-height: 36px; }

@media (max-width: 980px) {
  .landing-redesign .nav-wrap { position: relative; }
  .landing-redesign .menu-toggle { display: inline-flex; margin-left: auto; }
  .landing-redesign .nav-wrap > .hub-entry { display: none; }
  .landing-redesign .landing-nav { display: none; position: absolute; top: calc(100% - 1px); left: -14px; right: -14px; z-index: 20; margin: 0; padding: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; border: 1px solid #d7e5ed20; border-radius: 0 0 12px 12px; background: #0b1117f7; box-shadow: 0 16px 30px #0009; }
  .landing-redesign .landing-nav.is-open { display: grid; }
  .landing-redesign .landing-nav a { display: flex; align-items: center; min-height: 44px; padding: 9px 11px; border-radius: 7px; white-space: normal; }
  .landing-redesign .landing-nav a:hover,.landing-redesign .landing-nav a:focus-visible { background: #ffffff0b; }
  .landing-redesign .mobile-login { display: flex; grid-column: 1 / -1; border-top: 1px solid #ffffff18; margin-top: 4px; padding-top: 13px !important; color: #ffd166; }
}

@media (max-width: 420px) {
  .landing-redesign .nav-wrap { gap: 7px; }
  .landing-redesign .nav-wrap .language-control { font-size: 12px; }
  .landing-redesign .language-trigger { min-height: 34px; gap: 4px; padding-inline: 5px; }
  .landing-redesign .language-trigger svg { display: none; }
  .landing-redesign .brand { gap: 6px; font-size: 10px; }
}

/* Keep CTA spacing after the navigation defaults. */
.landing-redesign .hub-entry { margin-left: clamp(10px, 2vw, 28px) !important; }

/* Final palette guard for the responsive navigation rules above. */
@media (max-width: 980px) {
  .landing-redesign .landing-nav { background: #f7faf9 !important; border-color: #b8c9cc !important; }
  .landing-redesign .landing-nav a { color: #13252d !important; }
  .landing-redesign .landing-nav a:hover, .landing-redesign .landing-nav a:focus-visible { background: #e6eff1 !important; }
}

/* Landing page stays a public introduction; dashboard sections are reached after sign-in. */
.landing-redesign .landing-nav a[href*="dashboard"]{display:none!important}
.landing-redesign .feature-card{position:relative;overflow:hidden;min-height:290px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,#0a0d11),#090b0e 72%);box-shadow:inset 0 1px #ffffff12,0 18px 40px #0005;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.landing-redesign .feature-card::after{content:"";position:absolute;inset:auto -20% -45% 25%;height:65%;pointer-events:none;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%);filter:blur(18px);opacity:.65}
.landing-redesign .feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:inset 0 1px #ffffff18,0 22px 48px #0008,0 0 24px color-mix(in srgb,var(--accent) 15%,transparent)}
.landing-redesign .feature-card>*{position:relative;z-index:1}
@media(max-width:650px){.landing-redesign .feature-card{min-height:0}}

/* Final feature-card alignment and bullet visibility. */
.landing-redesign .feature-duo .feature-card { padding: 58px 72px; }
.landing-redesign .feature-duo .card-title { justify-content: center; gap: 18px; }
.landing-redesign .feature-duo .card-title h3 { font-size: clamp(25px, 2.5vw, 36px); }
.landing-redesign .feature-duo .feature-card > p { max-width: 680px; margin: 22px auto 26px; text-align: left; font-size: 16px; line-height: 1.65; }
.landing-redesign .feature-duo .feature-columns { max-width: 640px; margin: 10px auto 0; }
.landing-redesign .feature-duo .feature-columns li,
.landing-redesign .feature-duo .feature-bullets li { padding-left: 22px; }
.landing-redesign .feature-duo .feature-columns li::before,
.landing-redesign .feature-duo .feature-bullets li::before { display: block !important; content: '' !important; position: absolute; left: 0; top: .62em; width: 9px; height: 9px; border-radius: 50%; background: #ffd21a; box-shadow: 0 0 9px #ffd21a99; }
.landing-redesign .feature-duo .feature-bullets { max-width: 330px; margin-left: auto; margin-right: auto; }
@media (max-width: 760px) {
  .landing-redesign .feature-duo .feature-card { padding: 30px 24px; }
  .landing-redesign .feature-duo .feature-columns { gap: 0 12px; }
  .landing-redesign .feature-duo .card-title h3 { font-size: 24px; }
}

/* Compact proportions to match the shorter reference cards. */
.landing-redesign .feature-duo .feature-card { min-height: 360px !important; padding: 40px 58px !important; }
.landing-redesign .feature-duo .feature-card > p { margin-top: 14px; margin-bottom: 16px; }
.landing-redesign .feature-duo .feature-columns li,
.landing-redesign .feature-duo .feature-bullets li { margin: 7px 0; line-height: 1.35; }
.landing-redesign .feature-duo .feature-columns ul,
.landing-redesign .feature-duo .feature-bullets { margin-top: 10px; }
@media (max-width: 760px) {
  .landing-redesign .feature-duo .feature-card { min-height: 0 !important; padding: 28px 22px !important; }
}

/* Keep the two feature cards side-by-side on phones, scaled down to fit. */
@media (max-width: 650px) {
  .landing-redesign .feature-duo { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px; }
  .landing-redesign .feature-duo .feature-card { min-height: 300px !important; padding: 18px 12px !important; border-radius: 9px; }
  .landing-redesign .feature-duo .card-title { gap: 6px; align-items: center; justify-content: flex-start; }
  .landing-redesign .feature-duo .card-number { font-size: 13px; }
  .landing-redesign .feature-duo .card-title h3 { font-size: 14px; line-height: 1.15; }
  .landing-redesign .feature-duo .feature-card > p { font-size: 10px; line-height: 1.4; margin: 12px 0 10px; }
  .landing-redesign .feature-duo .feature-columns { grid-template-columns: 1fr; gap: 0; }
  .landing-redesign .feature-duo .feature-columns li,
  .landing-redesign .feature-duo .feature-bullets li { font-size: 10px; margin: 5px 0; padding-left: 12px; line-height: 1.2; }
  .landing-redesign .feature-duo .feature-columns li::before,
  .landing-redesign .feature-duo .feature-bullets li::before { width: 5px; height: 5px; top: .45em; }
  .landing-redesign .feature-duo .feature-bullets { margin-top: 8px; }
  .landing-redesign .feature-duo .feature-footnote { font-size: 10px !important; line-height: 1.3; margin-top: 12px !important; }
}

.landing-redesign .feature-duo .card-number { font-size: 20px; line-height: 1; letter-spacing: .5px; }
.landing-redesign .feature-duo .feature-columns li,
.landing-redesign .feature-duo .feature-bullets li { margin: 4px 0; }
.landing-redesign .feature-duo .feature-columns li::before,
.landing-redesign .feature-duo .feature-bullets li::before { top: .55em; }
.landing-redesign .feature-duo .feature-card.red {
  --accent: #ff4266;
  border-color: #ff4266 !important;
  box-shadow: 0 0 22px #ff42662e, inset 0 1px #ffb2c020 !important;
}
.landing-redesign .feature-duo .feature-card.cyan {
  --accent: #22d8e5;
  border-color: #22d8e5 !important;
  box-shadow: 0 0 22px #22d8e52e, inset 0 1px #b4fbff20 !important;
}
.landing-redesign .feature-duo .feature-card.red .card-number { color: #ff5475; text-shadow: 0 0 10px #ff426688; }
.landing-redesign .feature-duo .feature-card.cyan .card-number { color: #22e8f2; text-shadow: 0 0 10px #22d8e588; }

/* Final header CTA override. */
.landing-redesign .hub-entry { margin-left: clamp(10px, 2vw, 28px) !important; background: #d86b5e !important; border-color: #f08b79 !important; color: #fff !important; }
.landing-redesign .footer-inner .brand-emblem { width: 42px !important; height: 42px !important; flex-basis: 42px !important; border: 0 !important; background: transparent !important; }
.landing-redesign .footer-inner .brand-emblem img { width: 92%; height: 92%; }
.landing-redesign .nav-wrap .language-trigger { border-color: #c69a3b !important; background: transparent !important; color: #e7bf62 !important; box-shadow: none !important; cursor: default; }
.landing-redesign .nav-wrap .language-trigger .language-chevron { display: none !important; }
.landing-redesign .nav-wrap .language-trigger:hover,
.landing-redesign .nav-wrap .language-trigger:focus-visible { background: #c69a3b18 !important; color: #f2cf7c !important; }
.landing-redesign .service-note { color: #e8bf5b; font-weight: 700; text-shadow: 0 0 7px #d6a33b88, 0 0 18px #d6a33b44; }
.landing-redesign .feature-duo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.landing-redesign .feature-duo .feature-card { min-height: 430px; }
.landing-redesign .feature-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.landing-redesign .feature-columns ul, .landing-redesign .feature-bullets { margin-top: 18px; }
.landing-redesign .feature-columns li, .landing-redesign .feature-bullets li { color: #d5e1e2; margin: 12px 0; padding-left: 18px; position: relative; }
.landing-redesign .feature-columns li::before, .landing-redesign .feature-bullets li::before { content: ''; position: absolute; left: 0; top: .65em; width: 7px; height: 7px; border-radius: 50%; background: #ffd21a; box-shadow: 0 0 9px #ffd21a99; }
.landing-redesign .feature-footnote { margin-top: 28px !important; color: #cbd9db !important; }

@media (max-width: 650px) {
  .landing-redesign .brand-emblem { width: 39px !important; height: 39px !important; flex-basis: 39px !important; }
}

/* Match the darker red of the No Mercy emblem. */
.landing-redesign { --coral: #9d252b; }
.landing-redesign .button-primary,
.landing-redesign .hub-entry { background: #9d252b !important; border-color: #c23b3f !important; box-shadow: 0 8px 22px #9d252b45 !important; }
.landing-redesign .button-primary:hover,
.landing-redesign .hub-entry:hover,
.landing-redesign .hub-entry:focus-visible { background: #b52c32 !important; border-color: #d34c4f !important; }
.landing-redesign .brand-copy .brand-mercy { color: #b52c32; }
.landing-redesign .community-hub-link {
  background: #9d252b !important;
  border-color: #c23b3f !important;
  color: #fff !important;
  min-width: 205px;
  min-height: 52px;
  font-size: 14px;
  box-shadow: 0 9px 24px #9d252b55 !important;
}
.landing-redesign .community-hub-link:hover,
.landing-redesign .community-hub-link:focus-visible { background: #b52c32 !important; border-color: #e15a5d !important; transform: translateY(-2px); }
.landing-redesign .brand-emblem {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.landing-redesign .brand-emblem img { width: 92%; height: 92%; }

/* Hero content below the artwork on every screen size. */
.landing-redesign .hero {
  grid-template-columns: minmax(0, 1fr);
  gap: 34px;
  justify-items: center;
}
.landing-redesign .hero-visual.forest-hero {
  grid-column: 1;
  grid-row: 1;
  width: min(100%, 900px);
  justify-self: center;
}
.landing-redesign .hero-copy {
  grid-column: 1;
  grid-row: 2;
  width: min(100%, 820px);
  text-align: center;
}
.landing-redesign .hero-copy > p { margin-left: auto; margin-right: auto; }
.landing-redesign .actions, .landing-redesign .hero-note { justify-content: center; }
.landing-redesign .hero { gap: 8px; }
.landing-redesign .hero-copy { margin-top: -2px; }
.landing-redesign .hero-copy .pill { margin-top: 0; }
@media (max-width: 760px) {
  .landing-redesign .hero { gap: 7px; }
  .landing-redesign .hero-copy { width: 100%; }
}

/* Mobile landing header: language left, centered No Mercy mark, login right. */
@media (max-width: 650px) {
  .landing-redesign .nav-wrap {
    position: relative !important;
    justify-content: space-between !important;
  }
  .landing-redesign .nav-wrap > .brand {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    z-index: 2;
  }
  .landing-redesign .nav-wrap > .language-trigger {
    margin-right: auto !important;
    z-index: 3;
  }
  .landing-redesign .nav-wrap > .hub-entry {
    margin-left: auto !important;
    z-index: 3;
  }
}

/* Compact the two feature panels on phones without changing their width. */
@media (max-width: 650px) {
  .landing-redesign .feature-duo .feature-card {
    height: 280px !important;
    min-height: 280px !important;
    padding: 14px 10px !important;
    overflow: hidden;
  }
  .landing-redesign .feature-duo .feature-card > p {
    margin: 8px 0 6px !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }
  .landing-redesign .feature-duo .feature-columns li,
  .landing-redesign .feature-duo .feature-bullets li {
    margin: 2px 0 !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
  }
}
.hero-brand{display:block;font-size:clamp(28px,4vw,54px);font-weight:900;letter-spacing:.02em;text-transform:none;text-shadow:0 4px 18px #000b}.hero-brand span{color:#f2f3f3}.hero-brand b{color:#c12a30;font-weight:900}
.landing-redesign .steps,.landing-redesign .faction-banner{display:none!important}
.landing-redesign #community{display:none!important}
.landing-redesign .hub{display:block!important}.live-replace-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.live-replace-card{border:1px solid #18bcd055;border-radius:12px;padding:42px 48px;background:#071923e6;min-height:390px}.live-replace-card.red{border-color:#ef536a99}.live-replace-card h3{margin:0 0 18px;font-size:25px}.live-replace-card h3 span{color:#ff4f73;font-size:17px;margin-right:25px}.live-replace-card.cyan h3 span{color:#22e7f4}.live-replace-card p{color:#b7c9d6;font-size:16px;line-height:1.6}.live-replace-card ul{columns:2;list-style:none;padding:0;margin:22px 0}.live-replace-card li{color:#d8e2e8;font-size:16px;margin:8px 0}.live-replace-card li::before{content:'•';color:#ffd000;font-size:25px;vertical-align:-2px;margin-right:12px}@media(max-width:800px){.live-replace-grid{grid-template-columns:1fr}.live-replace-card{padding:28px 24px;min-height:0}.live-replace-card ul{columns:1}}
.live-heading{margin-bottom:24px}.live-heading h2{margin:8px 0;font-size:34px}.live-heading p{color:#aebdc6}.live-gold-note{text-align:center;color:#ffd45a;font-size:11px;letter-spacing:.08em;font-weight:800;text-shadow:0 0 12px #ffd45a99;margin:18px 0 0}
.live-gold-note{text-align:right!important;margin-right:2px!important}.live-replace-card{position:relative;overflow:hidden}.live-replace-card::after{content:'✦';position:absolute;right:16px;bottom:12px;color:#ffd45a;font-size:16px;text-shadow:0 0 10px #ffd45a;animation:live-sparkle 2.2s ease-in-out infinite}.live-replace-card::before{content:'✧';position:absolute;left:14px;top:12px;color:#ffd45a;font-size:12px;text-shadow:0 0 9px #ffd45a;animation:live-sparkle 1.8s ease-in-out infinite reverse}@keyframes live-sparkle{50%{opacity:.25;transform:scale(.65)} }
@media(max-width:1000px){.landing-redesign .hub{position:relative;margin-top:42px!important;clear:both!important}.landing-redesign .hub .live-heading{margin-top:0!important}}
@media(max-width:1000px){.landing-redesign .hero{display:flex!important;flex-direction:column!important}.landing-redesign .hero-visual{order:1!important}.landing-redesign .hero-copy{order:2!important}}
@media(max-width:1000px){.landing-redesign .header .brand{left:auto!important;right:118px!important;transform:translateY(-50%)!important;}}
@media(max-width:1000px){.landing-redesign .header .brand{left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;}}
@media(max-width:1000px){.landing-redesign .header .brand{left:auto!important;right:190px!important;top:50%!important;width:max-content!important;height:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;transform:translateY(-50%)!important;overflow:visible!important;}}
@media(max-width:1000px){.live-replace-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.live-replace-card{height:50vh!important;min-height:0!important;overflow:hidden!important;padding:12px 9px!important}.live-replace-card h3{font-size:12px!important;line-height:1.25!important}.live-replace-card h3 span{font-size:9px!important;margin-right:5px!important}.live-replace-card p,.live-replace-card li{font-size:8px!important;line-height:1.25!important}.live-replace-card ul{columns:1!important;margin:8px 0!important}.live-replace-card li{margin:3px 0!important}.live-gold-note{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0 8px!important;font-size:8px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important}}
@media(min-width:1001px){.landing-redesign .header .nav-wrap{position:relative}.landing-redesign .header .hub-entry{position:absolute;right:120px;top:50%;transform:translateY(-50%);}}
.landing-redesign .header .brand img{width:42px;height:42px;object-fit:contain}.landing-redesign .header .brand b{color:#f3f4f4}.landing-redesign .header .brand i{color:#c92b32;font-style:normal}.landing-redesign .header .brand small{display:block;color:#8d9ba3;font-size:9px;letter-spacing:1.7px;margin-top:3px}
.landing-lang-simple{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:#efd078;font-weight:800;font-size:13px;letter-spacing:.08em;z-index:5}.landing-lang-simple>button{border:1px solid #c69a3b;background:transparent;border-radius:8px;color:#efd078;font:inherit;cursor:pointer;padding:7px 10px}.landing-lang-simple span{margin-left:5px}.landing-lang-menu{display:none;position:absolute;top:38px;left:0;min-width:180px;padding:8px;border:1px solid #69542f;background:#080b0c;border-radius:10px;box-shadow:0 12px 28px #000b}.landing-lang-simple.open .landing-lang-menu{display:grid;gap:4px}.landing-lang-menu button{border:0;background:none;color:#d9e0df;text-align:left;padding:8px;border-radius:6px}.landing-lang-menu button:hover{background:#ffffff12;color:#efd078}@media(max-width:1000px){.landing-lang-simple{left:12px;right:auto}}
@media(min-width:1001px){.landing-redesign .header .brand{position:absolute;left:50%;transform:translateX(-50%);}}
.live-gold-note{text-align:left!important;margin-left:2px!important;margin-right:0!important}
.landing-redesign .live-gold-note{display:block!important;width:100%!important;text-align:left!important;margin-left:0!important;margin-right:0!important}
.landing-redesign .landing-lang-simple{display:none!important}
.landing-redesign .language-control,.landing-redesign .landing-language-control{display:none!important}
.landing-redesign>footer{display:none!important}
.landing-redesign .live-replace-card.cyan>p:last-child{display:none!important}
@media(max-width:1000px){html:has(body.landing-redesign),body.landing-redesign{overflow-x:hidden!important;max-width:100%!important}}
@media(min-width:1001px){.landing-lang-simple{left:auto!important;right:260px!important;}}

/* Final responsive guardrails: keep the landing page inside the viewport at
   every common phone, tablet, laptop and ultrawide size. */
html, body { max-width: 100%; overflow-x: hidden; }
.landing-redesign *, .landing-redesign *::before, .landing-redesign *::after { min-width: 0; }
.landing-redesign .container { width: min(1120px, calc(100% - 32px)); }
.landing-redesign .hero-visual,
.landing-redesign .hero-copy,
.landing-redesign .live-replace-grid,
.landing-redesign .live-replace-card { max-width: 100%; }
.landing-redesign .live-replace-card h3,
.landing-redesign .live-replace-card p,
.landing-redesign .live-replace-card li { overflow-wrap: anywhere; }
@media (min-width: 1600px) {
  .landing-redesign .container { width: min(1280px, calc(100% - 96px)); }
  .landing-redesign .hero { gap: clamp(48px, 6vw, 110px); }
  .landing-redesign .hero-visual.forest-hero { height: clamp(500px, 38vw, 650px); }
}
@media (max-width: 1000px) {
  .landing-redesign .container { width: min(900px, calc(100% - 32px)); }
  .landing-redesign .hero { gap: 28px; }
  .landing-redesign .hero-copy h1 { font-size: clamp(38px, 7vw, 62px); letter-spacing: -2.5px; }
  .landing-redesign .hero-visual.forest-hero { width: 100%; height: clamp(280px, 58vw, 500px); }
}
@media (max-width: 760px) {
  .landing-redesign .container { width: calc(100% - 28px); }
  .landing-redesign .hero { padding-top: 28px; padding-bottom: 38px; }
  .landing-redesign .hero-copy h1 { font-size: clamp(34px, 10vw, 52px); line-height: 1.04; }
  .landing-redesign .hero-copy > p { max-width: 100%; }
  .landing-redesign .hero-visual.forest-hero { height: clamp(245px, 70vw, 390px); }
  .landing-redesign .actions { width: 100%; gap: 10px; flex-wrap: wrap; }
  .landing-redesign .actions .button { max-width: 100%; }
  .landing-redesign .live-replace-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .landing-redesign .live-replace-card { padding: clamp(14px, 4vw, 24px) clamp(10px, 3vw, 20px) !important; }
  .landing-redesign .live-replace-card h3 { font-size: clamp(12px, 3.8vw, 22px) !important; }
  .landing-redesign .live-replace-card p,
  .landing-redesign .live-replace-card li { font-size: clamp(9px, 2.5vw, 14px) !important; }
}
@media (max-width: 360px) {
  .landing-redesign .container { width: calc(100% - 20px); }
  .landing-redesign .header .hub-entry { padding-inline: 10px !important; font-size: 11px !important; }
  .landing-redesign .header .brand { right: 88px !important; }
  .landing-redesign .live-replace-card { padding-inline: 7px !important; }
  .landing-redesign .live-replace-card h3 span { margin-right: 3px !important; }
}