@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg: #050507;--surface: #0c0c10;--panel: rgba(255, 255, 255, .02);--border: rgba(255, 255, 255, .06);--border-focus: rgba(255, 255, 255, .15);--text: #ffffff;--muted: #7a7a8e;--accent: #5effc4;--accent-dim: rgba(94, 255, 196, .08);--accent-glow: rgba(94, 255, 196, .06);--font: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased}.commercial-layout{min-height:100dvh;display:flex;flex-direction:column}.ambient-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(140px);opacity:.12}.orb-1{width:60vw;height:60vw;background:#3a3a5c;top:-25%;left:-15%}.orb-2{width:45vw;height:45vw;background:#1a3a2a;bottom:-15%;right:-10%}.orb-3{width:30vw;height:30vw;background:#2a2a4c;top:40%;left:50%}.saas-nav{position:fixed;top:0;width:100%;border-bottom:1px solid var(--border);background:#050507d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100}.nav-container{max-width:1280px;margin:0 auto;padding:14px 32px;display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:10px}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),#2a8a6a);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#000;font-weight:800;box-shadow:0 0 24px #5effc426}.logo-text{font-weight:800;font-size:1.3rem;letter-spacing:-.03em}.logo-highlight{color:var(--muted);font-weight:600}.nav-links{display:none}@media(min-width:800px){.nav-links{display:flex;gap:32px}}.nav-links a{color:var(--muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;gap:10px}.btn{font-family:var(--font);font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn.sm{padding:10px 22px;font-size:.9rem}.btn.outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.outline:hover{background:var(--panel);border-color:var(--border-focus)}.btn.primary{background:var(--text);color:#000;border:1px solid var(--text)}.btn.primary:hover{background:#e2e2e8;transform:translateY(-1px)}.saas-main{padding-top:80px;flex:1}.hero-section{padding:120px 32px 80px;display:flex;justify-content:center;transition:all .6s cubic-bezier(.2,.8,.2,1)}.hero-compact{padding:56px 32px 40px}.hero-content{max-width:820px;text-align:center;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--accent-dim);border:1px solid rgba(94,255,196,.12);border-radius:99px;font-size:.85rem;font-weight:600;color:var(--accent);margin-bottom:32px;letter-spacing:.02em}.hero-title{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}.hero-gradient{background:linear-gradient(135deg,#fff 0%,var(--accent) 50%,#888 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--muted);line-height:1.7;margin:0 auto 48px;max-width:620px}.hero-compact .hero-title{font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:16px}.hero-compact .hero-subtitle{display:none}.command-bar-wrapper{position:relative;max-width:720px;margin:0 auto}.command-bar{background:#0c0c10cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0a;border-radius:16px;display:flex;align-items:center;padding:8px 8px 8px 24px;transition:all .3s}.command-bar:focus-within{border-color:#5effc433;box-shadow:0 0 0 3px var(--accent-glow),0 20px 60px #00000080}.command-icon{color:var(--accent);font-size:1rem;margin-right:12px;opacity:.6}.command-input{flex:1;background:transparent;border:none;color:var(--text);font-size:1.05rem;font-family:var(--font);outline:none}.command-input::placeholder{color:#444}.command-submit{background:var(--accent);color:#000;border:none;border-radius:12px;padding:14px 32px;font-weight:700;font-family:var(--font);font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:120px}.command-submit:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.command-submit:disabled{background:#222;color:#555;cursor:not-allowed}.command-error{margin-top:12px;color:#ff6b6b;text-align:center;font-size:.85rem;font-weight:500}.spinner-small{width:16px;height:16px;border:2px solid rgba(0,0,0,.15);border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite}.url-bar-wrapper{margin-top:12px}.url-input{width:100%;padding:12px 20px;background:#0c0c1080;border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:var(--font);font-size:.85rem;transition:all .3s ease}.url-input:focus{outline:none;border-color:#5effc426}.url-input::placeholder{color:#3a3a3a}.studio-section{max-width:1360px;margin:0 auto;padding:0 32px 100px}.studio-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:24px;margin-bottom:32px}.studio-header h2{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.02em}.studio-status{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--muted);letter-spacing:.04em}.pulse-indicator{width:8px;height:8px;border-radius:50%;background:#333}.pulse-indicator.active{background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 2s infinite}.studio-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.studio-grid{grid-template-columns:380px 1fr}}.studio-col{display:flex;flex-direction:column;gap:24px}.dashboard-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px}.dashboard-card h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 20px;border-bottom:1px solid var(--border);padding-bottom:12px;font-weight:700}.progress-track{width:100%;height:4px;background:#ffffff0a;border-radius:99px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:var(--accent);border-radius:99px;box-shadow:0 0 16px #5effc466;transition:width .8s cubic-bezier(.2,.8,.2,1)}.progress-meta{display:flex;justify-content:space-between;font-size:.9rem;font-weight:500}.current-stage{color:var(--text)}.percentage{color:var(--muted);font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.insight-text{font-size:1.05rem;line-height:1.7;color:#ccc;margin-bottom:20px}.insight-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border-radius:8px;font-size:.8rem;padding:6px 14px;background:var(--accent-dim);border:1px solid rgba(94,255,196,.1);color:var(--accent);font-weight:500;text-transform:capitalize}.actions-grid{display:flex;flex-direction:column;gap:8px}.action-btn{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;font-size:.95rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .2s;text-decoration:none;border:none}.action-icon{font-size:1rem;width:20px;text-align:center}.action-primary{background:var(--accent);color:#000}.action-primary:hover{background:#fff;transform:translateY(-1px)}.action-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.action-outline:hover{background:var(--panel);border-color:var(--border-focus)}.action-vercel{background:#ffffff0a;color:#ccc;border:1px solid var(--border)}.action-vercel:hover{background:#fff;color:#000}.render-card{height:100%;display:flex;flex-direction:column}.render-viewport{flex:1;min-height:420px;background:#000;border-radius:12px;overflow:hidden;border:1px solid #1a1a1a;position:relative;display:flex;align-items:center;justify-content:center}.viewport-empty{text-align:center;color:#333;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:16px}.wireframe-scanner{width:56px;height:56px;border:1px dashed #222;border-radius:12px;position:relative;overflow:hidden}.wireframe-scanner:after{content:"";position:absolute;top:-50%;left:0;width:100%;height:50%;background:linear-gradient(to bottom,transparent,rgba(94,255,196,.08));animation:scan 2s linear infinite}.studio-iframe{width:100%;height:100%;border:none;background:#fff}.copilot-panel{margin-top:28px;background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.copilot-header{padding:20px 24px 16px;border-bottom:1px solid var(--border)}.copilot-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;color:var(--text)}.copilot-icon{color:var(--accent)}.copilot-subtitle{margin:6px 0 0;font-size:.85rem;color:var(--muted);line-height:1.5}.copilot-chat-window{padding:20px 24px;min-height:100px;max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chat-message{padding:12px 16px;border-radius:12px;font-size:.9rem;line-height:1.55;max-width:75%;animation:popIn .25s ease forwards}.user-message{align-self:flex-end;background:#5effc40f;border:1px solid rgba(94,255,196,.12);color:#ddd;border-bottom-right-radius:4px}.assistant-message{align-self:flex-start;background:#ffffff08;border:1px solid var(--border);color:#aaa;border-bottom-left-radius:4px}.loading-message{display:flex;align-items:center;gap:8px;font-style:italic;color:var(--accent)}.loading-message .spinner-small{border-color:#5effc433;border-top-color:var(--accent)}.copilot-input-area{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;background:#00000026}.copilot-input{flex:1;background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:12px 16px;color:#fff;font-size:.9rem;font-family:var(--font)}.copilot-input::placeholder{color:#444}.copilot-input:focus{outline:none;border-color:#5effc440;box-shadow:0 0 0 3px var(--accent-glow)}.copilot-submit{background:var(--accent);color:#000;border:none;border-radius:12px;padding:0 24px;font-weight:700;font-size:.9rem;font-family:var(--font);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.copilot-submit:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.copilot-submit:disabled{background:#5effc41a;color:#0003;cursor:not-allowed}.copilot-submit .spinner-small{width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-top-color:#000}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes scan{to{top:100%}}.fade-in-up{animation:fadeInUp .7s cubic-bezier(.2,.8,.2,1) forwards}.fade-in{animation:fadeIn .5s ease forwards}.pop-in{animation:popIn .4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}:root{--bg: #0b0f14;--surface: #131a24;--accent: #5effc4;--accent-dim: rgba(94, 255, 196, .15);--text: #f2f4f8;--muted: #8b95a8;--border: rgba(255, 255, 255, .08);--font-head: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100dvh}a{color:var(--accent)}