*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:#050816;width:100%;min-height:100%;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body{background:radial-gradient(circle at 20% 10%,#00ffd524,#0000 28%),radial-gradient(circle at 80% 0,#4f46e533,#0000 30%),#050816}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:28px}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d20b8;border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:18px 22px;display:flex}.brand,.badge,.heroActions,.statsGrid,.featureCard{align-items:center;display:flex}.brand{gap:12px;font-size:22px;font-weight:800}.brandIcon{background:linear-gradient(135deg,#00ffd5,#4f46e5);border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.navButton,.primaryButton,.cta a{color:#04111f;background:linear-gradient(135deg,#00ffd5,#22c55e);border-radius:14px;padding:14px 20px;font-weight:800}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;max-width:1180px;margin:80px auto 0;display:grid}.badge{color:#8ffff0;background:#00ffd51a;border:1px solid #00ffd540;border-radius:999px;gap:8px;width:fit-content;margin-bottom:22px;padding:10px 14px;font-weight:700}.hero h1{letter-spacing:-3px;margin-bottom:24px;font-size:clamp(42px,6vw,76px);line-height:.98}.hero h1 strong{background:linear-gradient(90deg,#00ffd5,#4f8cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{color:#b8c2d9;max-width:650px;font-size:19px;line-height:1.7}.heroActions{flex-wrap:wrap;gap:14px;margin-top:32px}.secondaryButton{color:#e9eefc;background:#ffffff0f;border-radius:14px;padding:14px 20px;font-weight:700}.mockup{background:linear-gradient(#141e40f2,#070c1ef2),radial-gradient(circle at top,#00ffd52e,#0000);border:1px solid #ffffff1a;border-radius:32px;min-height:520px;padding:24px;box-shadow:0 30px 90px #00000073}.mockupHeader{gap:8px;margin-bottom:36px;display:flex}.mockupHeader span{background:#ffffff4d;border-radius:50%;width:12px;height:12px}.chatCard{color:#dce6ff;background:#ffffff12;border-radius:20px;gap:14px;margin-bottom:18px;padding:18px;display:flex}.chatCard p{color:#9eacc9;margin-top:5px;font-size:14px}.chatCard.right{background:#00ffd51c;border:1px solid #00ffd52e;margin-left:50px}.statsGrid{gap:14px;margin-top:34px}.statsGrid div{background:#ffffff0f;border-radius:22px;flex-direction:column;flex:1;gap:8px;min-height:135px;padding:20px;display:flex}.statsGrid strong{font-size:24px}.statsGrid span{color:#95a3be}.features{max-width:1180px;margin:110px auto 0}.sectionTitle{text-align:center;max-width:760px;margin:0 auto 38px}.sectionTitle span{color:#00ffd5;font-weight:800}.sectionTitle h2,.cta h2{letter-spacing:-2px;margin-top:12px;font-size:clamp(32px,4vw,52px);line-height:1.08}.featureGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.featureCard{background:#ffffff0e;border:1px solid #ffffff14;border-radius:22px;gap:14px;min-height:105px;padding:22px}.featureCard svg{color:#00ffd5;flex-shrink:0}.featureCard p{color:#d9e2f5;font-weight:650}.cta{text-align:center;background:linear-gradient(135deg,#00ffd529,#4f46e52e),#ffffff0a;border:1px solid #ffffff1a;border-radius:32px;max-width:980px;margin:110px auto 40px;padding:58px 26px}.cta p{color:#b8c2d9;max-width:680px;margin:18px auto 30px;font-size:18px;line-height:1.7}.cta a{display:inline-block}@media (width<=900px){.page{padding:18px}.hero{grid-template-columns:1fr;margin-top:52px}.mockup{min-height:auto}.featureGrid{grid-template-columns:1fr}.navButton{display:none}}