/* Inline SVG icons standing in for the old Unicode glyph icons: inherit
   the surrounding text's color via currentColor, nudged to sit on the
   text baseline the same way the glyphs did. */
.icon-inline {
  display: inline-block;
  vertical-align: -0.15em;
  flex-shrink: 0;
}

/* ─── Reset ──────────────────────────────────────────────── */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: #0a0c12;
  color: #edf0f7;
  font-family:
    "Geist",
    system-ui,
    -apple-system,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
a {
  color: #9b7ede;
  text-decoration: none;
}
a:hover {
  color: #c9b8e8;
}
h1,
h2,
h3 {
  margin: 0;
}
p {
  margin: 0;
}
::selection {
  background: rgba(109, 40, 217, 0.32);
}

/* ─── Animations ─────────────────────────────────────────── */
@keyframes mdFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes mdFloat2 {
  0%,
  100% {
    transform: translateY(0) rotate(-2deg);
  }
  50% {
    transform: translateY(-9px) rotate(-2deg);
  }
}
@keyframes mdDraw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes mdShimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.gold-dust {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-image:
    radial-gradient(circle, rgba(212, 175, 55, 0.85), transparent 70%),
    radial-gradient(circle, rgba(212, 175, 55, 0.6), transparent 70%),
    radial-gradient(circle, rgba(212, 175, 55, 0.75), transparent 70%),
    radial-gradient(circle, rgba(212, 175, 55, 0.5), transparent 70%),
    radial-gradient(circle, rgba(212, 175, 55, 0.8), transparent 70%),
    radial-gradient(circle, rgba(212, 175, 55, 0.55), transparent 70%),
    radial-gradient(circle, rgba(212, 175, 55, 0.7), transparent 70%),
    radial-gradient(circle, rgba(212, 175, 55, 0.45), transparent 70%),
    radial-gradient(circle, rgba(212, 175, 55, 0.8), transparent 70%),
    radial-gradient(circle, rgba(212, 175, 55, 0.6), transparent 70%),
    radial-gradient(circle, rgba(212, 175, 55, 0.5), transparent 70%),
    radial-gradient(circle, rgba(212, 175, 55, 0.7), transparent 70%);
  background-position:
    6% 18%,
    13% 62%,
    22% 9%,
    30% 40%,
    38% 70%,
    47% 22%,
    58% 8%,
    63% 50%,
    72% 30%,
    80% 65%,
    88% 15%,
    94% 45%;
  background-size:
    3px 3px,
    2px 2px,
    4px 4px,
    2px 2px,
    3px 3px,
    2px 2px,
    3px 3px,
    2px 2px,
    4px 4px,
    2px 2px,
    3px 3px,
    2px 2px;
  animation: goldTwinkle 5s ease-in-out infinite alternate;
}
@keyframes goldTwinkle {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}

/* ─── Utility classes ────────────────────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity 0.8s cubic-bezier(0.2, 0.6, 0.2, 1),
    transform 0.8s cubic-bezier(0.2, 0.6, 0.2, 1);
}
.reveal.visible {
  opacity: 1;
  transform: none;
}

/* Hero mockup + showcase panels: unfold via clip-path instead of a slide */
.reveal.reveal-unfold {
  transform: none;
  clip-path: inset(6% round 16px);
  transition:
    opacity 0.9s cubic-bezier(0.2, 0.6, 0.2, 1),
    clip-path 0.9s cubic-bezier(0.2, 0.6, 0.2, 1);
}
.reveal.reveal-unfold.visible {
  clip-path: inset(0% round 16px);
}

/* Navigation */
.nav-link {
  font-size: 13.5px;
  color: #99a3b8;
  padding: 8px 12px;
  border-radius: 8px;
  transition:
    color 0.2s,
    background 0.2s;
}
.nav-link:hover {
  color: #edf0f7;
  background: rgba(255, 255, 255, 0.05);
}
.nav-signin {
  font-size: 13.5px;
  color: #99a3b8;
  transition: color 0.2s;
}
.nav-signin:hover {
  color: #edf0f7;
}

/* Mobile menu */
.mobile-menu-btn {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 36px;
  height: 36px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: transparent;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}
.mobile-menu-btn span {
  display: block;
  width: 16px;
  height: 1.5px;
  background: #d6dcea;
  border-radius: 2px;
  transition:
    transform 0.25s,
    opacity 0.25s;
}
.mobile-menu-btn.open span:nth-child(1) {
  transform: translateY(6.5px) rotate(45deg);
}
.mobile-menu-btn.open span:nth-child(2) {
  opacity: 0;
}
.mobile-menu-btn.open span:nth-child(3) {
  transform: translateY(-6.5px) rotate(-45deg);
}
.mobile-menu {
  display: none;
  position: fixed;
  top: 64px;
  left: 0;
  right: 0;
  z-index: 59;
  background: rgba(10, 12, 18, 0.98);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 8px 20px 24px;
  max-height: calc(100vh - 64px);
  overflow-y: auto;
}
.mobile-menu.open {
  display: block;
}
.mobile-menu nav {
  display: flex;
  flex-direction: column;
}
.mobile-menu-link {
  font-size: 15.5px;
  color: #d6dcea;
  padding: 14px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.mobile-menu-link-sm {
  font-size: 13px;
  color: #8a93a6;
  padding: 11px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.mobile-menu-divider {
  height: 10px;
}
.mobile-menu-cta {
  display: flex;
  justify-content: center;
  margin-top: 18px;
  width: 100%;
}

/* Buttons */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: #5b21b6;
  padding: 14px 26px;
  border-radius: 11px;
  border: none;
  font-family: inherit;
  box-shadow: 0 8px 28px -8px rgba(91, 33, 182, 0.65);
  transition:
    background 0.2s,
    box-shadow 0.2s;
  text-decoration: none;
  cursor: pointer;
}
.btn-primary:hover {
  background: #6d28d9;
  color: #fff;
  box-shadow: 0 12px 36px -8px rgba(109, 40, 217, 0.75);
}

.btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #d6dcea;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 13px 24px;
  border-radius: 11px;
  font-family: inherit;
  cursor: pointer;
  transition:
    border-color 0.2s,
    background 0.2s;
}
.btn-ghost:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}

.btn-sm-cta {
  font-size: 13.5px;
  font-weight: 600;
  color: #fff;
  background: #5b21b6;
  padding: 9px 16px;
  border-radius: 9px;
  border: none;
  font-family: inherit;
  box-shadow: 0 4px 16px -4px rgba(91, 33, 182, 0.5);
  transition: background 0.2s;
  text-decoration: none;
}
.btn-sm-cta:hover {
  background: #6d28d9;
  color: #fff;
}

.cta-big {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #5b21b6;
  padding: 16px 34px;
  border-radius: 12px;
  text-decoration: none;
  border: none;
  font-family: inherit;
  box-shadow: 0 12px 36px -10px rgba(91, 33, 182, 0.7);
  transition:
    background 0.2s,
    box-shadow 0.2s;
  cursor: pointer;
}
.cta-big:hover {
  background: #6d28d9;
  color: #fff;
  box-shadow: 0 16px 44px -10px rgba(109, 40, 217, 0.8);
}

