/* ── Reset ─────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Variables ─────────────────────────────────────────────────────────── */
:root {
  --lp-bg:        #080a12;
  --lp-bg2:       #0d1117;
  --lp-card:      #111827;
  --lp-card2:     #161d2c;
  --lp-border:    rgba(255,255,255,0.07);
  --lp-border2:   rgba(255,255,255,0.12);
  --lp-primary:   #4361ee;
  --lp-purple:    #7c3aed;
  --lp-text:      #f1f5f9;
  --lp-muted:     #94a3b8;
  --lp-dim:       #475569;
  --lp-nav-h:     64px;
  --lp-max:       1120px;
  --lp-radius:    14px;
  --lp-font:      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ── Base ──────────────────────────────────────────────────────────────── */
.lp-body {
  font-family: var(--lp-font);
  background:  var(--lp-bg);
  color:       var(--lp-text);
  line-height: 1.6;
  overflow-x:  hidden;
}

.lp-container {
  max-width: var(--lp-max);
  margin:    0 auto;
  padding:   0 24px;
}

/* ── Shared buttons ────────────────────────────────────────────────────── */
.lp-btn {
  display:         inline-flex;
  align-items:     center;
  gap:             8px;
  padding:         10px 20px;
  border-radius:   9px;
  font-size:       0.9rem;
  font-weight:     600;
  text-decoration: none;
  border:          none;
  cursor:          pointer;
  transition:      background 0.18s, opacity 0.15s, transform 0.12s, box-shadow 0.18s;
  white-space:     nowrap;
}
.lp-btn:hover  { transform: translateY(-1px); }
.lp-btn:active { transform: translateY(0); }

.lp-btn-primary {
  background:  var(--lp-primary);
  color:       #fff;
  box-shadow:  0 4px 18px rgba(67,97,238,0.35);
}
.lp-btn-primary:hover { background: #5571f5; box-shadow: 0 6px 24px rgba(67,97,238,0.5); }

.lp-btn-ghost {
  background: rgba(255,255,255,0.07);
  color:      var(--lp-text);
  border:     1px solid var(--lp-border2);
}
.lp-btn-ghost:hover { background: rgba(255,255,255,0.12); }

.lp-btn-lg  { padding: 13px 28px; font-size: 1rem; border-radius: 10px; }
.lp-btn-sm  { padding:  8px 16px; font-size: 0.84rem; }
.lp-btn-xl  { padding: 16px 36px; font-size: 1.05rem; border-radius: 12px; }

/* ── Section typography ────────────────────────────────────────────────── */
.lp-section-eyebrow {
  font-size:      0.72rem;
  font-weight:    700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color:          var(--lp-primary);
  margin-bottom:  12px;
}
.lp-section-h2 {
  font-size:   2.2rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 14px;
}
.lp-section-sub {
  font-size:    1rem;
  color:        var(--lp-muted);
  max-width:    560px;
  margin:       0 auto 48px;
  text-align:   center;
  line-height:  1.65;
}

/* ════════════════════════════════════════════════════════════════════════
   NAVBAR
   ════════════════════════════════════════════════════════════════════════ */
.lp-nav {
  position:   fixed;
  top: 0; left: 0; right: 0;
  z-index:    900;
  height:     var(--lp-nav-h);
  transition: background 0.25s, box-shadow 0.25s;
}
.lp-nav-solid {
  background: rgba(8,10,18,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 var(--lp-border);
}

.lp-nav-inner {
  max-width:      var(--lp-max);
  margin:         0 auto;
  padding:        0 24px;
  height:         100%;
  display:        flex;
  align-items:    center;
  gap:            32px;
}

.lp-logo {
  display:        flex;
  align-items:    center;
  gap:            10px;
  font-size:      1.05rem;
  font-weight:    800;
  color:          var(--lp-text);
  text-decoration: none;
  flex-shrink:    0;
}

.lp-nav-links {
  display:    flex;
  gap:        28px;
  flex:       1;
}
.lp-nav-links a {
  font-size:       0.9rem;
  font-weight:     500;
  color:           var(--lp-muted);
  text-decoration: none;
  transition:      color 0.15s;
}
.lp-nav-links a:hover { color: var(--lp-text); }

.lp-nav-actions {
  display:     flex;
  align-items: center;
  gap:         12px;
  flex-shrink: 0;
}
.lp-nav-login {
  font-size:       0.9rem;
  font-weight:     500;
  color:           var(--lp-muted);
  text-decoration: none;
  transition:      color 0.15s;
}
.lp-nav-login:hover { color: var(--lp-text); }

/* Hamburger */
.lp-hamburger {
  display:        none;
  flex-direction: column;
  gap:            5px;
  background:     none;
  border:         none;
  cursor:         pointer;
  padding:        6px;
  margin-left:    auto;
}
.lp-hamburger span {
  display:       block;
  width:         20px;
  height:        2px;
  background:    var(--lp-muted);
  border-radius: 2px;
  transition:    transform 0.2s, opacity 0.2s;
}
.lp-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.lp-hamburger.open span:nth-child(2) { opacity: 0; }
.lp-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile nav panel */
.lp-mobile-nav {
  display:    none;
  flex-direction: column;
  gap:        4px;
  padding:    16px 24px 24px;
  background: rgba(8,10,18,0.98);
  border-top: 1px solid var(--lp-border);
}
.lp-mobile-nav.open { display: flex; }
.lp-mobile-nav-link {
  font-size:       0.95rem;
  color:           var(--lp-muted);
  text-decoration: none;
  padding:         10px 0;
  border-bottom:   1px solid var(--lp-border);
}
.lp-mobile-nav-link:hover { color: var(--lp-text); }

/* ════════════════════════════════════════════════════════════════════════
   HERO
   ════════════════════════════════════════════════════════════════════════ */
.lp-hero {
  position:    relative;
  min-height:  100vh;
  display:     flex;
  align-items: center;
  padding:     calc(var(--lp-nav-h) + 60px) 0 80px;
  overflow:    hidden;
  background:  var(--lp-bg);
}

/* Ambient glow blobs */
.lp-hero-glow {
  position:      absolute;
  border-radius: 50%;
  filter:        blur(100px);
  pointer-events: none;
  opacity:       0.5;
}
.lp-glow-left {
  width:      600px;
  height:     600px;
  background: radial-gradient(circle, rgba(67,97,238,0.4) 0%, transparent 70%);
  top:  -100px;
  left: -200px;
}
.lp-glow-right {
  width:      500px;
  height:     500px;
  background: radial-gradient(circle, rgba(124,58,237,0.3) 0%, transparent 70%);
  top:        100px;
  right:     -150px;
}

.lp-hero-inner {
  position:   relative;
  z-index:    1;
  text-align: center;
}

/* Badge */
.lp-hero-badge {
  display:        inline-flex;
  align-items:    center;
  gap:            8px;
  font-size:      0.78rem;
  font-weight:    600;
  letter-spacing: 0.04em;
  color:          var(--lp-muted);
  background:     rgba(67,97,238,0.1);
  border:         1px solid rgba(67,97,238,0.25);
  border-radius:  20px;
  padding:        5px 14px;
  margin-bottom:  28px;
}
.lp-badge-pulse {
  display:       inline-block;
  width:         7px;
  height:        7px;
  border-radius: 50%;
  background:    var(--lp-primary);
  animation:     pulse 2s ease-in-out infinite;
}
@keyframes pulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%     { opacity: 0.5; transform: scale(0.8); }
}

/* Headline */
.lp-hero-h1 {
  font-size:      clamp(2.8rem, 7vw, 5rem);
  font-weight:    900;
  line-height:    1.08;
  letter-spacing: -0.03em;
  margin-bottom:  24px;
  background:     linear-gradient(135deg, #fff 0%, #94a3b8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.lp-hero-sub {
  font-size:     1.15rem;
  color:         var(--lp-muted);
  max-width:     560px;
  margin:        0 auto 36px;
  line-height:   1.7;
}

/* CTAs */
.lp-hero-ctas {
  display:         flex;
  justify-content: center;
  gap:             14px;
  flex-wrap:       wrap;
  margin-bottom:   52px;
}

/* Stats row */
.lp-hero-stats {
  display:         flex;
  justify-content: center;
  align-items:     center;
  gap:             32px;
}
.lp-stat { text-align: center; }
.lp-stat strong {
  display:     block;
  font-size:   1.6rem;
  font-weight: 800;
  color:       var(--lp-text);
}
.lp-stat span {
  font-size: 0.78rem;
  color:     var(--lp-muted);
}
.lp-stat-sep {
  width:  1px;
  height: 36px;
  background: var(--lp-border2);
}


/* ════════════════════════════════════════════════════════════════════════
   TRANSLATOR WIDGET
   ════════════════════════════════════════════════════════════════════════ */
.lp-translator {
  padding: 0 0 80px;
  background: var(--lp-bg);
}

.lp-tx-card {
  background: var(--lp-card);
  border: 1px solid var(--lp-border2);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 48px rgba(0,0,0,0.45), 0 0 0 1px rgba(67,97,238,0.1);
  max-width: 900px;
  margin: 0 auto;
}

/* ── Language bar ────────────────────────────────────────────────────── */
.lp-tx-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--lp-border);
  background: rgba(255,255,255,0.02);
}

.lp-tx-lang-wrap { flex: 1; }

.lp-tx-sel {
  width: 100%;
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--lp-border2);
  border-radius: 9px;
  color: var(--lp-text);
  font-size: 0.9rem;
  font-weight: 600;
  padding: 8px 12px;
  cursor: pointer;
  outline: none;
  font-family: var(--lp-font);
  transition: border-color 0.15s;
}
.lp-tx-sel:focus { border-color: var(--lp-primary); }
.lp-tx-sel option { background: #1a1f2e; }

.lp-tx-swap {
  flex-shrink: 0;
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--lp-border2);
  border-radius: 9px;
  color: var(--lp-muted);
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.lp-tx-swap:hover { background: rgba(67,97,238,0.15); color: var(--lp-primary); }

/* ── Two-panel body ──────────────────────────────────────────────────── */
.lp-tx-panels {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  min-height: 220px;
}

.lp-tx-gutter { background: var(--lp-border); }

.lp-tx-panel {
  display: flex;
  flex-direction: column;
}

.lp-tx-ta {
  flex: 1;
  background: transparent;
  border: none;
  color: var(--lp-text);
  font-size: 1rem;
  font-family: var(--lp-font);
  line-height: 1.65;
  padding: 20px 22px 8px;
  resize: none;
  outline: none;
}
.lp-tx-ta::placeholder { color: var(--lp-dim); }

.lp-tx-output-panel { background: rgba(255,255,255,0.015); }

.lp-tx-output {
  flex: 1;
  padding: 20px 22px 8px;
  font-size: 1rem;
  line-height: 1.65;
  color: var(--lp-text);
  word-break: break-word;
}
.lp-tx-ph  { color: var(--lp-dim); font-style: italic; }
.lp-tx-err { color: #f87171; font-size: 0.9rem; }
.lp-tx-spinner {
  display: inline-block;
  width: 18px; height: 18px;
  border: 2px solid var(--lp-border2);
  border-top-color: var(--lp-primary);
  border-radius: 50%;
  animation: lp-spin 0.7s linear infinite;
  vertical-align: middle;
}
@keyframes lp-spin { to { transform: rotate(360deg); } }

/* ── Translate button ────────────────────────────────────────────────── */
.lp-tx-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  border-radius: 8px;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(67,97,238,0.4);
  transition: box-shadow 0.15s, transform 0.1s;
}
.lp-tx-btn:hover {
  box-shadow: 0 6px 20px rgba(67,97,238,0.55);
  transform: translateY(-1px);
}
.lp-tx-btn:active { transform: translateY(0); }
.lp-tx-btn:disabled { opacity: 0.6; transform: none; box-shadow: none; }

.lp-tx-btn-flags {
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  opacity: 0.95;
}

/* ── Panel footer ────────────────────────────────────────────────────── */
.lp-tx-panel-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px 14px;
  gap: 8px;
}

