: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;overflow-x:hidden}h1,h2,h3{font-family:Space Grotesk,sans-serif}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,11,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;position:relative}.logo{font-weight:700;font-size:22px;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:10px}.logo span{color:var(--accent)}.logo-img{height:32px;width:32px;object-fit:contain;display:inline-block;background:transparent}.nav nav{display:flex;gap:24px}.nav nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav nav a.active{color:var(--text)}.hamburger{display:none;background:none;border:0;color:#fff;font-size:26px;cursor:pointer;line-height:1}.mobile-menu{display:flex;align-items:center;gap:20px}.menu-actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#000;padding:12px 20px;border-radius:999px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font-size:14px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.btn-ghost{background:#1a1a1d;color:#f5f5f5;border:1px solid #232326}.btn-sm{padding:8px 14px;font-size:13px}.btn-call{background:#fff;color:#000}.hero{padding:80px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.hero h1{font-size:52px;line-height:.92;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}.hero p{color:var(--muted);margin:12px 0 0 0}.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;overflow:hidden}.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;line-height:1.4}.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;outline:none}.section{padding:60px 0}.footer{border-top:1px solid var(--border);padding:40px 0;margin-top:60px;color:var(--muted)}.badge{background:#1a1a1d;border:1px solid #232326;padding:6px 12px;border-radius:999px;display:inline-block;font-size:12px}.live-bg{position:fixed;inset:0;z-index:-1;pointer-events:none}.live-bg .gradient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;animation:floatOrb 25s infinite ease-in-out}.live-bg .orb1{width:700px;height:700px;background:radial-gradient(circle,#7c3aed,transparent 70%);top:-150px;left:-150px}.live-bg .orb2{width:600px;height:600px;background:radial-gradient(circle,#06b6d4,transparent 70%);right:-100px;top:10%}.live-bg .orb3{width:600px;height:600px;background:radial-gradient(circle,#ec4899,transparent 70%);bottom:-150px;left:20%;opacity:.25}.live-bg .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}@keyframes floatOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-20px) scale(1.08)}}.detail-page{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.code-box{background:#0f0f10;border:1px solid #232326;border-radius:10px;padding:12px;font-family:monospace;font-size:12px;color:#a5b4fc;margin-top:8px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.detail-actions .btn{flex:1 1 auto;justify-content:center;min-width:120px}.login-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.login-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;text-align:center}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:20px}.bot-grid{grid-template-columns:1fr 1fr}.detail-page{grid-template-columns:1fr;gap:20px}.login-cards{grid-template-columns:1fr}}@media(max-width:768px){.hamburger{display:block}.mobile-menu{position:fixed;top:72px;right:-100%;width:300px;max-width:85vw;height:calc(100vh - 72px);background:rgba(20,20,22,.98);backdrop-filter:blur(18px);border-left:1px solid var(--border);flex-direction:column;align-items:flex-start;padding:24px;gap:20px;transition:right .3s ease;z-index:60;overflow-y:auto}.mobile-menu.open{right:0}.mobile-menu nav{flex-direction:column;gap:18px;width:100%}.mobile-menu nav a{font-size:16px}.menu-actions{flex-direction:column;width:100%;gap:10px;margin-top:8px}.menu-actions .btn{width:100%}.nav-inner{height:64px}.hero{padding:48px 0}.hero h1{font-size:40px}.section{padding:40px 0}.chat-widget{width:92%;right:4%;left:4%;bottom:10px;height:400px}}@media(max-width:600px){.bot-grid{grid-template-columns:1fr}.container{padding:0 16px}.hero h1{font-size:32px;letter-spacing:-1px}.hero p{font-size:15px}.bot-card{padding:16px}.login-cards{gap:12px}}@media(max-width:480px){.nav-inner{height:56px}.mobile-menu{top:56px;height:calc(100vh - 56px)}.logo{font-size:19px}.logo-img{height:28px;width:28px}.hero{padding:32px 0}.hero h1{font-size:28px}.btn{padding:10px 18px;font-size:13px}.footer{padding:24px 0}}@media(max-width:360px){.container{padding:0 12px}.hero h1{font-size:24px}}