:root{--bg-dark:#050507;--bg-card:#0f0f13;--text-primary:#ffffff;--text-secondary:#a1a1aa;--accent-purple:#9333ea;--accent-purple-glow:rgba(147,51,234,0.5);--accent-cyan:#06b6d4;--accent-cyan-glow:rgba(6,182,212,0.5);--glass-border:rgba(255,255,255,0.08);--glass-bg:rgba(255,255,255,0.02);--font-sans:var(--font-inter),system-ui,-apple-system,sans-serif;--font-mono:var(--font-jetbrains-mono),ui-monospace,SFMono-Regular,Menlo,monospace;--font-fantasy:var(--font-cinzel),"Times New Roman",serif;--container-width:1200px;--header-height:80px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),#db2777);color:white;box-shadow:0 0 20px var(--accent-purple-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--accent-purple-glow)}.btn-secondary{background:transparent;border:1px solid var(--glass-border);color:white}.btn-secondary:hover{background:var(--glass-bg);border-color:rgba(255,255,255,.2)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.bg-glow{position:fixed;width:100vw;height:100vh;z-index:-1;pointer-events:none;overflow:hidden}.glow-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.2}.glow-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--accent-purple)}.glow-2{bottom:-10%;right:-10%;width:40vw;height:40vw;background:var(--accent-cyan)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);background:rgba(5,5,7,.6)}.site-header .container{height:100%;justify-content:space-between}.logo,.site-header .container{display:flex;align-items:center}.logo{font-family:var(--font-fantasy);font-size:1.5rem;font-weight:700;color:white;text-decoration:none;letter-spacing:2px;text-transform:lowercase;gap:.5rem}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-purple),#db2777);border-radius:8px;display:flex;align-items:center;justify-content:center}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:white}.hero{padding-top:calc(var(--header-height) + 40px);padding-bottom:80px;min-height:100vh;display:flex}.hero,.hero-grid{align-items:center}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.2);border-radius:100px;color:#d8b4fe;font-size:.85rem;font-weight:500;margin-bottom:1.5rem}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px rgba(34,197,94,.2)}.hero-title{font-family:var(--font-fantasy);font-size:4.5rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800}.text-gradient{background:linear-gradient(90deg,#c084fc,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;margin-bottom:2.5rem;max-width:540px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{position:relative;perspective:1000px;display:flex;justify-content:center;align-items:center}.hero-boss-image{max-width:125%;height:auto;object-fit:contain;border-radius:16px;animation:heroFloat 8s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.mock-window{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transform:rotateY(-5deg) rotateX(2deg);transition:transform .5s ease}.hero-visual:hover .mock-window{transform:rotateY(0) rotateX(0)}.window-header{background:rgba(255,255,255,.03);padding:12px 16px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:12px}.window-controls{display:flex;gap:6px}.control{width:12px;height:12px;border-radius:50%}.control.close{background:#ff5f57}.control.min{background:#febc2e}.control.max{background:#28c840}.window-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);opacity:.6}.window-content{padding:24px}.code-block{font-family:var(--font-mono);font-size:.9rem;color:#a5b4fc;background:rgba(0,0,0,.3);padding:16px;border-radius:8px;margin-top:16px}.code-line{display:block;margin-bottom:4px}.code-keyword{color:#c084fc}.code-string{color:#86efac}.how-it-works{padding:100px 0;position:relative}.how-it-works:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step-card{position:relative;border:none;border-radius:20px;overflow:hidden;transition:all .4s ease;min-height:408px;background-size:auto;background-position:50%;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.step-card:hover{transform:translateY(-8px)}.step-overlay{display:none}.step-number{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-purple),#db2777);border-radius:50%;justify-content:center;font-family:var(--font-fantasy);font-size:1.25rem;font-weight:700;color:white;box-shadow:0 4px 20px var(--accent-purple-glow);margin-bottom:16px}.step-content,.step-number{display:flex;align-items:center}.step-content{position:relative;z-index:1;width:200px;padding:28px 0;margin:0 auto;text-align:center;flex-direction:column}.step-title{font-family:var(--font-fantasy);font-size:1.5rem;margin-bottom:10px;font-weight:700}.step-text{color:var(--text-secondary);font-size:1rem;line-height:1.6}.features{padding:100px 0;position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.section-header{text-align:center;margin-bottom:60px}.section-title{font-family:var(--font-fantasy);font-size:2.5rem;margin-bottom:1rem}.section-desc{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--glass-border);padding:32px;border-radius:16px;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:rgba(147,51,234,.3);background:linear-gradient(180deg,#131318,#0f0f13)}.feature-icon{width:56px;height:56px;background:rgba(147,51,234,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:1.5rem;color:#d8b4fe}.feature-title{font-size:1.25rem;margin-bottom:12px;font-weight:600}.feature-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.showcase{padding:100px 0;position:relative}.showcase:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.showcase-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.showcase-title{font-family:var(--font-fantasy);font-size:2.4rem;margin-bottom:1.25rem}.showcase-copy{color:var(--text-secondary);font-size:1.05rem;margin-bottom:2rem;max-width:520px}.showcase-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:14px;padding:16px}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:6px}.stat-value{font-family:var(--font-fantasy);font-size:1.2rem}.showcase-image{border-radius:20px;border:1px solid var(--glass-border);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}.create-page{padding-top:calc(var(--header-height) + 40px);padding-bottom:100px}.create-hero{margin-bottom:40px}.create-title{font-family:var(--font-fantasy);font-size:3rem;margin-bottom:12px}.create-subtitle{color:var(--text-secondary);max-width:620px}.create-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start}.create-aside{display:grid;gap:24px}.form-card,.preview-card,.result-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:28px;box-shadow:0 20px 40px -24px rgba(0,0,0,.7)}.form-card{gap:20px}.form-card,.form-field{display:flex;flex-direction:column}.form-field{gap:8px}.form-label{font-weight:600;font-size:.95rem}.form-input,.form-select{background:rgba(5,5,7,.6);border:1px solid var(--glass-border);color:white;padding:12px 14px;border-radius:12px;font-size:.95rem;outline:none;transition:border .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus{border-color:rgba(147,51,234,.5);box-shadow:0 0 0 2px rgba(147,51,234,.2)}.form-helper{color:var(--text-secondary);font-size:.85rem}.form-error{color:#fecaca;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.25);border-radius:12px;padding:12px 14px;font-size:.9rem}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(6,182,212,.12);border:1px solid rgba(6,182,212,.3);color:#a5f3fc;font-size:.85rem;font-weight:600}.status-dot.cyan{background:#06b6d4;box-shadow:0 0 0 2px rgba(6,182,212,.2)}.status-pill.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3);color:#bbf7d0}.status-dot.success{background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.2)}.status-pill.error{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.3);color:#fecaca}.status-dot.error{background:#f87171;box-shadow:0 0 0 2px rgba(248,113,113,.2)}.result-card{display:flex;flex-direction:column;gap:18px}.action-button{align-self:center;width:fit-content;min-width:0;text-align:center;justify-content:center}.result-title{font-family:var(--font-fantasy);font-size:1.6rem}.result-list{display:grid;gap:12px;color:var(--text-secondary);font-size:.95rem}.result-list span{color:white;font-weight:600}.install-steps{display:grid;gap:10px;font-family:var(--font-mono);font-size:.85rem;background:rgba(0,0,0,.35);padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.05);color:#cbd5f5}.preview-card img{border-radius:16px;border:1px solid var(--glass-border)}.preview-meta{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;color:var(--text-secondary);font-size:.9rem}.preview-meta span{color:white;font-weight:600}.site-footer{border-top:1px solid var(--glass-border);padding:60px 0;background:#020203}.footer-content{justify-content:space-between}.footer-brand,.footer-content{display:flex;align-items:center}.footer-brand{gap:12px;font-weight:600}.footer-copy{color:#52525b;font-size:.9rem}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:white}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-title{font-size:3.5rem}.hero-subtitle{margin:0 auto 2.5rem}.hero-actions{justify-content:center}.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{gap:24px}.create-grid,.showcase-grid{grid-template-columns:1fr}.create-title{font-size:2.5rem}.steps-grid .step-card:last-child{grid-column:span 2;max-width:50%;margin:0 auto}.mock-window{transform:none}}@media (max-width:768px){.desktop-only,.nav-links{display:none}.hero-title{font-size:2.8rem}.features-grid,.form-row,.preview-meta,.showcase-stats,.steps-grid{grid-template-columns:1fr}.steps-grid .step-card:last-child{grid-column:auto;max-width:100%}.footer-content{flex-direction:column;gap:2rem}}.nl-hero{padding-top:calc(var(--header-height) + 24px)}.nl-hero-head{max-width:920px;margin:0 auto 28px;text-align:center}.nl-hero-title{font-size:3.2rem;margin-bottom:.9rem}.nl-hero-subtitle{max-width:900px;margin:0 auto}.nl-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;max-width:980px;margin:0 auto}.nl-card,.nl-subtool-card{background:rgba(15,15,19,.9);border:1px solid var(--glass-border);border-radius:18px;padding:22px;backdrop-filter:blur(10px)}.nl-status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.nl-status-pill{border-radius:999px;border:1px solid var(--glass-border);padding:.3rem .75rem;font-size:.82rem;color:#d4d4d8}.nl-idle{border-color:rgba(147,51,234,.35)}.nl-generating,.nl-uploading{border-color:rgba(6,182,212,.35);color:#67e8f9}.nl-needs_clarification{border-color:rgba(251,191,36,.35);color:#fcd34d}.nl-success{border-color:rgba(34,197,94,.35);color:#86efac}.nl-error{border-color:rgba(248,113,113,.35);color:#fecaca}.nl-request-id{font-size:.75rem;color:#a1a1aa}.nl-label{display:block;font-weight:600;margin-bottom:8px}.nl-file,.nl-input,.nl-select,.nl-textarea{width:100%;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:.7rem .85rem}.nl-textarea{font-family:var(--font-sans);resize:vertical;min-height:130px}.nl-options-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nl-field{display:grid;gap:6px;font-size:.9rem;color:#d4d4d8}.nl-helper{color:#a1a1aa;font-size:.86rem;margin-top:10px}.nl-clarification{margin-top:14px;border:1px solid rgba(251,191,36,.3);background:rgba(251,191,36,.08);border-radius:12px;padding:12px}.nl-clarification-question{margin-bottom:8px;color:#fde68a;font-weight:600}.nl-error-text,.nl-message-text{margin-top:12px;font-size:.92rem}.nl-message-text{color:#a5b4fc}.nl-meta{margin-top:12px;border:1px solid rgba(6,182,212,.25);background:rgba(6,182,212,.08);border-radius:12px;padding:10px 12px;color:#bae6fd}.nl-meta-warning{border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.08);color:#fde68a}.nl-meta ul{margin:6px 0 0 18px}.nl-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.nl-subtool-card h3{font-size:1.08rem;margin-bottom:8px}.nl-subtool-card p{color:#a1a1aa;font-size:.92rem;margin-bottom:14px}.nl-step-card{min-height:250px;background:linear-gradient(145deg,rgba(17,17,24,.95),rgba(12,12,16,.95));border:1px solid var(--glass-border)}@media (max-width:1024px){.nl-panel{grid-template-columns:1fr}.nl-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nl-hero-title{font-size:2.6rem}}@media (max-width:768px){.nl-hero-title{font-size:2.2rem}.nl-options-grid{grid-template-columns:1fr}.nl-actions{flex-direction:column}}.nl-error-text{color:#fecaca}