:root { --bg:#0c1117; --card:#111827; --text:#e5e7eb; --muted:#94a3b8; --brand:#4A69FF; }
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#fff;color:#111}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
.hero{background:linear-gradient(180deg,#f8fbff,#fff 60%);padding:80px 0;border-bottom:1px solid #e5e7eb}
h1{font-size:48px;margin:0;color:#111} .tag{color:#4A69FF;font-weight:700;margin:6px 0 8px}
.sub{color:#475569;max-width:720px}
.form{display:flex;gap:10px;margin:22px 0} .input{flex:1;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px}
.btn{background:#4A69FF;border:none;color:#fff;padding:12px 18px;border-radius:10px;cursor:pointer;font-weight:600}
.btn:hover{filter:brightness(0.95)}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:36px 0}
.card{border:1px solid #e5e7eb;border-radius:14px;padding:18px;background:#fff}
.foot{border-top:1px solid #e5e7eb;padding:24px 0;color:#475569}
@media (max-width:900px){.features{grid-template-columns:1fr}.form{flex-direction:column}}