*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#07090f;
  --surface:#0d1117;
  --surface-2:#161b22;
  --border:#1e2733;
  --border-accent:#30363d;
  --text:#e6edf3;
  --text-dim:#8b949e;
  --text-muted:#484f58;
  --accent:#a78bfa;
  --accent-glow:rgba(167,139,250,.15);
  --compare-no:#6b7280;
  --compare-bad:#b89191;
  --amber:#fbbf24;
  --pink:#f472b6;
  --cyan:#22d3ee;
  --radius:16px;
  --font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  /* Футер: планета с ореолом (как в lms-ui) */
  --gradient-footer-banner: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
  --gradient-footer-fade: linear-gradient(to bottom, var(--bg) 0%, transparent 100%);
  --gradient-footer-radial: radial-gradient(ellipse 60% 100% at 50% 100%, rgba(124, 58, 237, 0.2) 0%, transparent 70%);
  --gradient-footer-planet-body: radial-gradient(
    ellipse 120% 65% at 50% 98%,
    rgba(88, 28, 135, 0.85) 0%,
    rgba(109, 40, 217, 0.7) 25%,
    rgba(124, 58, 237, 0.5) 45%,
    rgba(139, 92, 246, 0.25) 58%,
    transparent 62%
  );
  --gradient-footer-planet-atmosphere: radial-gradient(
    ellipse 140% 90% at 50% 105%,
    rgba(139, 92, 246, 0.35) 0%,
    rgba(124, 58, 237, 0.15) 40%,
    transparent 65%
  );
  --color-footer-title: var(--text);
  --color-footer-tagline: var(--text-dim);
  --color-footer-rights: rgba(230, 237, 243, 0.85);
}
html{scroll-behavior:smooth;scroll-padding-top:72px}
#how,#features,#how-sell{scroll-margin-top:72px}

body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:var(--accent) var(--surface-2);
}
body::-webkit-scrollbar{
  width:10px;
}
body::-webkit-scrollbar-track{
  background:var(--surface-2);
}
body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--accent),#818cf8);
  border-radius:999px;
  border:2px solid var(--surface-2);
}
body::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#c4b5fd,#a78bfa);
}
a{color:inherit;text-decoration:none}

.grad{
  background:linear-gradient(135deg,#e0d4ff,#a78bfa,#f472b6);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  display:inline-block;
}

.btn-primary{
  display:inline-block;padding:14px 36px;border-radius:14px;
  font-size:16px;font-weight:700;
  background:linear-gradient(135deg,#a78bfa,#818cf8);color:#fff;
  border:none;cursor:pointer;
  box-shadow:0 6px 24px rgba(167,139,250,.35);
  transition:transform .15s,box-shadow .15s;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(167,139,250,.45)}

.btn-secondary{
  display:inline-block;padding:14px 36px;border-radius:14px;
  font-size:16px;font-weight:700;
  background:var(--surface-2);color:var(--text);
  border:1px solid var(--border-accent);
  cursor:pointer;
  transition:transform .15s,border-color .15s;
}
.btn-secondary:hover{transform:translateY(-2px);border-color:var(--accent)}