@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Space+Mono:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0c0c0f;--bg-elevated:#141419;--bg-card:#1a1a22;--bg-card-hover:#22222e;--accent:#e8a838;--accent-dim:#c48a20;--accent-glow:rgba(232,168,56,.12);--text-primary:#f0ede6;--text-secondary:#9b978e;--text-muted:#5e5b54;--border:hsla(42,25%,92%,.06);--border-accent:rgba(232,168,56,.2);--font-body:"DM Sans",sans-serif;--font-mono:"Space Mono",monospace;--font-display:"Playfair Display",serif;--red:#e85454;--green:#48c78e;--blue:#5b9ae8}body{color:var(--text-primary);font-family:var(--font-body)}.landing,body{background:var(--bg)}.landing{min-height:100vh;overflow-x:hidden}.noise:before{content:"";width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.nav,.noise:before{position:fixed;top:0;left:0}.nav{right:0;z-index:100;justify-content:space-between;padding:1rem 3rem;background:rgba(12,12,15,.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav,.nav-logo{display:flex;align-items:center}.nav-logo{gap:10px;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--accent);letter-spacing:-.5px}.nav-logo .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:400;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{background:var(--accent)!important;color:#0c0c0f!important;padding:.55rem 1.4rem;border-radius:6px;font-weight:600!important;font-size:.85rem!important;transition:all .2s!important}.nav-cta:hover{background:var(--accent-dim)!important;transform:translateY(-1px)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:8rem 2rem 4rem}.hero,.hero-badge{align-items:center}.hero-badge{display:inline-flex;gap:8px;padding:6px 16px;border-radius:100px;border:1px solid var(--border-accent);background:var(--accent-glow);font-size:.8rem;color:var(--accent);font-weight:500;margin-bottom:2rem}.hero-badge .live{width:6px;height:6px;border-radius:50%;background:var(--green)}.hero h1{font-family:var(--font-display);font-size:clamp(3rem,7vw,5.5rem);font-weight:400;line-height:1.08;letter-spacing:-2px;max-width:900px;margin-bottom:1.5rem}.hero h1 em{font-style:italic;color:var(--accent);background:linear-gradient(135deg,var(--accent),#f0c060);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:1.15rem;color:var(--text-secondary);max-width:560px;line-height:1.7;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn-primary{background:var(--accent);color:#0c0c0f;padding:.75rem 2rem;border-radius:8px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.btn-primary:hover{background:var(--accent-dim);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-primary);padding:.75rem 2rem;border-radius:8px;font-weight:500;font-size:.95rem;border:1px solid var(--border);cursor:pointer;transition:all .2s;font-family:var(--font-body)}.btn-outline:hover{border-color:var(--text-muted);background:var(--bg-elevated)}.hero-stats{display:flex;gap:3rem;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}.hero-stat-num{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--accent)}.hero-stat-label{font-size:.8rem;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:1px}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(232,168,56,.06) 0,transparent 70%);pointer-events:none}.section{padding:6rem 3rem;position:relative}.section-label{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:-1px;margin-bottom:1rem}.section-desc{color:var(--text-secondary);max-width:600px;line-height:1.7;margin-bottom:3rem}.demo-container{max-width:800px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.demo-header{display:flex;align-items:center;gap:8px;padding:1rem 1.5rem;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.demo-dot{width:10px;height:10px;border-radius:50%}.demo-body{padding:2rem}.demo-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:1px solid var(--border)}.demo-tab{padding:.75rem 1.5rem;font-size:.85rem;cursor:pointer;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;transition:all .2s;font-family:var(--font-body);font-weight:500}.demo-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.demo-tab:hover{color:var(--text-secondary)}.demo-upload{border:2px dashed var(--border);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s}.demo-upload:hover{border-color:var(--accent-dim);background:var(--accent-glow)}.demo-record-area{text-align:center}.record-btn{width:80px;height:80px;border-radius:50%;background:var(--red);border:4px solid rgba(232,84,84,.3);cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center}.record-btn:hover{transform:scale(1.08)}.record-btn.recording{animation:rec-pulse 1s infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 0 0 rgba(232,84,84,.4)}50%{box-shadow:0 0 0 20px rgba(232,84,84,0)}}.demo-result{margin-top:1.5rem;padding:1.5rem;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border);animation:fadeIn .5s ease}.demo-result-label{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:.75rem}.demo-result-text{font-size:1.1rem;line-height:1.8;color:var(--text-primary)}.demo-result-meta{display:flex;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);flex-wrap:wrap}.demo-meta-item{font-size:.75rem;color:var(--text-muted)}.demo-meta-item span{color:var(--accent);font-family:var(--font-mono);font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bounce{to{transform:translateY(-12px);opacity:.3}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-4px)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem}.feature-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.api-section{max-width:1100px;margin:0 auto}.api-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.code-block{background:#0d0d12;border:1px solid var(--border);border-radius:12px;overflow:hidden;font-family:var(--font-mono);font-size:.82rem;line-height:1.8}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.02)}.code-lang{font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:1px}.code-body{padding:1.25rem;overflow-x:auto}.code-body .kw{color:#c792ea}.code-body .str{color:#c3e88d}.code-body .fn{color:#82aaff}.code-body .cm{color:#546e7a}.api-steps{display:flex;flex-direction:column;gap:1.5rem}.api-step{display:flex;gap:1.25rem;align-items:flex-start;padding:1.25rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);transition:all .2s}.api-step:hover{border-color:var(--border-accent)}.step-num{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:var(--accent-glow);border:1px solid var(--border-accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.85rem;color:var(--accent);font-weight:700}.step-content h4{font-size:.95rem;font-weight:600;margin-bottom:.35rem}.step-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.arch-flow{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;max-width:1000px;margin:2rem auto 0}.arch-node{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.75rem;text-align:center;min-width:160px;transition:all .3s}.arch-node:hover{border-color:var(--border-accent);transform:translateY(-2px)}.arch-node-icon{font-size:1.5rem;margin-bottom:.5rem}.arch-node-title{font-size:.85rem;font-weight:600;margin-bottom:.25rem}.arch-node-sub{font-size:.72rem;color:var(--text-muted)}.arch-arrow{color:var(--accent);font-family:var(--font-mono);font-size:1.5rem;padding:0 1rem;opacity:.5}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem;transition:all .3s;position:relative}.pricing-card.featured{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:0 0 60px rgba(232,168,56,.08)}.pricing-card.featured:before{content:"Më i popullarizuari";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#0c0c0f;padding:4px 16px;border-radius:100px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pricing-tier{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:.75rem}.pricing-price{font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.pricing-price span{font-size:.9rem;color:var(--text-muted);font-weight:400}.pricing-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.5}.pricing-features{list-style:none;margin-bottom:2rem}.pricing-features li{padding:.5rem 0;font-size:.88rem;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.pricing-features li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.pricing-btn{width:100%;padding:.75rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:var(--font-body);border:none}.pricing-btn-primary{background:var(--accent);color:#0c0c0f}.pricing-btn-primary:hover{background:var(--accent-dim)}.pricing-btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.pricing-btn-outline:hover{border-color:var(--text-muted)}.usecases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;max-width:1100px;margin:0 auto}.usecase-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.75rem;transition:all .3s}.usecase-card:hover{border-color:var(--border-accent)}.usecase-emoji{font-size:1.5rem;margin-bottom:1rem}.usecase-card h4{font-size:.95rem;font-weight:600;margin-bottom:.5rem}.usecase-card p{font-size:.82rem;color:var(--text-secondary);line-height:1.6}.footer{padding:4rem 3rem 2rem;border-top:1px solid var(--border);max-width:1100px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{font-family:var(--font-mono);font-size:1.1rem;color:var(--accent);font-weight:700;margin-bottom:1rem}.footer-brand-desc{font-size:.85rem;color:var(--text-muted);line-height:1.7;max-width:300px}.footer-col-title{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.footer-col a{display:block;color:var(--text-secondary);font-size:.88rem;text-decoration:none;padding:.3rem 0;transition:color .2s}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-muted)}@media (max-width:768px){.nav{padding:1rem 1.5rem}.nav-links{gap:1rem}.nav-links a:not(.nav-cta){display:none}.section{padding:4rem 1.5rem}.hero{padding:7rem 1.5rem 3rem}.hero-stats{gap:2rem;flex-wrap:wrap;justify-content:center}.api-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.arch-flow{flex-direction:column}.arch-arrow{transform:rotate(90deg)}}