*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;background:#fcfaf8;color:#222;overflow-x:hidden}
header{max-width:1200px;margin:auto;padding:40px 24px;display:flex;justify-content:space-between;align-items:center}
.logo{width:180px}
.pill{background:#f7dcec;padding:10px 18px;border-radius:99px}
.hero{max-width:1200px;margin:auto;padding:40px 24px 80px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;min-height:70vh}
h1{font-size:64px;line-height:1.05}
h1 span{background:linear-gradient(90deg,#ff9855,#ffd85c,#f56da8,#c0a3f5,#06a769,#89c8f6,#a5e57a);-webkit-background-clip:text;color:transparent}
p{margin:28px 0;color:#666;font-size:1.1rem;line-height:1.8}
.actions{display:flex;gap:16px;flex-wrap:wrap}
.btn{text-decoration:none;padding:16px 28px;border-radius:999px;background:#fff;color:#222;border:1px solid #eee;box-shadow:0 10px 25px rgba(0,0,0,.06)}
.primary{background:#3e6fb4;color:#fff;border:none}
.features{display:flex;gap:18px;flex-wrap:wrap;margin-top:36px}
.features div{background:#fff;padding:14px 18px;border-radius:16px;box-shadow:0 10px 20px rgba(0,0,0,.05)}
.card{background:#fff;padding:48px;border-radius:32px;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.08)}
.cardlogo{width:240px;margin-bottom:24px}
.card h2{margin-bottom:16px}
footer{text-align:center;padding:32px;color:#777}
.blob{position:fixed;border-radius:50%;filter:blur(120px);z-index:-1}
.b1{width:420px;height:420px;background:#f7cfe5;top:-120px;right:-120px}
.b2{width:350px;height:350px;background:#cfefff;bottom:-100px;left:-100px}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center}header{flex-direction:column;gap:20px}h1{font-size:44px}.actions,.features{justify-content:center}}