:root{--bg:#0a0a0b;--card:#141416;--border:#232326;--text:#f5f5f5;--muted:#9aa0a6;--accent:#7c3aed;--accent2:#06b6d4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}h1,h2,h3{font-family:Space Grotesk,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,11,0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{font-weight:700;font-size:22px;text-decoration:none;color:var(--text)}.logo span{color:var(--accent)}.nav nav{display:flex;gap:24px}.nav nav a{color:var(--muted);text-decoration:none}.nav nav a.active{color:var(--text)}.btn{display:inline-flex;background:#fff;color:#000;padding:12px 20px;border-radius:999px;font-weight:600;text-decoration:none;border:0;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.btn-sm{padding:8px 14px;font-size:13px}.hero{padding:80px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.hero h1{font-size:52px;line-height:.9;letter-spacing:-1.5px}.hero h1 em{font-style:normal;background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bot-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;position:relative}.tag{position:absolute;top:10px;right:10px;background:var(--accent);color:#fff;font-size:10px;padding:3px 7px;border-radius:999px}.icon{width:44px;height:44px;background:#1e1e20;border-radius:10px;display:grid;place-items:center;font-size:22px;margin-bottom:8px}.features{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.features span{font-size:10px;background:#1f1f22;border:1px solid var(--border);padding:3px 7px;border-radius:999px;color:var(--muted)}.chat-widget{position:fixed;bottom:20px;right:20px;width:370px;height:460px;background:#111113;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;z-index:99}.hidden{display:none!important}.chat-header{padding:12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.chat-body{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.msg{max-width:80%;padding:8px 10px;border-radius:12px;font-size:13px}.msg.bot{background:#1e1e22;align-self:flex-start}.msg.user{background:var(--accent);color:#fff;align-self:flex-end}.chat-input{display:flex;gap:6px;padding:10px;border-top:1px solid var(--border)}.chat-input input{flex:1;background:#1a1a1d;border:1px solid var(--border);border-radius:999px;padding:8px 12px;color:#fff}.section{padding:60px 0}.footer{border-top:1px solid var(--border);padding:40px 0;margin-top:60px}.badge{background:#1a1a1d;border:1px solid #232326;padding:6px 12px;border-radius:999px;display:inline-block;font-size:12px}@media(max-width:900px){.hero{grid-template-columns:1fr}.bot-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.bot-grid{grid-template-columns:1fr}}
.logo-img{height:32px!important;width:32px!important;object-fit:contain;display:inline-block!important}
.logo-img-white{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(124,58,237,.8))!important}
.live-bg{position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;display:block!important;opacity:1!important}
.live-bg .gradient-orb{position:absolute!important;border-radius:50%!important;filter:blur(90px)!important;opacity:.35!important;animation:floatOrb 25s infinite ease-in-out!important}
.live-bg .orb1{width:700px!important;height:700px!important;background:radial-gradient(circle,#7c3aed,transparent 70%)!important;top:-150px!important;left:-150px!important}
.live-bg .orb2{width:600px!important;height:600px!important;background:radial-gradient(circle,#06b6d4,transparent 70%)!important;right:-100px!important;top:10%!important}
.live-bg .orb3{width:600px!important;height:600px!important;background:radial-gradient(circle,#ec4899,transparent 70%)!important;bottom:-150px!important;left:20%!important;opacity:.25!important}
.live-bg .grid{position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px)!important;background-size:60px 60px!important}
@keyframes floatOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-20px) scale(1.08)}}