/* Cards */
.card {
  background: #10141c;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  transition:
    transform 0.35s cubic-bezier(0.2, 0.6, 0.2, 1),
    border-color 0.35s,
    box-shadow 0.35s;
}
.card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 28px 52px -28px rgba(0, 0, 0, 0.7);
}

.card-lift {
  background: #10141c;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  transition:
    transform 0.3s,
    border-color 0.3s;
}
.card-lift:hover {
  transform: translateY(-3px);
  border-color: rgba(109, 40, 217, 0.35);
}

.audience-card {
  background: #10141c;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  transition:
    transform 0.35s cubic-bezier(0.2, 0.6, 0.2, 1),
    border-color 0.35s;
}
.audience-card:hover {
  transform: translateY(-5px);
  border-color: rgba(109, 40, 217, 0.35);
}

/* Plan buttons */
.plan-btn {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #edf0f7;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  padding: 12px;
  transition: all 0.2s;
  text-decoration: none;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
  width: 100%;
}
.plan-btn:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}

.plan-btn-cta {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #5b21b6;
  border-radius: 10px;
  padding: 12px;
  border: none;
  box-shadow: 0 8px 24px -8px rgba(91, 33, 182, 0.6);
  transition: background 0.2s;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  width: 100%;
}
.plan-btn-cta:hover {
  background: #6d28d9;
  color: #fff;
}

/* Feature tag pills */
.feat-chip {
  font-size: 12px;
  color: #99a3b8;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  padding: 7px 15px;
  cursor: default;
  transition: all 0.25s;
}
.feat-chip:hover {
  border-color: rgba(109, 40, 217, 0.5);
  color: #f0e6ff;
  background: rgba(109, 40, 217, 0.07);
}

/* Heatmap cells */
.heat-cell {
  aspect-ratio: 1;
  border-radius: 2.5px;
  transition: transform 0.15s;
}
.heat-cell:hover {
  transform: scale(1.35);
}
.heat-cell-sm {
  aspect-ratio: 1;
  border-radius: 2px;
}

/* Bar chart bars */
.bar {
  transition: filter 0.2s;
}
.bar:hover {
  filter: brightness(1.25);
}

/* FAQ */
.faq-wrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.45s cubic-bezier(0.2, 0.6, 0.2, 1);
}
.faq-wrap.open {
  grid-template-rows: 1fr;
}
.faq-inner {
  overflow: hidden;
}
.faq-icon {
  transition: transform 0.35s cubic-bezier(0.2, 0.6, 0.2, 1);
}
.faq-icon.open {
  transform: rotate(45deg);
}
.faq-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-family: inherit;
  font-size: 15.5px;
  font-weight: 500;
  color: #edf0f7;
  background: none;
  border: none;
  padding: 22px 4px;
  cursor: pointer;
  text-align: left;
  letter-spacing: -0.01em;
}

/* Chip buttons (AI chat) */
.chip-btn {
  font-size: 12.5px;
  color: #b7bfd1;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  padding: 8px 15px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.chip-btn:hover {
  border-color: rgba(109, 40, 217, 0.5);
  color: #f0e6ff;
  background: rgba(109, 40, 217, 0.08);
}

/* Footer links */
.footer-link {
  font-size: 13.5px;
  color: #99a3b8;
  transition: color 0.2s;
}
.footer-link:hover {
  color: #edf0f7;
}
.social-link {
  font-size: 12.5px;
  color: #67718a;
  transition: color 0.2s;
}
.social-link:hover {
  color: #edf0f7;
}

/* Send button */
.send-btn {
  font-size: 13.5px;
  font-weight: 600;
  color: #fff;
  background: #5b21b6;
  border: none;
  border-radius: 10px;
  padding: 12px 22px;
  cursor: pointer;
  transition: background 0.2s;
  font-family: inherit;
  white-space: nowrap;
}
.send-btn:hover {
  background: #6d28d9;
}

/* Chat input */
.chat-input {
  flex: 1;
  font-family: inherit;
  font-size: 13.5px;
  color: #edf0f7;
  background: #0b0e15;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 12px 16px;
  min-width: 0;
  transition: border-color 0.2s;
}
.chat-input:focus {
  outline: none;
  border-color: rgba(109, 40, 217, 0.55);
}

