:root,[data-theme=light]{--bg-body: #f5f7fa;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-topbar: #ffffff;--bg-accent: rgba(37,99,235,.06);--bg-overlay: rgba(0,0,0,.4);--border: #e2e6ed;--border-accent: rgba(37,99,235,.25);--text: #111827;--text2: #4b5563;--text3: #9ca3af;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--shadow-lg: 0 4px 12px rgba(0,0,0,.08), 0 16px 40px rgba(0,0,0,.06);--topbar-shadow: 0 1px 3px rgba(0,0,0,.06);--blue: #2563eb;--cyan: #0891b2;--green: #059669;--amber: #d97706;--red: #dc2626;--violet: #7c3aed;--orange: #ea580c;--r: 12px}[data-theme=dark]{--bg-body: #0a0e1a;--bg-card: #131b30;--bg-card-hover: #1a2440;--bg-topbar: #0f1628;--bg-accent: rgba(37,99,235,.12);--bg-overlay: rgba(0,0,0,.6);--border: #1e2d52;--border-accent: rgba(37,99,235,.35);--text: #e2e8f0;--text2: #94a3b8;--text3: #64748b;--shadow: 0 1px 3px rgba(0,0,0,.2), 0 4px 16px rgba(0,0,0,.15);--shadow-lg: 0 4px 12px rgba(0,0,0,.3), 0 16px 40px rgba(0,0,0,.25);--topbar-shadow: 0 1px 3px rgba(0,0,0,.3);--blue: #3b82f6;--cyan: #06b6d4;--green: #10b981;--amber: #f59e0b;--red: #f43f5e;--violet: #8b5cf6;--orange: #f97316}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--bg-body);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}.topbar{position:sticky;top:0;z-index:100;background:var(--bg-topbar);border-bottom:1px solid var(--border);box-shadow:var(--topbar-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s,border-color .3s}.topbar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;height:60px;padding:0 28px;gap:24px}.topbar-logo{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px;flex-shrink:0;transition:color .3s}.topbar-logo span{background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-logo-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.topbar-nav{display:flex;align-items:center;gap:4px;flex:1}.topbar-nav a{font-size:14px;font-weight:500;color:var(--text3);text-decoration:none;padding:8px 14px;border-radius:8px;transition:all .15s}.topbar-nav a:hover{color:var(--text);background:var(--bg-accent)}.topbar-nav a.active{color:var(--blue);background:var(--bg-accent);font-weight:600}.topbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.topbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text2);cursor:pointer;font-size:15px;transition:all .15s}.topbar-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--bg-accent)}.lang-btn{width:auto;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.5px}.page-wrap{max-width:1280px;margin:0 auto;padding:0 28px}.home-hero{text-align:center;padding:80px 0 60px}.home-hero h1{font-size:48px;font-weight:700;letter-spacing:-1.5px;margin-bottom:16px}.home-hero h1 span{background:linear-gradient(135deg,var(--blue),var(--cyan),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero p{font-size:17px;color:var(--text2);max-width:600px;margin:0 auto;line-height:1.8}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-bottom:80px}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px 24px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:all .25s;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.product-card.clickable{cursor:pointer}.product-card.disabled{opacity:.55;cursor:default}.product-card.disabled:hover{transform:none;box-shadow:var(--shadow);border-color:var(--border)}.product-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px}.product-card h3{font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.product-card p{font-size:13.5px;color:var(--text2);line-height:1.7;margin-bottom:16px;flex:1}.product-tag{font-size:11px;font-weight:600;padding:4px 12px;border-radius:100px;letter-spacing:.5px}.product-tag.active{background:#0596691a;color:var(--green)}.product-tag.soon{background:#d977061a;color:var(--amber)}.p-asger:before{background:linear-gradient(90deg,var(--blue),var(--cyan))}.p-asger .product-icon{background:linear-gradient(135deg,#2563eb1f,#0891b21f);border:1px solid rgba(37,99,235,.2);color:var(--blue)}.p-asger h3{color:var(--blue)}.p-siberat:before{background:linear-gradient(90deg,var(--green),#34d399)}.p-siberat .product-icon{background:linear-gradient(135deg,#0596691f,#34d3991f);border:1px solid rgba(5,150,105,.2);color:var(--green)}.p-siberat h3{color:var(--green)}.p-gatesup:before{background:linear-gradient(90deg,var(--violet),#c084fc)}.p-gatesup .product-icon{background:linear-gradient(135deg,#7c3aed1f,#c084fc1f);border:1px solid rgba(124,58,237,.2);color:var(--violet)}.p-gatesup h3{color:var(--violet)}.p-kapi:before{background:linear-gradient(90deg,var(--amber),var(--orange))}.p-kapi .product-icon{background:linear-gradient(135deg,#d977061f,#ea580c1f);border:1px solid rgba(217,119,6,.2);color:var(--amber)}.p-kapi h3{color:var(--amber)}.docs-header{padding:40px 0 0}.docs-breadcrumb{font-size:13px;color:var(--text3);margin-bottom:16px}.docs-breadcrumb a{color:var(--blue);text-decoration:none}.docs-breadcrumb a:hover{text-decoration:underline}.docs-title{font-size:36px;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.docs-title span{background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.docs-subtitle{font-size:15px;color:var(--text2);margin-bottom:28px}.docs-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);padding-bottom:0}.docs-tab{padding:12px 20px;font-size:14px;font-weight:500;color:var(--text3);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;display:flex;align-items:center;gap:8px;font-family:inherit}.docs-tab:hover{color:var(--text)}.docs-tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.docs-tab .tab-icon{width:16px;height:16px;opacity:.6}.docs-tab.active .tab-icon{opacity:1}.docs-content{padding:32px 0 60px}.doc-frame{width:100%;border:none;display:block;min-height:400px;border-radius:12px;background:var(--bg-card);box-shadow:var(--shadow);overflow:hidden}.site-footer{text-align:center;padding:32px 0;border-top:1px solid var(--border);color:var(--text3);font-size:13px;transition:border-color .3s}.site-footer strong{color:var(--text2)}@media (max-width: 900px){.products-grid{grid-template-columns:repeat(2,1fr)}.home-hero h1{font-size:32px}.topbar-inner,.page-wrap{padding:0 16px}.docs-tabs{overflow-x:auto}}@media (max-width: 600px){.products-grid{grid-template-columns:1fr}.topbar-nav{display:none}}