.lp-tx-chars {
  font-size: 0.75rem;
  color: var(--lp-dim);
}

.lp-tx-foot-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.lp-tx-icon-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--lp-border2);
  border-radius: 7px;
  color: var(--lp-muted);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 5px 10px;
  cursor: pointer;
  font-family: var(--lp-font);
  transition: background 0.15s, color 0.15s;
}
.lp-tx-icon-btn:hover { background: rgba(255,255,255,0.1); color: var(--lp-text); }
.lp-tx-copy:hover { background: rgba(67,97,238,0.15); color: var(--lp-primary); }

.lp-tx-engine {
  font-size: 0.72rem;
  color: var(--lp-dim);
}

/* ── Sign-up nudge ───────────────────────────────────────────────────── */
.lp-tx-nudge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  background: rgba(99,102,241,0.07);
  border-top: 1px solid rgba(99,102,241,0.15);
  font-size: 0.83rem;
  color: var(--lp-muted);
  flex-wrap: wrap;
}
.lp-tx-nudge a {
  color: #818cf8;
  text-decoration: none;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
.lp-tx-nudge a:hover { text-decoration: underline; }

/* ════════════════════════════════════════════════════════════════════════
   FEATURES
   ════════════════════════════════════════════════════════════════════════ */
.lp-features {
  padding:    96px 0;
  background: var(--lp-bg);
  text-align: center;
}

.lp-feature-grid {
  display:               grid;
  grid-template-columns: repeat(3, 1fr);
  gap:                   20px;
  margin-top:            48px;
  text-align:            left;
}

/* Reveal animation */
[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease, transform 0.5s ease; }
[data-reveal].revealed { opacity: 1; transform: none; }

.lp-feature-card {
  background:    var(--lp-card);
  border:        1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  padding:       28px;
  position:      relative;
  transition:    border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.lp-feature-card:hover {
  border-color: var(--lp-border2);
  transform:    translateY(-3px);
  box-shadow:   0 12px 40px rgba(0,0,0,0.35);
}
.lp-feature-card-hero {
  border-color:  rgba(67,97,238,0.4);
  background:    linear-gradient(160deg, #111827 0%, #0f1729 100%);
  box-shadow:    0 0 0 1px rgba(67,97,238,0.15), 0 8px 32px rgba(67,97,238,0.12);
}
.lp-feature-card-hero:hover { border-color: var(--lp-primary); }

.lp-feature-pill {
  display:        inline-block;
  font-size:      0.68rem;
  font-weight:    700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  background:     rgba(67,97,238,0.15);
  color:          #818cf8;
  border:         1px solid rgba(67,97,238,0.25);
  border-radius:  20px;
  padding:        3px 10px;
  margin-bottom:  16px;
}

.lp-feature-icon {
  width:         44px;
  height:        44px;
  border-radius: 10px;
  display:       flex;
  align-items:   center;
  justify-content: center;
  margin-bottom: 18px;
}
.lp-icon-flash   { background: rgba(248,150,30,0.12); color: #f8961e; }
.lp-icon-date    { background: rgba(67,97,238,0.15);  color: #818cf8; }
.lp-icon-compare { background: rgba(45,198,83,0.12);  color: #2dc653; }

.lp-feature-card h3 {
  font-size:     1.1rem;
  font-weight:   700;
  margin-bottom: 10px;
}
.lp-feature-card p {
  font-size:     0.9rem;
  color:         var(--lp-muted);
  line-height:   1.65;
  margin-bottom: 20px;
}
.lp-feature-bullets {
  list-style: none;
  margin-bottom: 24px;
}
.lp-feature-bullets li {
  font-size:   0.85rem;
  color:       var(--lp-muted);
  padding:     5px 0;
  border-bottom: 1px solid var(--lp-border);
  display:     flex;
  align-items: center;
  gap:         8px;
}
.lp-feature-bullets li::before {
  content:     '✓';
  color:       var(--lp-primary);
  font-weight: 700;
  flex-shrink: 0;
}
.lp-feature-bullets li:last-child { border-bottom: none; }

.lp-feature-link {
  display:         inline-flex;
  align-items:     center;
  gap:             6px;
  font-size:       0.85rem;
  font-weight:     600;
  color:           var(--lp-primary);
  text-decoration: none;
  transition:      gap 0.15s;
}
.lp-feature-link:hover { gap: 10px; }

/* ════════════════════════════════════════════════════════════════════════
   HOW IT WORKS
   ════════════════════════════════════════════════════════════════════════ */
.lp-how {
  padding:    96px 0;
  background: var(--lp-bg2);
  text-align: center;
}

.lp-steps {
  display:         flex;
  align-items:     flex-start;
  justify-content: center;
  gap:             0;
  margin-top:      48px;
  flex-wrap:       wrap;
}
.lp-step {
  background:    var(--lp-card);
  border:        1px solid var(--lp-border);
  border-radius: var(--lp-radius);
  padding:       28px 24px;
  max-width:     260px;
  flex:          1;
  min-width:     200px;
  text-align:    left;
}
.lp-step-num {
  width:         36px;
  height:        36px;
  border-radius: 50%;
  background:    rgba(67,97,238,0.15);
  border:        1px solid rgba(67,97,238,0.3);
  color:         var(--lp-primary);
  font-size:     0.9rem;
  font-weight:   800;
  display:       flex;
  align-items:   center;
  justify-content: center;
  margin-bottom: 16px;
}
.lp-step h4 {
  font-size:     0.98rem;
  font-weight:   700;
  margin-bottom: 8px;
}
.lp-step p {
  font-size: 0.86rem;
  color:     var(--lp-muted);
  line-height: 1.65;
}
.lp-step-arrow {
  display:     flex;
  align-items: center;
  padding:     0 16px;
  color:       var(--lp-dim);
  margin-top:  50px;
  flex-shrink: 0;
}


/* ════════════════════════════════════════════════════════════════════════
   FINAL CTA
   ════════════════════════════════════════════════════════════════════════ */
.lp-final-cta {
  position:   relative;
  padding:    96px 0;
  background: var(--lp-bg);
  text-align: center;
  overflow:   hidden;
}
.lp-final-glow {
  position:      absolute;
  width:         700px;
  height:        400px;
  background:    radial-gradient(ellipse, rgba(67,97,238,0.25) 0%, transparent 70%);
  top:           50%;
  left:          50%;
  transform:     translate(-50%, -50%);
  pointer-events: none;
}
.lp-final-inner {
  position:   relative;
  z-index:    1;
}
.lp-final-inner h2 {
  font-size:      clamp(1.8rem, 4vw, 2.8rem);
  font-weight:    800;
  letter-spacing: -0.02em;
  margin-bottom:  12px;
}
.lp-final-inner p {
  color:         var(--lp-muted);
  font-size:     1rem;
  margin-bottom: 32px;
}

/* ════════════════════════════════════════════════════════════════════════
   FOOTER
   ════════════════════════════════════════════════════════════════════════ */
.lp-footer {
  padding:    32px 0;
  background: var(--lp-bg2);
  border-top: 1px solid var(--lp-border);
}
.lp-footer-inner {
  display:         flex;
  align-items:     center;
  gap:             24px;
  flex-wrap:       wrap;
  justify-content: space-between;
}
.lp-footer-brand {
  display:         flex;
  align-items:     center;
  gap:             9px;
  font-size:       0.95rem;
  font-weight:     700;
  color:           var(--lp-text);
  text-decoration: none;
}
.lp-footer-links {
  display: flex;
  gap:     24px;
}
.lp-footer-links a {
  font-size:       0.85rem;
  color:           var(--lp-dim);
  text-decoration: none;
  transition:      color 0.15s;
}
.lp-footer-links a:hover { color: var(--lp-text); }
.lp-footer-copy {
  font-size: 0.82rem;
  color:     var(--lp-dim);
}

/* ════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .lp-feature-grid { grid-template-columns: 1fr; max-width: 500px; margin-inline: auto; }
  .lp-tier-grid    { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; }
  .lp-tier-featured { transform: none; }
}

@media (max-width: 768px) {
  .lp-nav-links   { display: none; }
  .lp-nav-actions { display: none; }
  .lp-hamburger   { display: flex; }

  .lp-hero-h1   { font-size: clamp(2rem, 9vw, 2.8rem); }
  .lp-hero-sub  { font-size: 0.95rem; }
  .lp-hero-stats { gap: 20px; }
  .lp-stat strong { font-size: 1.3rem; }

  .lp-section-h2 { font-size: 1.7rem; }

  .lp-demo-body { grid-template-columns: 1fr; }
  .lp-demo-divider { width: auto; height: 1px; }

  .lp-steps {
    flex-direction: column;
    align-items:    center;
    gap:            12px;
  }
  .lp-step-arrow { transform: rotate(90deg); margin: 0; padding: 4px 0; }
  .lp-step       { max-width: 400px; width: 100%; }

  .lp-footer-inner { flex-direction: column; text-align: center; }
  .lp-footer-links { justify-content: center; }
}

@media (max-width: 480px) {
  .lp-hero-ctas { flex-direction: column; align-items: center; }
  .lp-btn-lg    { width: 100%; max-width: 300px; justify-content: center; }
  .lp-hero-stats { flex-direction: column; gap: 12px; }
  .lp-stat-sep   { display: none; }
  .lp-demo-lang-bar { flex-direction: column; align-items: stretch; }
  .lp-demo-lang-group { flex: none; }
  .lp-demo-swap { align-self: center; }
}

/* ── Engine accuracy strip ─────────────────────────────────────────────── */
.lp-accuracy {
  padding: 72px 0;
  background: var(--lp-bg2);
  border-top: 1px solid var(--lp-border);
  border-bottom: 1px solid var(--lp-border);
}
.lp-accuracy-sub {
  color: var(--lp-muted);
  font-size: 0.95rem;
  margin-bottom: 36px;
  max-width: 520px;
}
.lp-accuracy-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
  gap: 12px;
}
.lp-acc-card {
  background: var(--lp-card);
  border: 1px solid var(--lp-border);
  border-radius: 12px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.lp-acc-card:hover {
  border-color: var(--lp-border2);
  box-shadow: 0 4px 16px rgba(0,0,0,0.18);
}
.lp-acc-name {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--lp-text);
  text-transform: capitalize;
}
.lp-acc-medal { font-size: 0.95rem; line-height: 1; }

.lp-acc-bar-wrap {
  height: 5px;
  background: rgba(255,255,255,0.08);
  border-radius: 20px;
  overflow: hidden;
}
.lp-acc-bar-fill {
  height: 100%;
  border-radius: 20px;
  min-width: 3px;
  transition: width 0.5s ease;
}
.lp-acc-hi  .lp-acc-bar-fill { background: linear-gradient(90deg, #4ade80, #16a34a); }
.lp-acc-mid .lp-acc-bar-fill { background: linear-gradient(90deg, #fbbf24, #d97706); }
.lp-acc-lo  .lp-acc-bar-fill { background: linear-gradient(90deg, #f87171, #dc2626); }

.lp-acc-hi  { border-color: rgba(74,222,128,0.18); }
.lp-acc-mid { border-color: rgba(251,191,36,0.18); }
.lp-acc-lo  { border-color: rgba(248,113,113,0.18); }

.lp-acc-stats {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.78rem;
}
.lp-acc-score {
  font-weight: 700;
  color: var(--lp-text);
}
.lp-acc-sep { color: var(--lp-dim); }
.lp-acc-wr  { color: var(--lp-muted); }

/* ── i18n language selector – landing navbar ───────────────────────────── */
.lp-lang-select {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(255,255,255,0.55);
}
.lp-lang-select svg { flex-shrink: 0; pointer-events: none; }
.lp-lang-select .i18n-selector {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 6px;
  color: rgba(255,255,255,0.82);
  font-size: 0.78rem;
  font-weight: 500;
  padding: 4px 8px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: background 0.15s, border-color 0.15s;
}
.lp-lang-select .i18n-selector:hover {
  background: rgba(255,255,255,0.14);
  border-color: rgba(255,255,255,0.32);
  color: #fff;
}
.lp-lang-select .i18n-selector:focus { outline: none; border-color: #4361ee; }
.lp-lang-select .i18n-selector option { background: #0f172a; color: #f1f5f9; }

@media (max-width: 680px) {
  .lp-lang-select { display: none; }
}