/*
 * LLA Markets — previous red-led theme snapshot
 * Load this file after styles.css to restore the previous colour direction.
 * Layout, spacing, animation and assets continue to come from styles.css.
 */

::selection { background: var(--red); color: #fff; }

.demo-banner { color: #d7d7d7; background: #151515; }
.desktop-nav a::after { background: var(--red); }
.desktop-nav .active { color: var(--red); }

.hero { background-color: #030303; }
.hero::before {
  background:
    linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.27) 48%, rgba(0,0,0,.12) 100%),
    linear-gradient(0deg, rgba(0,0,0,.56), transparent 40%);
}
.hero-glow { background: radial-gradient(circle, rgba(239,63,66,.16), transparent 68%); }
.hero-indicator i { background: linear-gradient(90deg, var(--red) 34%, #4a4a4a 34%); }

.quote-section { background: #050505; }
.quote-tabs .selected::after { background: var(--red); }
.quote-card { border-color: #292929; background: #080808; }

.section-title p,
.numbers-copy > p,
.mobile-copy > p,
.awards > p { color: var(--red); }
.section-title h2 span { color: var(--red); }
.experience-stats article { border-right-color: #d44849; }

.why { background: #f7f7f8; }
.feature-card::before {
  background:
    radial-gradient(circle at 83% 45%, rgba(239,63,66,.72), transparent 38%),
    linear-gradient(130deg, #050505 26%, #2b0207 100%);
}

.numbers { background: #080808; }
.phone-stage { background: radial-gradient(circle, rgba(239,63,66,.11), transparent 65%); }
.phone-stage.phone-stage-image { background: #fff; }
.mobile-copy h2 span { color: var(--red); }
.mobile-copy > .body-copy {
  margin: 28px 0 0;
  color: #536274;
  font: 400 16px/1.9 var(--font-noto), sans-serif;
  letter-spacing: 0;
}

.ecosystem {
  background: #080808;
}
.eco-phone {
  border-color: #242424;
  background: linear-gradient(165deg, #181a1f, #050505 75%);
  box-shadow: 0 40px 120px rgba(239,63,66,.16);
}
.eco-chart {
  background: linear-gradient(150deg, transparent 47%, var(--red) 48%, transparent 49%) 0 0 / 72px 68px;
  filter: drop-shadow(0 8px 10px rgba(239,63,66,.35));
}
.eco-list article > span { color: var(--red); }

.awards { background: #f4f4f5; }
.award-row span { border-color: #bbb; color: var(--red); }

.account-showcase {
  background:
    radial-gradient(ellipse at 74% 16%, rgba(174,38,31,.34), transparent 28%),
    radial-gradient(ellipse at 46% 66%, rgba(213,48,39,.42), transparent 34%),
    linear-gradient(155deg, #080707 0%, #150909 32%, #461010 63%, #080606 100%);
}
.account-showcase::before {
  background:
    linear-gradient(176deg, transparent 0 22%, rgba(255,82,66,.2) 23% 24%, transparent 26% 38%, rgba(255,81,64,.22) 39% 41%, transparent 43% 56%, rgba(254,100,82,.14) 57% 60%, transparent 62%),
    repeating-linear-gradient(178deg, transparent 0 72px, rgba(255,94,74,.13) 74px 77px, transparent 80px 146px);
}
.account-showcase::after {
  background:
    linear-gradient(90deg, rgba(0,0,0,.34), transparent 44%, rgba(0,0,0,.08)),
    linear-gradient(180deg, #080707 0, transparent 10%, transparent 88%, rgba(0,0,0,.72) 100%);
}
.account-option {
  background: linear-gradient(155deg, rgba(42,38,39,.9) 0%, rgba(41,32,33,.9) 38%, rgba(103,27,25,.9) 100%);
}
.account-option-prm {
  background: linear-gradient(155deg, rgba(76,44,45,.9) 0%, rgba(111,39,39,.9) 48%, rgba(118,28,25,.92) 100%);
}
.account-option-ecn {
  background: linear-gradient(155deg, rgba(132,61,55,.9) 0%, rgba(105,37,37,.92) 50%, rgba(48,18,21,.96) 100%);
}
.account-option:hover {
  border-color: rgba(255,255,255,.38);
  box-shadow: 0 34px 95px rgba(0,0,0,.43), 0 0 50px rgba(231,46,29,.14);
}
.account-card-footer dt { color: #baa6a7; }

.final-cta { background: var(--red); }
footer { background: #050505; }

@media (max-width: 980px) {
  .mobile-nav nav { border-color: #2f2f2f; background: #090909; }
}

@media (max-width: 680px) {
  .hero::before {
    background:
      linear-gradient(90deg, rgba(0,0,0,.87), rgba(0,0,0,.35)),
      linear-gradient(0deg, rgba(0,0,0,.7), transparent 50%);
  }
  .experience-stats article { border-bottom-color: #e3b1b2; }
  .mobile-copy > .body-copy { margin-top: 22px; font-size: 15px; }
}