/* ─── Mobile ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  section {
    padding: 56px 20px !important;
  }
  section[data-hero] {
    padding: 96px 20px 44px !important;
  }
  .customization-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .header-inner {
    padding: 0 16px;
    gap: 10px;
  }
  .header-nav {
    display: none !important;
  }
  .nav-signin {
    display: none !important;
  }
  .hero-mockup {
    display: none !important;
  }
  .mobile-menu-btn {
    display: flex;
  }
}


/* ─── Extracted from index.html inline style attributes ──── */
.lp1 { position: fixed; top: 0; left: 0; right: 0; z-index: 60; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); background: rgba(10, 12, 18, 0.72); border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.lp2 { max-width: 1200px; margin: 0 auto; height: 64px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.lp3 { display: flex; align-items: baseline; color: #edf0f7; }
.lp4 { font-size: 22px; font-weight: 800; letter-spacing: -0.03em; color: #6d28d9; }
.lp5 { font-size: 16.5px; font-weight: 400; letter-spacing: -0.01em; }
.lp6 { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.lp7 { display: flex; align-items: center; gap: 14px; }
.lp8 { font-size: 16px; }
.lp9 { position: relative; padding: 170px 32px 110px; overflow: hidden; }
.lp10 { position: absolute; top: -260px; left: 50%; transform: translateX(-50%); width: 1100px; height: 560px; background: radial-gradient( closest-side, rgba(109, 40, 217, 0.14), transparent 70% ); pointer-events: none; }
.lp11 { position: absolute; inset: 0; pointer-events: none; }
.lp12 { max-width: 1240px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 72px; align-items: center; position: relative; }
.lp13 { flex: 1 1 440px; min-width: 0; }
.lp14 { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #9b7ede; border: 1px solid rgba(109, 40, 217, 0.28); background: rgba(109, 40, 217, 0.08); padding: 6px 12px; border-radius: 999px; margin-bottom: 26px; }
.lp15 { width: 6px; height: 6px; border-radius: 50%; background: #6d28d9; }
.lp16 { margin: 0 0 22px; font-size: clamp(40px, 4.6vw, 66px); line-height: 1.06; letter-spacing: -0.033em; font-weight: 600; text-wrap: balance; }
.lp17 { font-family: "Instrument Serif", serif; font-style: italic; font-weight: 400; color: #d4af37; }
.lp18 { margin: 0 0 34px; font-size: 17px; line-height: 1.65; color: #99a3b8; max-width: 540px; text-wrap: pretty; }
.lp19 { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-bottom: 24px; }
.lp20 { width: 22px; height: 22px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.25); display: inline-flex; align-items: center; justify-content: center; font-size: 9px; padding-left: 2px; }
.lp21 { display: flex; flex-wrap: wrap; gap: 20px; font-size: 13px; color: #67718a; }
.lp22 { display: inline-flex; align-items: center; gap: 7px; }
.lp23 { color: #d4af37; }
.lp24 { flex: 1 1 520px; min-width: 0; position: relative; }
.lp25 { position: absolute; inset: -30px -50px; background: radial-gradient( closest-side, rgba(109, 40, 217, 0.13), transparent 72% ); filter: blur(10px); pointer-events: none; }
.lp26 { position: relative; animation: mdFloat 9s ease-in-out infinite; }
.lp27 { border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.1); background: #0d1119; box-shadow: 0 48px 90px -36px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.02); overflow: hidden; transform: perspective(1600px) rotateX(1.5deg) rotateY(-2.5deg); }
.lp28 { height: 40px; display: flex; align-items: center; gap: 8px; padding: 0 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); background: #0f131c; }
.lp29 { width: 10px; height: 10px; border-radius: 50%; background: #3a4150; }
.lp30 { flex: 1; max-width: 250px; margin: 0 auto; background: rgba(255, 255, 255, 0.05); border-radius: 7px; font-size: 10.5px; color: #67718a; text-align: center; padding: 4px 10px; }
.lp31 { width: 30px; }
.lp32 { display: flex; background: #0b0e15; }
.lp33 { width: 42px; border-right: 1px solid rgba(255, 255, 255, 0.05); padding: 12px 0; display: flex; flex-direction: column; align-items: center; gap: 11px; }
.lp34 { width: 18px; height: 18px; border-radius: 5px; background: linear-gradient(135deg, #6d28d9, #3b0a6b); }
.lp35 { width: 14px; height: 14px; border-radius: 4px; background: rgba(109, 40, 217, 0.85); margin-top: 6px; }
.lp36 { width: 14px; height: 14px; border-radius: 4px; background: rgba(255, 255, 255, 0.09); }
.lp37 { flex: 1; padding: 14px; display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.lp38 { display: flex; align-items: center; justify-content: space-between; }
.lp39 { font-size: 12.5px; font-weight: 600; }
.lp40 { font-size: 10px; color: #67718a; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 6px; padding: 3px 8px; }
.lp41 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.lp42 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 10px; padding: 10px; }
.lp43 { font-size: 16px; font-weight: 650; letter-spacing: -0.02em; }
.lp44 { font-size: 9.5px; color: #67718a; margin-top: 2px; }
.lp45 { font-size: 16px; font-weight: 650; letter-spacing: -0.02em; color: #9b7ede; }
.lp46 { display: grid; grid-template-columns: 1.65fr 1fr; gap: 8px; }
.lp47 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 10px; padding: 11px; }
.lp48 { font-size: 10px; color: #8a93a6; margin-bottom: 6px; font-weight: 500; }
.lp49 { width: 100%; height: auto; display: block; }
.lp50 { stroke-dasharray: 1; stroke-dashoffset: 1; animation: mdDraw 2s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards; }
.lp51 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 10px; padding: 11px; display: flex; flex-direction: column; gap: 6px; }
.lp52 { font-size: 10px; color: #8a93a6; font-weight: 500; }
.lp53 { display: flex; align-items: center; gap: 10px; }
.lp54 { width: 58px; height: 58px; flex: none; }
.lp55 { display: flex; flex-direction: column; gap: 4px; font-size: 9px; color: #8a93a6; min-width: 0; }
.lp56 { display: flex; align-items: center; gap: 5px; }
.lp57 { width: 7px; height: 7px; border-radius: 2px; background: #6d28d9; flex: none; }
.lp58 { width: 7px; height: 7px; border-radius: 2px; background: #d4af37; flex: none; }
.lp59 { width: 7px; height: 7px; border-radius: 2px; background: #e4b45b; flex: none; }
.lp60 { display: grid; grid-template-columns: 1fr 1.3fr; gap: 8px; }
.lp61 { font-size: 10px; color: #8a93a6; margin-bottom: 8px; font-weight: 500; }
.lp62 { display: grid; grid-template-columns: repeat(12, 1fr); gap: 3px; }
.lp63 { border-radius: 10px; padding: 1px; background: linear-gradient( 135deg, rgba(109, 40, 217, 0.5), rgba(167, 139, 201, 0.25), rgba(255, 255, 255, 0.06) ); }
.lp64 { background: #10141c; border-radius: 9px; padding: 11px; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 6px; }
.lp65 { font-size: 10px; font-weight: 600; color: #d4af37; display: flex; align-items: center; gap: 6px; }
.lp66 { color: #9b7ede; }
.lp67 { font-size: 10px; line-height: 1.55; color: #99a3b8; }
.lp68 { color: #f0e6ff; }
.lp69 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 10px; padding: 10px 12px; display: flex; gap: 16px; flex-wrap: wrap; }
.lp70 { display: inline-flex; align-items: center; gap: 6px; font-size: 9.5px; color: #8a93a6; }
.lp71 { width: 12px; height: 12px; border-radius: 50%; background: rgba(212, 175, 55, 0.18); color: #d4af37; display: inline-flex; align-items: center; justify-content: center; font-size: 7px; }
.lp72 { width: 12px; height: 12px; border-radius: 50%; background: rgba(109, 40, 217, 0.18); color: #9b7ede; display: inline-flex; align-items: center; justify-content: center; font-size: 7px; }
.lp73 { position: absolute; top: 24%; right: -26px; background: #12161f; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 12px 16px; box-shadow: 0 20px 44px -16px rgba(0, 0, 0, 0.7); display: flex; align-items: center; gap: 11px; animation: mdFloat2 7s ease-in-out 0.8s infinite; }
.lp74 { width: 32px; height: 32px; border-radius: 9px; background: rgba(228, 180, 91, 0.14); color: #e4b45b; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.lp75 { display: block; font-size: 12.5px; font-weight: 600; }
.lp76 { display: block; font-size: 10.5px; color: #67718a; }
.lp77 { position: absolute; bottom: -18px; left: -22px; background: #12161f; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 12px 16px; box-shadow: 0 20px 44px -16px rgba(0, 0, 0, 0.7); display: flex; align-items: center; gap: 11px; animation: mdFloat2 8s ease-in-out 0.4s infinite; }
.lp78 { width: 32px; height: 32px; border-radius: 9px; background: rgba(212, 175, 55, 0.14); color: #d4af37; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.lp79 { padding: 110px 32px; border-top: 1px solid rgba(255, 255, 255, 0.05); position: relative; overflow: hidden; }
.lp80 { position: absolute; inset: 0; background: radial-gradient( closest-side, rgba(109, 40, 217, 0.08), transparent 72% ); pointer-events: none; }
.lp81 { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr); gap: 24px; align-items: center; position: relative; }
.lp82 { min-width: 0; }
.lp83 { margin: 0 0 18px; font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #9b7ede; }
.lp84 { margin: 0 0 16px; font-size: clamp(28px, 3.3vw, 44px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.12; text-wrap: balance; }
.lp85 { font-size: 16px; line-height: 1.7; color: #99a3b8; max-width: 600px; margin: 0 0 28px; }
.lp86 { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; }
.lp87 { padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(109, 40, 217, 0.35); background: rgba(109, 40, 217, 0.12); color: #edf0f7; font-size: 13px; font-weight: 600; cursor: pointer; }
.lp88 { padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.12); background: transparent; color: #99a3b8; font-size: 13px; font-weight: 600; cursor: pointer; }
.lp89 { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; margin-bottom: 8px; }
.lp90 { font-size: 15px; }
.lp91 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; max-width: 760px; }
.lp92 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 14px; padding: 18px; }
.lp93 { font-size: 12px; color: #67718a; margin-bottom: 8px; }
.lp94 { display: flex; flex-wrap: wrap; gap: 8px; }
.lp95 { font-size: 14px; line-height: 1.65; color: #d5dbea; }
.lp96 { padding: 26px; position: relative; overflow: hidden; }
.lp97 { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #9b7ede; border: 1px solid rgba(109, 40, 217, 0.28); background: rgba(109, 40, 217, 0.08); padding: 6px 12px; border-radius: 999px; margin-bottom: 18px; }
.lp98 { margin: 0 0 12px; font-size: 24px; line-height: 1.22; letter-spacing: -0.02em; }
.lp99 { margin: 0 0 18px; font-size: 14px; line-height: 1.7; color: #99a3b8; }
.lp100 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.lp101 { background: #0d1119; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 14px; }
.lp102 { font-size: 11px; color: #67718a; margin-bottom: 6px; }
.lp103 { font-size: 15px; font-weight: 700; }
.lp104 { font-size: 15px; font-weight: 700; color: #d4af37; }
.lp105 { display: flex; flex-direction: column; gap: 10px; font-size: 13.5px; line-height: 1.6; color: #c4cbda; }
.lp106 { padding: 10px 32px 84px; }
.lp107 { max-width: 1080px; margin: 0 auto; text-align: center; }
.lp108 { margin: 0 0 28px; font-size: 12.5px; letter-spacing: 0.08em; text-transform: uppercase; color: #67718a; }
.lp109 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px 52px; opacity: 0.62; }
.lp110 { font-size: 19px; font-weight: 700; letter-spacing: -0.02em; color: #c4cbda; }
.lp111 { padding: 110px 32px; border-top: 1px solid rgba(255, 255, 255, 0.05); }
.lp112 { max-width: 1100px; margin: 0 auto; }
.lp113 { max-width: 760px; margin: 0 auto 72px; text-align: center; }
.lp114 { font-size: clamp(28px, 3.4vw, 44px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.2; text-wrap: balance; }
.lp115 { color: #67718a; }
.lp116 { margin-top: 18px; font-size: clamp(28px, 3.4vw, 44px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.2; text-wrap: balance; }
.lp117 { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }
.lp118 { padding: 28px; }
.lp119 { display: flex; width: 36px; height: 36px; border-radius: 10px; background: rgba(109, 40, 217, 0.12); color: #9b7ede; align-items: center; justify-content: center; font-size: 15px; margin-bottom: 18px; }
.lp120 { margin: 0 0 8px; font-size: 16.5px; font-weight: 600; letter-spacing: -0.01em; }
.lp121 { font-size: 13.5px; line-height: 1.6; color: #8a93a6; }
.lp122 { display: flex; width: 36px; height: 36px; border-radius: 10px; background: rgba(212, 175, 55, 0.12); color: #d4af37; align-items: center; justify-content: center; font-size: 15px; margin-bottom: 18px; }
.lp123 { display: flex; width: 36px; height: 36px; border-radius: 10px; background: rgba(228, 180, 91, 0.12); color: #e4b45b; align-items: center; justify-content: center; font-size: 15px; margin-bottom: 18px; }
.lp124 { display: flex; width: 36px; height: 36px; border-radius: 10px; background: rgba(224, 106, 118, 0.12); color: #e06a76; align-items: center; justify-content: center; font-size: 15px; margin-bottom: 18px; }
.lp125 { max-width: 1180px; margin: 0 auto; }
.lp126 { max-width: 640px; margin-bottom: 64px; }
.lp127 { margin: 0 0 16px; font-size: clamp(28px, 3.4vw, 44px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.15; }
.lp128 { font-size: 16px; line-height: 1.65; color: #99a3b8; }
.lp129 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; align-items: stretch; }
.lp130 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.lp131 { width: 26px; height: 26px; border-radius: 8px; background: rgba(109, 40, 217, 0.14); color: #9b7ede; display: flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 700; }
.lp132 { font-size: 15.5px; font-weight: 600; }
.lp133 { background: #0b0e15; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 11px; padding: 13px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.lp134 { font-size: 9.5px; color: #67718a; font-weight: 500; }
.lp135 { display: flex; align-items: center; gap: 8px; background: #12161f; border-radius: 7px; padding: 7px 9px; }
.lp136 { width: 6px; height: 6px; border-radius: 50%; background: #6d28d9; flex: none; }
.lp137 { font-size: 10.5px; color: #c4cbda; flex: 1; }
.lp138 { font-size: 9px; color: #67718a; background: rgba(255, 255, 255, 0.05); border-radius: 4px; padding: 2px 5px; }
.lp139 { width: 6px; height: 6px; border-radius: 50%; background: #d4af37; flex: none; }
.lp140 { display: flex; align-items: center; gap: 8px; border: 1px dashed rgba(255, 255, 255, 0.14); border-radius: 7px; padding: 7px 9px; }
.lp141 { font-size: 10.5px; color: #67718a; flex: 1; }
.lp142 { font-size: 9px; color: #9b7ede; }
.lp143 { font-size: 13px; line-height: 1.55; color: #8a93a6; }
.lp144 { display: flex; gap: 5px; flex-wrap: wrap; }
.lp145 { font-size: 9px; font-weight: 600; color: #9b7ede; background: rgba(109, 40, 217, 0.12); border-radius: 5px; padding: 3px 7px; }
.lp146 { font-size: 9px; font-weight: 600; color: #d4af37; background: rgba(212, 175, 55, 0.12); border-radius: 5px; padding: 3px 7px; }
.lp147 { font-size: 9px; font-weight: 600; color: #e4b45b; background: rgba(228, 180, 91, 0.12); border-radius: 5px; padding: 3px 7px; }
.lp148 { display: flex; flex-direction: column; gap: 6px; margin-top: 2px; }
.lp149 { display: flex; align-items: center; gap: 7px; }
.lp150 { font-size: 10px; color: #8a93a6; width: 76px; flex: none; }
.lp151 { flex: 1; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, 0.06); overflow: hidden; }
.lp152 { display: block; height: 100%; width: 72%; border-radius: 3px; background: #6d28d9; }
.lp153 { display: block; height: 100%; width: 48%; border-radius: 3px; background: #d4af37; }
.lp154 { display: block; height: 100%; width: 31%; border-radius: 3px; background: #a78bc9; }
.lp155 { font-size: 9.5px; color: #67718a; margin-top: auto; display: flex; align-items: center; gap: 6px; }
.lp156 { background: #0b0e15; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 11px; padding: 13px; display: flex; flex-direction: column; gap: 9px; flex: 1; }
.lp157 { height: 8px; border-radius: 4px; background: linear-gradient( 90deg, rgba(109, 40, 217, 0.1) 25%, rgba(109, 40, 217, 0.28) 50%, rgba(109, 40, 217, 0.1) 75% ); background-size: 200% 100%; animation: mdShimmer 1.6s linear infinite; }
.lp158 { height: 8px; width: 84%; border-radius: 4px; background: linear-gradient( 90deg, rgba(109, 40, 217, 0.1) 25%, rgba(109, 40, 217, 0.28) 50%, rgba(109, 40, 217, 0.1) 75% ); background-size: 200% 100%; animation: mdShimmer 1.6s linear 0.2s infinite; }
.lp159 { height: 8px; width: 62%; border-radius: 4px; background: linear-gradient( 90deg, rgba(109, 40, 217, 0.1) 25%, rgba(109, 40, 217, 0.28) 50%, rgba(109, 40, 217, 0.1) 75% ); background-size: 200% 100%; animation: mdShimmer 1.6s linear 0.4s infinite; }
.lp160 { display: flex; flex-direction: column; gap: 5px; margin-top: auto; font-size: 9.5px; color: #67718a; }
.lp161 { display: flex; align-items: center; gap: 6px; }
.lp162 { font-size: 10.5px; font-weight: 600; }
.lp163 { width: 26px; height: 26px; border-radius: 7px; background: rgba(212, 175, 55, 0.14); color: #d4af37; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; }
.lp164 { display: flex; flex-direction: column; gap: 6px; }
.lp165 { font-size: 9.5px; color: #8a93a6; width: 64px; flex: none; }
.lp166 { display: block; height: 100%; width: 88%; border-radius: 3px; background: #d4af37; }
.lp167 { font-size: 9px; color: #67718a; }
.lp168 { display: block; height: 100%; width: 81%; border-radius: 3px; background: #6d28d9; }
.lp169 { font-size: 10px; line-height: 1.55; color: #99a3b8; border-left: 2px solid rgba(109, 40, 217, 0.5); padding-left: 9px; }
.lp170 { padding: 70px 32px; border-top: 1px solid rgba(255, 255, 255, 0.05); }
.lp171 { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.lp172 { padding: 24px; }
.lp173 { font-size: 15px; font-weight: 700; margin-bottom: 8px; }
.lp174 { margin: 0; font-size: 13px; line-height: 1.6; color: #8a93a6; }
.lp175 { padding: 110px 32px; border-top: 1px solid rgba(255, 255, 255, 0.05); background: linear-gradient(180deg, #0a0c12, #0c0f17 30%, #0a0c12); }
.lp176 { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 44px; }
.lp177 { max-width: 620px; }
.lp178 { display: flex; gap: 8px; flex-wrap: wrap; }
.lp179 { font-size: 13px; font-weight: 600; padding: 9px 18px; cursor: pointer; }
.lp180 { border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.1); background: #0d1119; box-shadow: 0 60px 120px -48px rgba(0, 0, 0, 0.8); overflow: hidden; }
.lp181 { height: 44px; display: flex; align-items: center; gap: 8px; padding: 0 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); background: #0f131c; }
.lp182 { width: 11px; height: 11px; border-radius: 50%; background: #3a4150; }
.lp183 { flex: 1; max-width: 300px; margin: 0 auto; background: rgba(255, 255, 255, 0.05); border-radius: 7px; font-size: 11.5px; color: #67718a; text-align: center; padding: 5px 10px; }
.lp184 { width: 33px; }
.lp185 { padding: 28px; min-height: 420px; background: #0b0e15; }
.lp186 { display: flex; flex-direction: column; gap: 16px; }
.lp187 { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; }
.lp188 { padding: 18px; }
.lp189 { font-size: 11px; color: #67718a; margin-bottom: 8px; }
.lp190 { font-size: 26px; font-weight: 650; letter-spacing: -0.02em; }
.lp191 { font-size: 11px; color: #d4af37; margin-top: 6px; }
.lp192 { font-size: 11px; color: #67718a; margin-top: 6px; }
.lp193 { background: #10141c; border: 1px solid rgba(109, 40, 217, 0.3); border-radius: 12px; padding: 18px; transition: transform 0.3s; }
.lp194 { font-size: 11px; color: #9b7ede; margin-bottom: 8px; }
.lp195 { font-size: 26px; font-weight: 650; letter-spacing: -0.02em; color: #d4af37; }
.lp196 { font-size: 15px; color: #67718a; }
.lp197 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
.lp198 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 18px; }
.lp199 { font-size: 12.5px; font-weight: 600; margin-bottom: 14px; }
.lp200 { display: flex; align-items: flex-end; gap: 10px; height: 130px; }
.lp201 { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 86%; }
.lp202 { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 78%; }
.lp203 { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 74%; }
.lp204 { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 71%; }
.lp205 { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 62%; }
.lp206 { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 58%; }
.lp207 { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 66%; }
.lp208 { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 84%; }
.lp209 { display: flex; gap: 10px; margin-top: 8px; }
.lp210 { flex: 1; text-align: center; font-size: 9.5px; color: #67718a; }
.lp211 { display: flex; flex-direction: column; gap: 11px; }
.lp212 { display: flex; align-items: center; gap: 11px; }
.lp213 { width: 20px; height: 20px; border-radius: 50%; background: rgba(212, 175, 55, 0.16); color: #d4af37; display: flex; align-items: center; justify-content: center; font-size: 10px; flex: none; }
.lp214 { flex: 1; min-width: 0; }
.lp215 { display: block; font-size: 12.5px; }
.lp216 { font-size: 10px; color: #67718a; }
.lp217 { width: 20px; height: 20px; border-radius: 50%; background: rgba(109, 40, 217, 0.16); color: #9b7ede; display: flex; align-items: center; justify-content: center; font-size: 9px; flex: none; }
.lp218 { font-size: 10px; color: #9b7ede; }
.lp219 { display: none; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
.lp220 { font-size: 12.5px; font-weight: 600; margin-bottom: 16px; }
.lp221 { display: flex; flex-direction: column; gap: 12px; }
.lp222 { display: flex; align-items: center; gap: 12px; }
.lp223 { font-size: 11.5px; color: #99a3b8; width: 104px; flex: none; }
.lp224 { flex: 1; height: 9px; border-radius: 5px; background: rgba(255, 255, 255, 0.05); overflow: hidden; }
.lp225 { display: block; height: 100%; border-radius: 5px; background: #6d28d9; width: 92%; }
.lp226 { font-size: 10.5px; color: #67718a; width: 40px; text-align: right; }
.lp227 { display: block; height: 100%; border-radius: 5px; background: #d4af37; width: 70%; }
.lp228 { display: block; height: 100%; border-radius: 5px; background: #e4b45b; width: 52%; }
.lp229 { display: block; height: 100%; border-radius: 5px; background: #a78bc9; width: 40%; }
.lp230 { display: block; height: 100%; border-radius: 5px; background: #e06a76; width: 29%; }
.lp231 { display: block; height: 100%; border-radius: 5px; background: #4fc3d9; width: 20%; }
.lp232 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 18px; display: flex; flex-direction: column; }
.lp233 { display: flex; align-items: center; gap: 24px; flex: 1; }
.lp234 { width: 130px; height: 130px; flex: none; }
.lp235 { font-size: 15px; font-weight: 650; font-family: inherit; }
.lp236 { font-size: 7.5px; font-family: inherit; }
.lp237 { display: flex; flex-direction: column; gap: 9px; font-size: 11.5px; color: #99a3b8; }
.lp238 { display: flex; align-items: center; gap: 8px; }
.lp239 { width: 8px; height: 8px; border-radius: 2px; background: #d4af37; }
.lp240 { width: 8px; height: 8px; border-radius: 2px; background: #6d28d9; }
.lp241 { width: 8px; height: 8px; border-radius: 2px; background: #e4b45b; }
.lp242 { width: 8px; height: 8px; border-radius: 2px; background: #e06a76; }
.lp243 { grid-column: 1/-1; background: #10141c; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 18px; }
.lp244 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.lp245 { font-size: 10px; color: #67718a; display: flex; align-items: center; gap: 5px; }
.lp246 { width: 9px; height: 9px; border-radius: 2px; background: rgba(109, 40, 217, 0.15); }
.lp247 { width: 9px; height: 9px; border-radius: 2px; background: rgba(109, 40, 217, 0.45); }
.lp248 { width: 9px; height: 9px; border-radius: 2px; background: rgba(109, 40, 217, 0.85); }
.lp249 { display: grid; grid-template-columns: repeat(16, 1fr); gap: 4px; max-width: 640px; }
.lp250 { display: none; flex-direction: column; gap: 16px; }
.lp251 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.lp252 { font-size: 15px; font-weight: 600; }
.lp253 { display: flex; gap: 8px; }
.lp254 { font-size: 11px; color: #99a3b8; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 7px; padding: 6px 12px; }
.lp255 { font-size: 11px; font-weight: 600; color: #fff; background: #5b21b6; border-radius: 7px; padding: 6px 12px; }
.lp256 { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; }
.lp257 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 16px; }
.lp258 { font-size: 22px; font-weight: 650; }
.lp259 { font-size: 10.5px; color: #67718a; margin-top: 3px; }
.lp260 { font-size: 12.5px; font-weight: 600; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
.lp261 { width: 7px; height: 7px; border-radius: 50%; background: #d4af37; }
.lp262 { display: flex; flex-direction: column; gap: 9px; font-size: 12.5px; color: #99a3b8; }
.lp263 { display: flex; gap: 9px; }
.lp264 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; padding: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
.lp265 { font-size: 12.5px; font-weight: 600; align-self: flex-start; }
.lp266 { width: 120px; height: 120px; }
.lp267 { font-size: 22px; font-weight: 650; font-family: inherit; }
.lp268 { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 32px; }
.lp269 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 900px; height: 500px; background: radial-gradient( closest-side, rgba(109, 40, 217, 0.09), transparent 70% ); pointer-events: none; }
.lp270 { max-width: 880px; margin: 0 auto; position: relative; }
.lp271 { text-align: center; margin-bottom: 56px; }
.lp272 { margin: 0 0 16px; font-size: clamp(28px, 3.4vw, 44px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.15; text-wrap: balance; }
.lp273 { font-size: 16px; line-height: 1.65; color: #99a3b8; max-width: 560px; margin: 0 auto; }
.lp274 { border-radius: 18px; padding: 1px; background: linear-gradient( 160deg, rgba(109, 40, 217, 0.45), rgba(167, 139, 201, 0.2) 40%, rgba(255, 255, 255, 0.06) ); margin-bottom: 18px; }
.lp275 { background: #0d1119; border-radius: 17px; padding: 30px; }
.lp276 { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.lp277 { width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(135deg, #6d28d9, #3b0a6b); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; }
.lp278 { font-size: 16.5px; font-weight: 600; }
.lp279 { margin-left: auto; font-size: 11px; color: #67718a; }
.lp280 { margin: 0 0 24px; font-size: 14.5px; line-height: 1.7; color: #b7bfd1; }
.lp281 { color: #edf0f7; }
.lp282 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin-bottom: 24px; }
.lp283 { background: rgba(212, 175, 55, 0.06); border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 12px; padding: 17px; }
.lp284 { font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; color: #d4af37; margin-bottom: 8px; }
.lp285 { font-size: 13px; line-height: 1.6; color: #b7bfd1; }
.lp286 { background: rgba(228, 180, 91, 0.06); border: 1px solid rgba(228, 180, 91, 0.2); border-radius: 12px; padding: 17px; }
.lp287 { font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; color: #e4b45b; margin-bottom: 8px; }
.lp288 { margin-bottom: 24px; }
.lp289 { font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; color: #9b7ede; margin-bottom: 12px; }
.lp290 { display: flex; flex-direction: column; gap: 9px; font-size: 13.5px; line-height: 1.6; color: #b7bfd1; }
.lp291 { display: flex; gap: 10px; }
.lp292 { color: #6d28d9; flex: none; }
.lp293 { display: flex; align-items: center; gap: 16px; background: rgba(109, 40, 217, 0.07); border: 1px solid rgba(109, 40, 217, 0.22); border-radius: 12px; padding: 16px 20px; }
.lp294 { font-size: 28px; font-weight: 650; letter-spacing: -0.02em; color: #9b7ede; }
.lp295 { font-size: 13px; line-height: 1.5; color: #99a3b8; }
.lp296 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 18px; padding: 30px; margin-bottom: 18px; }
.lp297 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.lp298 { width: 40px; height: 40px; border-radius: 11px; background: rgba(212, 175, 55, 0.13); border: 1px solid rgba(212, 175, 55, 0.3); color: #d4af37; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; }
.lp299 { display: flex; flex-direction: column; gap: 17px; }
.lp300 { display: flex; justify-content: space-between; font-size: 12.5px; margin-bottom: 7px; }
.lp301 { color: #99a3b8; }
.lp302 { height: 7px; border-radius: 4px; background: rgba(255, 255, 255, 0.05); overflow: hidden; }
.lp303 { display: block; height: 100%; width: 100%; border-radius: 4px; background: #6d28d9; }
.lp304 { display: block; height: 100%; width: 87%; border-radius: 4px; background: #d4af37; }
.lp305 { display: block; height: 100%; width: 94%; border-radius: 4px; background: #a78bc9; }
.lp306 { display: block; height: 100%; width: 88%; border-radius: 4px; background: #e4b45b; }
.lp307 { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.07); }
.lp308 { font-size: 13px; color: #99a3b8; }
.lp309 { font-size: 19px; font-weight: 650; }
.lp310 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 18px; padding: 30px; }
.lp311 { font-size: 16.5px; font-weight: 600; margin-bottom: 6px; }
.lp312 { margin: 0 0 18px; font-size: 13px; color: #8a93a6; }
.lp313 { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.lp314 { display: flex; flex-direction: column; gap: 14px; margin-bottom: 18px; }
.lp315 { max-width: 640px; margin-bottom: 60px; }
.lp316 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
.lp317 { padding: 26px; }
.lp318 { display: flex; width: 34px; height: 34px; border-radius: 10px; background: rgba(109, 40, 217, 0.12); color: #9b7ede; align-items: center; justify-content: center; font-size: 14px; margin-bottom: 16px; }
.lp319 { margin: 0 0 7px; font-size: 15.5px; font-weight: 600; }
.lp320 { margin: 0 0 18px; font-size: 13px; line-height: 1.6; color: #8a93a6; }
.lp321 { background: #0b0e15; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 9px; padding: 9px 11px; display: flex; align-items: center; gap: 8px; }
.lp322 { width: 5px; height: 5px; border-radius: 50%; background: #6d28d9; }
.lp323 { font-size: 10px; color: #8a93a6; flex: 1; }
.lp324 { font-size: 8.5px; color: #d4af37; }
.lp325 { display: flex; width: 34px; height: 34px; border-radius: 10px; background: rgba(212, 175, 55, 0.12); color: #d4af37; align-items: center; justify-content: center; font-size: 14px; margin-bottom: 16px; }
.lp326 { background: #0b0e15; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 9px; padding: 11px; display: flex; flex-direction: column; gap: 5px; }
.lp327 { height: 5px; width: 80%; border-radius: 3px; background: rgba(255, 255, 255, 0.14); }
.lp328 { height: 5px; width: 62%; border-radius: 3px; background: rgba(255, 255, 255, 0.09); }
.lp329 { height: 5px; width: 71%; border-radius: 3px; background: rgba(255, 255, 255, 0.09); }
.lp330 { display: flex; width: 34px; height: 34px; border-radius: 10px; background: rgba(228, 180, 91, 0.12); color: #e4b45b; align-items: center; justify-content: center; font-size: 14px; margin-bottom: 16px; }
.lp331 { background: #0b0e15; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 9px; padding: 9px 11px; display: flex; gap: 14px; }
.lp332 { font-size: 10px; color: #8a93a6; }
.lp333 { color: #c4cbda; }
.lp334 { background: #0b0e15; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 9px; padding: 9px 11px; display: flex; align-items: center; gap: 10px; }
.lp335 { width: 22px; height: 22px; border-radius: 6px; background: rgba(212, 175, 55, 0.14); color: #d4af37; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; }
.lp336 { background: #0b0e15; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 9px; padding: 9px 11px; display: flex; gap: 3px; }
.lp337 { width: 11px; height: 11px; border-radius: 2px; background: rgba(109, 40, 217, 0.2); }
.lp338 { width: 11px; height: 11px; border-radius: 2px; background: rgba(109, 40, 217, 0.55); }
.lp339 { width: 11px; height: 11px; border-radius: 2px; background: rgba(109, 40, 217, 0.9); }
.lp340 { width: 11px; height: 11px; border-radius: 2px; background: rgba(109, 40, 217, 0.4); }
.lp341 { width: 11px; height: 11px; border-radius: 2px; background: rgba(109, 40, 217, 0.75); }
.lp342 { width: 11px; height: 11px; border-radius: 2px; background: rgba(109, 40, 217, 0.25); }
.lp343 { width: 11px; height: 11px; border-radius: 2px; background: rgba(109, 40, 217, 0.6); }
.lp344 { display: flex; width: 34px; height: 34px; border-radius: 10px; background: rgba(167, 139, 201, 0.12); color: #a78bc9; align-items: center; justify-content: center; font-size: 14px; margin-bottom: 16px; }
.lp345 { width: 8px; height: 8px; border-radius: 50%; background: #a78bc9; }
.lp346 { font-size: 8.5px; color: #e4b45b; }
.lp347 { display: flex; width: 34px; height: 34px; border-radius: 10px; background: rgba(79, 195, 217, 0.12); color: #4fc3d9; align-items: center; justify-content: center; font-size: 14px; margin-bottom: 16px; }
.lp348 { background: #0b0e15; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 9px; padding: 11px; }
.lp349 { display: flex; height: 8px; border-radius: 4px; overflow: hidden; }
.lp350 { width: 34%; background: #6d28d9; }
.lp351 { width: 26%; background: #d4af37; }
.lp352 { width: 22%; background: #e4b45b; }
.lp353 { width: 18%; background: #a78bc9; }
.lp354 { display: flex; width: 34px; height: 34px; border-radius: 10px; background: rgba(224, 106, 118, 0.12); color: #e06a76; align-items: center; justify-content: center; font-size: 14px; margin-bottom: 16px; }
.lp355 { font-size: 8.5px; color: #9b7ede; }
.lp356 { background: #0b0e15; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 9px; padding: 11px; display: flex; flex-direction: column; gap: 6px; }
.lp357 { font-size: 9px; color: #67718a; width: 52px; }
.lp358 { flex: 1; height: 5px; border-radius: 3px; background: rgba(255, 255, 255, 0.06); overflow: hidden; }
.lp359 { display: block; height: 100%; width: 88%; background: #d4af37; border-radius: 3px; }
.lp360 { display: block; height: 100%; width: 81%; background: #6d28d9; border-radius: 3px; }
.lp361 { display: flex; gap: 6px; }
.lp362 { font-size: 12.5px; font-weight: 600; padding: 8px 15px; cursor: pointer; }
.lp363 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 18px; }
.lp364 { grid-column: 1/-1; background: #10141c; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 16px; padding: 26px; }
.lp365 { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.lp366 { font-size: 14.5px; font-weight: 600; }
.lp367 { font-size: 12px; color: #67718a; }
.lp368 { transition: d 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.lp369 { background: #10141c; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 16px; padding: 26px; }
.lp370 { font-size: 14.5px; font-weight: 600; margin-bottom: 20px; }
.lp371 { display: flex; align-items: flex-end; gap: 12px; height: 150px; }
.lp372 { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 7px; height: 100%; justify-content: flex-end; }
.lp373 { width: 100%; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 62%; }
.lp374 { font-size: 10.5px; color: #67718a; }
.lp375 { width: 100%; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #d4af37, #37a470); height: 92%; }
.lp376 { width: 100%; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 74%; }
.lp377 { width: 100%; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 68%; }
.lp378 { width: 100%; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #6d28d9, #5b21b6); height: 47%; }
.lp379 { margin: 18px 0 0; font-size: 12px; color: #67718a; border-top: 1px solid rgba(255, 255, 255, 0.06); padding-top: 14px; }
.lp380 { display: flex; gap: 20px; margin-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.06); padding-top: 14px; }
.lp381 { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #99a3b8; }
.lp382 { width: 16px; height: 2.5px; border-radius: 2px; background: #6d28d9; display: inline-block; }
.lp383 { width: 16px; height: 2.5px; border-radius: 2px; background: rgba(255, 255, 255, 0.3); display: inline-block; }
.lp384 { margin-left: auto; font-size: 12px; color: #d4af37; }
.lp385 { font-size: clamp(28px, 3.4vw, 44px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.15; }
.lp386 { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 18px; }
.lp387 { padding: 32px; }
.lp388 { display: flex; width: 40px; height: 40px; border-radius: 11px; background: rgba(109, 40, 217, 0.12); color: #9b7ede; align-items: center; justify-content: center; font-size: 16px; margin-bottom: 20px; }
.lp389 { margin: 0 0 10px; font-size: 18px; font-weight: 600; }
.lp390 { font-size: 14px; line-height: 1.65; color: #8a93a6; }
.lp391 { display: flex; width: 40px; height: 40px; border-radius: 11px; background: rgba(212, 175, 55, 0.12); color: #d4af37; align-items: center; justify-content: center; font-size: 15px; margin-bottom: 20px; }
.lp392 { display: flex; width: 40px; height: 40px; border-radius: 11px; background: rgba(228, 180, 91, 0.12); color: #e4b45b; align-items: center; justify-content: center; font-size: 16px; margin-bottom: 20px; }
.lp393 { max-width: 900px; margin: 0 auto; }
.lp394 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; align-items: stretch; }
.lp395 { background: #0d1017; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 16px; padding: 32px; }
.lp396 { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #67718a; margin-bottom: 24px; }
.lp397 { display: flex; flex-direction: column; gap: 15px; font-size: 14.5px; color: #8a93a6; }
.lp398 { color: #e06a76; font-size: 13px; }
.lp399 { border-radius: 16px; padding: 1px; background: linear-gradient( 160deg, rgba(109, 40, 217, 0.55), rgba(167, 139, 201, 0.25) 50%, rgba(255, 255, 255, 0.08) ); }
.lp400 { background: #0e1220; border-radius: 15px; padding: 32px; height: 100%; box-sizing: border-box; }
.lp401 { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #9b7ede; margin-bottom: 24px; display: flex; align-items: center; gap: 8px; }
.lp402 { width: 16px; height: 16px; border-radius: 5px; background: linear-gradient(135deg, #6d28d9, #3b0a6b); display: inline-flex; align-items: center; justify-content: center; font-size: 9px; color: #fff; font-weight: 700; }
.lp403 { display: flex; flex-direction: column; gap: 15px; font-size: 14.5px; color: #c4cbda; }
.lp404 { color: #d4af37; font-size: 13px; }
.lp405 { max-width: 700px; margin: 0 auto; text-align: center; }
.lp406 { margin: 0 0 22px; font-size: clamp(26px, 3vw, 38px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.25; }
.lp407 { font-size: 15.5px; line-height: 1.75; color: #99a3b8; }
.lp408 { text-align: center; margin-bottom: 44px; }
.lp409 { margin: 0 0 20px; font-size: clamp(28px, 3.4vw, 44px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.15; }
.lp410 { font-size: 15.5px; color: #99a3b8; max-width: 560px; margin: 0 auto 8px; }
.lp411 { display: flex; justify-content: center; gap: 8px; margin-bottom: 32px; }
.lp412 { padding: 9px 18px; border-radius: 999px; border: 1px solid rgba(109, 40, 217,0.35); background: rgba(109, 40, 217,0.12); color: #edf0f7; font-size: 13px; font-weight: 600; cursor: pointer; }
.lp413 { padding: 9px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); background: transparent; color: #99a3b8; font-size: 13px; font-weight: 600; cursor: pointer; }
.lp414 { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 20px; }
.lp415 { flex: 1 1 300px; max-width: 340px; border-radius: 18px; padding: 1px; background: rgba(255,255,255,0.08); }
.lp416 { background: #0e1220; border-radius: 17px; padding: 32px 28px; height: 100%; display: flex; flex-direction: column; gap: 20px; }
.lp417 { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #67718a; margin-bottom: 10px; }
.lp418 { font-size: 38px; font-weight: 650; letter-spacing: -0.03em; color: #edf0f7; }
.lp419 { font-size: 13px; color: #67718a; margin-top: 6px; }
.lp420 { display: flex; flex-direction: column; gap: 10px; font-size: 13.5px; color: #c4cbda; text-align: left; flex: 1; }
.lp421 { flex: 1 1 300px; max-width: 340px; border-radius: 18px; padding: 1px; background: linear-gradient(170deg, rgba(109, 40, 217,0.5), rgba(167, 139, 201,0.22) 55%, rgba(255,255,255,0.08)); }
.lp422 { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.lp423 { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #9b7ede; }
.lp424 { font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #0F1115; background: #9b7ede; padding: 2px 8px; border-radius: 999px; }
.lp425 { font-size: 12.5px; color: #99a3b8; margin-bottom: 10px; }
.lp426 { font-size: 38px; font-weight: 650; letter-spacing: -0.03em; color: #d4af37; }
.lp427 { font-size: 15px; font-weight: 500; color: #67718a; }
.lp428 { border: none; cursor: pointer; font-family: inherit; }
.lp429 { font-size: 11.5px; color: #67718a; text-align: center; }
.lp430 { text-decoration: none; text-align: center; }
.lp431 { text-align: center; font-size: 12.5px; color: #67718a; max-width: 460px; margin: 28px auto 0; }
.lp432 { max-width: 760px; margin: 0 auto; }
.lp433 { text-align: center; margin-bottom: 52px; }
.lp434 { border-top: 1px solid rgba(255, 255, 255, 0.07); }
.lp435 { padding: 140px 32px; border-top: 1px solid rgba(255, 255, 255, 0.05); position: relative; overflow: hidden; }
.lp436 { position: absolute; bottom: -300px; left: 50%; transform: translateX(-50%); width: 1000px; height: 600px; background: radial-gradient( closest-side, rgba(109, 40, 217, 0.16), transparent 70% ); pointer-events: none; }
.lp437 { max-width: 680px; margin: 0 auto; text-align: center; position: relative; }
.lp438 { margin: 0 0 20px; font-size: clamp(34px, 4.4vw, 58px); font-weight: 600; letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; }
.lp439 { margin: 0 0 38px; font-size: 17px; line-height: 1.6; color: #99a3b8; }
.lp440 { font-size: 17px; }
.lp441 { margin: 22px 0 0; font-size: 12.5px; color: #67718a; }
.lp442 { position: relative; padding: 76px 32px 40px; background: #090b10; overflow: hidden; }
.lp443 { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient( 90deg, transparent, rgba(109, 40, 217, 0.5) 20%, rgba(212, 175, 55, 0.55) 50%, rgba(109, 40, 217, 0.5) 80%, transparent ); }
.lp444 { position: absolute; top: -180px; left: 50%; transform: translateX(-50%); width: 640px; height: 320px; background: radial-gradient(closest-side, rgba(109, 40, 217, 0.10), transparent 72%); pointer-events: none; }
.lp445 { max-width: 1180px; margin: 0 auto; position: relative; }
.lp446 { display: flex; flex-wrap: wrap; gap: 48px; justify-content: space-between; margin-bottom: 56px; }
.lp447 { max-width: 280px; }
.lp448 { display: flex; align-items: baseline; gap: 2px; margin-bottom: 16px; color: #edf0f7; }
.lp449 { font-size: 20px; font-weight: 800; letter-spacing: -0.03em; color: #6d28d9; }
.lp450 { font-size: 15.5px; font-weight: 400; letter-spacing: -0.01em; }
.lp451 { color: #d4af37; font-size: 12px; margin-left: 4px; }
.lp452 { font-size: 13px; line-height: 1.65; color: #67718a; }
.lp453 { display: flex; flex-wrap: wrap; gap: 48px 64px; }
.lp454 { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #67718a; margin-bottom: 4px; }
.lp455 { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, 0.06); padding-top: 28px; }
.lp456 { font-size: 12.5px; color: #67718a; }
.lp457 { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.lp458 { font-size: 12px; }