*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#0B0F1A;line-height:1.6}

.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 6%;border-bottom:1px solid #e8eef5;background:#fff;position:sticky;top:0}

.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;color:#0B0F1A}
.brand img{width:42px}

.links{display:flex;gap:20px}
.links a{text-decoration:none;color:#243044;font-weight:700}

.btn{display:inline-block;background:#6A5CFF;color:#fff;padding:11px 18px;border-radius:10px;text-decoration:none;font-weight:800}
.outline{background:#fff;color:#6A5CFF;border:2px solid #6A5CFF}

.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:90px 6%;background:linear-gradient(135deg,#fff 0%,#f4fbff 55%,#effffb 100%)}

.hero h1{font-size:54px;line-height:1.05;margin:10px 0}
.gradient{background:linear-gradient(90deg,#6A5CFF,#2EFFC4);-webkit-background-clip:text;color:transparent}

.lead{font-size:19px;color:#405066;max-width:850px}

.hero-logo{border:1px solid #e8eef5;border-radius:28px;padding:35px;text-align:center;box-shadow:0 20px 60px rgba(20,40,80,.12);background:#fff}
.hero-logo img{max-width:260px}

.section{padding:70px 6%}
.center{text-align:center}

.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.card{border:1px solid #e8eef5;border-radius:22px;padding:28px;background:#fff;box-shadow:0 12px 36px rgba(20,40,80,.08)}

.bullets{display:flex;flex-wrap:wrap;gap:14px}
.pill{padding:12px 18px;border-radius:999px;background:#f3f6ff;border:1px solid #dfe7ff;font-weight:800}

.cta{text-align:center;margin:60px 6%;padding:60px 6%;border-radius:28px;background:linear-gradient(90deg,#6A5CFF,#2EFFC4);color:#fff}

.footer{text-align:center;padding:30px 6%;border-top:1px solid #e8eef5;color:#607086}

@media(max-width:800px){
.hero{grid-template-columns:1fr}
.links{display:none}
.hero h1{font-size:40px}
.cards{grid-template-columns:1fr}
}