:root{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  color:#241b2f;
  background:#faf8fb;
  --purple:#6f1fa3;--magenta:#c93678;--orange:#f36b21;--gold:#ff9700;--muted:#6c6473;--line:#e8e0ec;
}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fff 0,#faf7fb 55%,#f6f2f8 100%)}
.site{max-width:1080px;margin:auto;padding:24px}
nav{display:flex;justify-content:space-between;align-items:center;padding:10px 0 46px}nav a,footer a{color:inherit}.nav-logo{width:min(330px,60vw);height:auto;display:block}
.lead{max-width:820px;padding:30px 0 66px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--purple)}
.lead h1{font-size:clamp(42px,7vw,78px);line-height:.98;margin:15px 0 22px;letter-spacing:-.04em;background:linear-gradient(100deg,var(--purple),var(--magenta),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead p{font-size:21px;line-height:1.45;color:#554d5a;max-width:740px}.buttons{display:flex;gap:10px;margin-top:28px}.buttons a{padding:12px 17px;border-radius:10px;text-decoration:none;font-weight:750}.primary{background:linear-gradient(100deg,var(--purple),var(--magenta));color:#fff;box-shadow:0 8px 20px rgba(111,31,163,.13)}.secondary{border:1px solid #d9cfdf;color:var(--purple);background:white}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.features article,.platforms{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:0 8px 24px rgba(74,31,91,.06)}.features article{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--purple),var(--magenta),var(--orange),var(--gold)) 1}.features h2,.platforms h2{margin-top:0}.features p,.platforms p{color:#5e5663;line-height:1.5}.platforms{margin-top:14px}.platforms p{max-width:820px}footer{display:flex;justify-content:space-between;gap:20px;padding:50px 0 15px;color:#756d79;font-size:13px}
@media(max-width:800px){.features{grid-template-columns:1fr 1fr}.lead{padding-bottom:40px}}@media(max-width:500px){.features{grid-template-columns:1fr}.buttons,footer{flex-direction:column}.site{padding:18px}.nav-logo{width:78vw}}