@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.genro-home{background:#020617;color:#e2e8f0;font-family:Inter,Satoshi,General Sans,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;--spot-x: 50%;--spot-y: 20%}.genro-home:before{content:"";position:fixed;top:-20%;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 24%,rgba(99,102,241,.18),transparent 60%);opacity:.6;animation:blobMove 60s ease-in-out infinite;pointer-events:none;z-index:0;filter:blur(32px)}.genro-home:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:220px 220px;opacity:.05;pointer-events:none;z-index:0}.genro-home .spotlight{pointer-events:none}.genro-home::marker{color:transparent}.genro-home::selection{background:#6366f14d;color:#e2e8f0}.genro-home::backdrop{background:transparent}.genro-home:before,.genro-home:after,.ai-particles{will-change:transform}.genro-home:before{background-image:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(99,102,241,.22),transparent 48%)}.spotlight-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.ai-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:240px 240px;background-position:0 0;opacity:.12;animation:drift 70s linear infinite}.container{width:min(1200px,100%);margin:0 auto;padding:0 32px;position:relative;z-index:1}.center{text-align:center}.logo-img{height:58px;width:auto;display:block;filter:drop-shadow(0 8px 24px rgba(124,58,237,.35));animation:none;opacity:1}.logo-img.nav-logo{height:72px;max-width:220px;object-fit:contain}.logo-img.hero-logo{height:76px}.footer-logo{height:48px}.btn-primary{background:#6366f1;border:none;color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #6366f140;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:none;box-shadow:0 16px 40px #6366f159}.btn-secondary{background:transparent;color:#f8fafc;border:1px solid #1e293b;padding:12px 20px;border-radius:16px;font-size:14px;cursor:pointer}.hero{padding:32px 0 64px;text-align:center;position:relative;z-index:1}.hero-content{display:grid;gap:12px;justify-items:center}.hero-spin{position:relative;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 18px #6366f140;animation:none}.hero-spin span{font-weight:700;font-size:22px;color:#6366f1}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8;opacity:1}rnrnrn .hero p{color:#94a3b8;font-size:16px;line-height:24px;max-width:760px;opacity:1}.hero-subtext{rn max-width: 560px;rn margin: 0 auto 32px;rn color: #94a3b8;rn font-size: 16px;rn line-height: 1.7;rn animation: none;rn}rn .prompt-card{width:min(680px,100%);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;display:grid;gap:16px;box-shadow:0 12px 40px #02061780;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeUp .8s ease .9s forwards,breathe 6s ease-in-out infinite 1.6s;opacity:1}.prompt-card:focus-within{border-color:#6366f159;box-shadow:0 0 0 1px #6366f12e}.textarea-shell{position:relative}.prompt-card textarea{width:100%;height:110px;background:transparent;border:none;color:#e2e8f0;font-size:16px;line-height:1.6;padding:6px;resize:none;outline:none}.ghost-text{position:absolute;top:0;right:0;bottom:0;left:0;padding:4px 6px;pointer-events:none;color:#e2e8f099;font-size:15px;display:flex;gap:6px;align-items:flex-start;transition:opacity .2s ease}.ghost-text.hidden{opacity:1}.typing-caret{width:10px;height:16px;background:#22d3ee;border-radius:999px;animation:blink 1.1s infinite}.btn-generate{justify-self:center;background:#6366f1;border:none;color:#fff;padding:12px 20px;border-radius:14px;font-weight:600;cursor:pointer;box-shadow:0 14px 28px #6366f166;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;animation:fadeUp .7s ease 1.1s forwards;opacity:1}.btn-generate:hover{transform:none;box-shadow:0 18px 40px #6366f18c}.btn-generate:after{content:"";position:absolute;top:-60%;left:-20%;width:60%;height:220%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-140%);transition:transform .6s ease}.btn-generate:hover:after{transform:translate(220%)}.auth-row{display:grid;gap:12px;justify-items:center}.auth-btn{background:#ffffff14;border:1px solid #1e293b;color:#f8fafc;padding:12px 20px;border-radius:999px;font-weight:600;cursor:pointer}.auth-btn.primary{background:#f8fafc;color:#05070f}.auth-note{font-size:12px;color:#94a3b8}.social-proof{margin-top:16px;background:#0f172ab3;border:1px solid #1e293b;border-radius:16px;padding:12px 16px;display:grid;gap:4px;text-align:center;color:#e2e8f0}.preview{padding:80px 0}.preview-head{text-align:center;margin-bottom:32px}.live-preview{position:relative;width:min(1280px,100%);margin:0 auto;padding:24px}.live-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 10%,rgba(99,102,241,.2),transparent 60%);filter:blur(40px);opacity:.6;pointer-events:none}.live-screen{position:relative;z-index:1;border-radius:28px;background:#020617b3;box-shadow:0 40px 120px #02061799;overflow:hidden}.live-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#020617b3;border-bottom:1px solid rgba(255,255,255,.06)}.live-dots{display:flex;gap:6px}.live-dots span{width:10px;height:10px;border-radius:50%;background:#e2e8f04d}.live-url{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8;flex:1;text-align:center}.live-pill{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#22d3ee;border:1px solid rgba(34,211,238,.3);padding:6px 10px;border-radius:999px}.live-body{padding:32px;display:grid;gap:24px}.live-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.logo-dot{width:18px;height:18px;border-radius:6px;background:#6366f180}.cta-dot{width:70px;height:26px;border-radius:999px;background:#6366f173}.live-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.hero-copy .chip{width:90px;height:18px;border-radius:999px;background:#6366f166;display:inline-block;margin-bottom:12px}.hero-copy .line{height:12px;border-radius:999px;background:#e2e8f040;margin-bottom:8px}.hero-copy .line.lg{height:18px;width:80%}.hero-copy .line.md{width:70%}.hero-copy .line.sm{width:50%}.cta-row{display:flex;gap:10px;margin-top:14px}.cta-row span{width:110px;height:30px;border-radius:999px;background:#6366f159}.hero-media{height:160px;border-radius:18px;background:linear-gradient(135deg,#6366f166,#22d3ee40)}.live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{height:90px;border-radius:16px;background:#94a3b81f}.card.tall{height:120px}.build-step-1,.build-step-2,.build-step-3,.build-step-4{opacity:1;transform:none;animation:buildReveal 6s ease-in-out infinite}.build-step-2{animation-delay:.6s}.build-step-3{animation-delay:1.2s}.build-step-4{animation-delay:1.8s}.preview-head h2{font-size:32px;margin-bottom:12px}.preview-head p{color:#94a3b8}.window-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;background:#0f172acc;border-bottom:1px solid rgba(148,163,184,.1)}.window-dots{display:flex;gap:6px}.window-dots span{width:10px;height:10px;border-radius:50%;background:#f8fafc66}.window-url{justify-self:center;font-size:12px;color:#94a3b8;letter-spacing:.12em;text-transform:uppercase}.window-pill{padding:4px 10px;border-radius:999px;background:#06b6d42e;color:#67e8f9;font-size:11px}.window-body{padding:18px;display:grid;gap:16px}.window-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:14px;background:#0f172ab3;border:1px solid rgba(148,163,184,.12)}.window-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:center}.hero-chip{display:inline-block;padding:6px 10px;border-radius:999px;background:#7c3aed33;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c4b5fd}.window-hero h3{margin:12px 0 6px;font-size:22px}.window-hero p{color:#94a3b8;font-size:13px}.hero-cta-row{margin-top:12px;display:flex;gap:10px}.hero-cta{height:32px;border-radius:999px;display:inline-block}.hero-cta.primary{width:120px;background:linear-gradient(120deg,#8b5cf6cc,#06b6d4cc)}.hero-cta.ghost{width:96px;border:1px solid rgba(148,163,184,.3)}.hero-media{height:160px;border-radius:16px;background:linear-gradient(135deg,#7c3aed38,#06b6d42e);position:relative;overflow:hidden;display:grid;gap:10px;padding:12px}.hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent 60%)}.media-card{border-radius:12px;background:#0f172ab3;border:1px solid rgba(148,163,184,.18);height:52px;position:relative;overflow:hidden}.media-card:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:10px;background:linear-gradient(120deg,#7c3aed4d,#06b6d433)}.media-card.alt{height:40px}.media-card.wide{height:32px;background:#06b6d41f}.hero-avatars{margin-top:12px;display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:11px}.hero-avatars span{width:18px;height:18px;border-radius:50%;background:linear-gradient(120deg,#7c3aedb3,#06b6d4b3);border:1px solid rgba(15,23,42,.8)}.window-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.window-stats div{background:#0f172a99;border:1px solid rgba(148,163,184,.12);border-radius:12px;padding:10px;display:grid;gap:4px}.window-stats strong{font-size:16px}.window-stats span{font-size:11px;color:#94a3b8}.window-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.window-card{height:80px;border-radius:12px;background:#06b6d41f;border:1px solid rgba(148,163,184,.12)}.preview-bars{display:grid;gap:8px}.preview-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;background:#0f172a99;border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:16px}.preview-metrics div{display:grid;gap:4px}.preview-metrics strong{font-size:18px}.preview-metrics span{font-size:12px;color:#94a3b8}.preview-bars span{height:8px;border-radius:999px;background:linear-gradient(90deg,#7c3aed33,#06b6d459,#7c3aed33);animation:shimmer 6s ease-in-out infinite}.build-steps{display:grid;gap:12px;background:#0f172a99;border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:16px}.build-step{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.build-step span{width:28px;height:28px;border-radius:9px;background:#7c3aed33;color:#e2e8f0;font-size:12px;display:grid;place-items:center}.build-step p{color:#94a3b8;margin:2px 0 8px;font-size:12px}.build-bar{height:6px;border-radius:999px;background:linear-gradient(90deg,#7c3aed33,#06b6d4cc);animation:buildFill 4s ease-in-out infinite}.build-bar.delay{animation-delay:.6s}.build-bar.delay-2{animation-delay:1.2s}.reveal{opacity:1;transform:translateY(24px) scale(.98);transition:opacity .8s ease,transform .8s ease}.reveal.in-view{opacity:1;transform:translateY(0) scale(1)}.preview-bars span:nth-child(2){animation-delay:.2s}.preview-bars span:nth-child(3){animation-delay:.4s}.features,.pricing,.video,.faqs,.final-cta{padding:80px 0}.section-head{text-align:center;margin-bottom:32px}.section-head h2{font-size:32px;margin-bottom:12px}.section-head p{color:#94a3b8}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.feature-card{background:#0f172a;border:1px solid #1e293b;border-radius:20px;padding:24px;display:grid;gap:12px;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:none;box-shadow:0 20px 40px #0006}\.feature-icon{`r`n font-size: 0;`r`n line-height: 0;font-size:20px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.pricing-shell{display:grid;gap:20px;text-align:center}.pricing-sub{color:#94a3b8;font-size:14px}.pricing-toggle{display:inline-flex;align-items:center;gap:6px;background:#0b1220;border:1px solid #1e293b;border-radius:999px;padding:6px;justify-self:center}.toggle-pill{padding:6px 12px;border-radius:999px;font-size:12px;color:#94a3b8}.toggle-pill.active{background:#f8fafc;color:#0b1220;font-weight:600}.pricing-card.light{background:#f8fafc;color:#0b0f19;border:1px solid rgba(15,23,42,.12);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:12px;text-align:left;min-height:520px}.pricing-card.light ul{color:#475569}.pricing-card.light .price span{color:#64748b;font-size:12px;font-weight:500}.pricing-card.light.featured{background:linear-gradient(160deg,#7c3aed38,#0f172ae6);border-color:#7c3aed73;box-shadow:0 20px 40px #7c3aed33;color:#f8fafc}.pricing-card.light.featured ul,.pricing-card.light.featured .plan-note,.pricing-card.light.featured .plan-toggle,.pricing-card.light.featured .price span{color:#cbd5f5}.plan-head{display:flex;align-items:center;justify-content:space-between}.plan-icon{font-size:14px}.plan-note{color:#64748b;font-size:13px}.plan-toggle{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#64748b}.switch{width:36px;height:18px;background:#05070f;border-radius:999px;display:inline-flex;align-items:center;padding:2px}.switch span{width:14px;height:14px;border-radius:50%;background:#f8fafc;transform:translate(16px)}.price{font-size:24px;font-weight:600}.price-badge{display:inline-flex;align-items:center;justify-content:center;background:#22c55e26;color:#86efac;font-size:11px;padding:6px 10px;border-radius:999px;width:fit-content}.pricing-card ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:13px}.pricing-cta{background:#05070f;color:#f8fafc;border:none;border-radius:999px;padding:12px 16px;font-weight:600;cursor:pointer;width:100%;margin-top:auto}.pricing-cta.dark{background:#05070f}.faq-list{display:grid;gap:12px}.faq-list details{border-bottom:1px solid rgba(148,163,184,.2);padding:12px 0}.footer{padding:80px 0;border-top:1px solid rgba(148,163,184,.2)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}.footer-tagline{color:#94a3b8}.footer-grid span{display:block;color:#94a3b8;margin-top:8px}@keyframes fadeIn{0%,20%{opacity:1;transform:none}40%,80%{opacity:1;transform:none}to{opacity:1}}@keyframes slideIn{0%,20%{opacity:1;transform:translate(-20px)}40%,80%{opacity:1;transform:translate(0)}to{opacity:1}}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:1}}@keyframes blobMove{0%,to{transform:none}50%{transform:none}}@keyframes drift{0%{transform:none}to{transform:none}}@keyframes wordIn{0%{opacity:1;filter:blur(6px);transform:none}to{opacity:1;filter:blur(0);transform:none}}@keyframes fadeUp{to{opacity:1;transform:none}}@keyframes breathe{0%,to{box-shadow:inset 0 0 0 1px #6366f11f,0 0 #6366f133}50%{box-shadow:inset 0 0 0 1px #22d3ee33,0 0 24px #22d3ee2e}}@keyframes navIn{0%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes buildFill{0%{transform:scaleX(.2);transform-origin:left;opacity:.3}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(.2);opacity:.4}}@keyframes buildReveal{0%,20%{opacity:1;transform:none}40%,80%{opacity:1;transform:none}to{opacity:.6}}@keyframes typeLine{0%,10%{width:0}40%{width:55%}60%{width:70%}80%{width:20%}to{width:0}}@keyframes wireIn{0%,20%{opacity:.3;transform:none}50%,80%{opacity:1;transform:none}to{opacity:.4}}@keyframes finalIn{0%,30%{opacity:1;transform:none}60%,90%{opacity:1;transform:none}to{opacity:.6}}@keyframes introFade{0%{opacity:1}70%{opacity:1}to{opacity:1;visibility:hidden}}@keyframes ringPulse{0%,to{transform:scale(.9);opacity:.6}50%{transform:scale(1.05);opacity:1}}@keyframes logoSpin{0%{transform:rotate(-20deg) scale(.8);opacity:1}40%{transform:rotate(0) scale(1);opacity:1}to{transform:rotate(0) scale(1.2);opacity:1}}@media (max-width: 960px){rnrnrn{}}@media (max-width: 640px){.container{padding:0 20px}.hero{padding:28px 0 56px}.hero-subtext{rn max-width: 560px;rn margin: 0 auto 32px;rn color: #94a3b8;rn font-size: 16px;rn line-height: 1.7;rn animation: none;rn}rn{}}.user-name{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.2em}.user-pill{padding:6px 12px;border-radius:999px;background:#94a3b824;font-size:12px}.status-text{margin-top:12px;color:#94a3b8;font-size:12px}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50}.login-card{width:min(420px,92vw);background:#080a12eb;border:1px solid rgba(139,92,246,.35);border-radius:22px;padding:28px 26px;position:relative;text-align:center;box-shadow:0 30px 80px #03050a99}.login-close{rn position: absolute;rn top: 12px;rn right: 12px;rn width: 36px;rn height: 36px;rn border-radius: 999px;rn border: 1px solid rgba(255,255,255,.18);rn background: rgba(15,23,42,.7);rn color: #e2e8f0;rn font-size: 18px;rn line-height: 1;rn display: grid;rn place-items: center;rn cursor: pointer;rn}rn .login-eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#c7d2fe;margin-bottom:12px}.login-card h3{margin:0 0 18px;font-size:20px}.login-google{width:100%;background:#fff;color:#0b0f1a;border:none;border-radius:999px;padding:12px 16px;font-weight:600;cursor:pointer;margin-bottom:12px}.login-email{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#e5e7eb;border-radius:999px;padding:12px 16px;font-weight:600;cursor:pointer}.login-legal{font-size:11px;color:#9ca3af;margin-top:16px}.login-logo{rn width: 96px;rn height: 96px;rn margin: 0 auto 12px;rn display: flex;rn align-items: center;rn justify-content: center;rn}rnrn .login-logo img{rn width: 100%;rn height: 100%;rn object-fit: contain;rn filter: drop-shadow(0 0 16px rgba(99,102,241,.7));rn}rn .login-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.login-icon svg{width:18px;height:18px}.login-google,.login-github,.login-email{display:inline-flex;align-items:center;justify-content:center;gap:10px}.login-github{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#e5e7eb;border-radius:999px;padding:12px 16px;font-weight:600;cursor:pointer;margin-bottom:12px}.btn-primary,.btn-generate,.pricing-cta,.pricing-cta.dark{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.btn-primary:hover,.btn-generate:hover{transform:none;box-shadow:0 16px 40px #6366f159}.feature-card,.pricing-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.feature-card:hover,.pricing-card:hover{transform:none;box-shadow:0 18px 40px #6366f12e;border-color:#6366f180}.hero-subtext,.headline,.hero-spin{position:relative;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 18px #6366f140;animation:none}@keyframes homeFadeUp{0%{opacity:1;transform:none}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}.login-logo img{rn width: 100%;rn height: 100%;rn object-fit: contain;rn filter: drop-shadow(0 0 16px rgba(99,102,241,.7));rn}rn \.feature-icon{`r`n font-size: 0;`r`n line-height: 0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#6366f126;border:1px solid rgba(99,102,241,.35);color:#e2e8f0}.feature-icon svg{width:18px;height:18px}.plan-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:#6366f126;border:1px solid rgba(99,102,241,.35);color:#e2e8f0}.plan-icon svg{width:14px;height:14px}.hero-spin{width:56px;height:56px;margin:0 auto 18px;border-radius:16px;display:grid;place-items:center}.hero-subtext{max-width:620px;margin:0 auto 26px;color:#94a3b8;font-size:16px}.prompt-card{width:min(720px,100%);margin:0 auto}.hero-subtext{max-width:620px;margin:0 auto 26px;text-align:center;animation:none}.hero{text-align:center}.genro-home{background:radial-gradient(circle at center,rgba(99,102,241,.12),transparent 40%),#020617}.genro-home:before,.genro-home:after,.ai-particles{display:none}.hero .hero-content{max-width:720px;margin:0 auto;text-align:center}.btn-generate{margin-top:16px;background:#6366f1;padding:12px 22px;border-radius:10px;font-size:14px;font-weight:500;color:#fff;box-shadow:none}.hero{padding-top:140px;padding-bottom:120px}.hero-spin{width:52px;height:52px;border-radius:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);margin:0 auto 24px;box-shadow:none}.hero-spin span{color:#e2e8f0;font-size:16px;font-weight:600}.hero-subtext{font-size:16px;color:#94a3b8;max-width:500px;margin:0 auto 32px}.prompt-card{width:100%;border-radius:20px;padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:none}.textarea-shell textarea{height:90px;font-size:15px;color:#e2e8f0}.btn-generate{margin-top:16px;background:#6366f1;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:500;color:#fff;box-shadow:none}.btn-generate:hover{transform:translateY(-2px);background:#5b5cf0}.headline{display:block;text-align:center;font-size:56px;line-height:1.1;font-weight:700;margin:0 auto 16px;max-width:920px;transform:none}.headline span{display:inline;margin:0;padding:0;transform:none;opacity:1}.headline-accent{color:#6366f1}.headline,.hero-subtext{position:static!important;width:auto!important;height:auto!important;border-radius:0!important;display:block!important}.headline{text-align:center!important;font-size:56px!important;line-height:1.1!important;font-weight:700!important;margin:0 auto 16px!important;max-width:920px!important}.headline span{display:inline!important;margin:0!important;padding:0!important;transform:none!important;opacity:1!important}.hero-subtext{max-width:500px!important;margin:0 auto 32px!important;text-align:center!important}.hero{padding-top:110px!important;padding-bottom:100px!important}.hero-spin{margin:0 auto 16px!important}.headline{margin:0 auto 10px!important}.hero-subtext{max-width:900px!important;white-space:nowrap;margin:0 auto 24px!important}@media (max-width: 720px){.hero-subtext{white-space:normal;max-width:92%}}.hero{padding-top:96px!important;padding-bottom:80px!important}.hero-spin{margin:0 auto 12px!important}.headline{margin:0 auto 8px!important}.hero-subtext{margin:0 auto 18px!important}.hero .hero-content{max-width:720px!important;margin:0 auto!important;text-align:center!important}.headline{background:none!important;box-shadow:none!important;text-shadow:none!important}.hero-subtext{background:none!important;box-shadow:none!important}.hero-content>*{opacity:0;transform:translateY(10px);animation:heroFade .6s ease forwards}.hero-content>*:nth-child(1){animation-delay:.05s}.hero-content>*:nth-child(2){animation-delay:.1s}.hero-content>*:nth-child(3){animation-delay:.18s}.hero-content>*:nth-child(4){animation-delay:.26s}.hero-content>*:nth-child(5){animation-delay:.34s}@keyframes heroFade{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero-content>*{animation:none!important;opacity:1!important;transform:none!important}}.hero{padding-top:80px!important;padding-bottom:70px!important}.hero-spin{margin:0 auto 10px!important}.headline{margin:0 auto 6px!important}.hero-subtext{margin:0 auto 14px!important}.prompt-card{margin-top:0!important}.headline,.hero-subtext{background:transparent!important;border:none!important;box-shadow:none!important}.prompt-card{background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;box-shadow:0 18px 40px #02061773!important}.btn-generate{background:#6366f1!important;box-shadow:0 12px 26px #6366f159!important}.btn-generate:hover{background:#5b5cf0!important;transform:translateY(-2px)!important}.hero-spin{background:#ffffff05!important;border:1px solid rgba(255,255,255,.08)!important}.hero .hero-content>*{opacity:0;transform:translateY(10px);animation:heroIn .6s ease forwards}.hero .hero-content>*:nth-child(1){animation-delay:.05s}.hero .hero-content>*:nth-child(2){animation-delay:.12s}.hero .hero-content>*:nth-child(3){animation-delay:.2s}.hero .hero-content>*:nth-child(4){animation-delay:.28s}.hero .hero-content>*:nth-child(5){animation-delay:.36s}@keyframes heroIn{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero .hero-content>*{animation:none!important;opacity:1!important;transform:none!important}}.login-form{display:grid;gap:12px;width:100%}.login-form input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#e2e8f0;padding:12px 14px;font-size:14px}.login-create{width:100%;border:none;border-radius:999px;background:#6366f1;color:#fff;padding:12px 18px;font-weight:600;cursor:pointer}.login-back{background:transparent;border:1px solid rgba(255,255,255,.12);color:#cbd5f5;border-radius:999px;padding:10px 16px;cursor:pointer}.login-footer{margin-top:8px;color:#94a3b8;font-size:13px}.login-footer span{color:#cbd5f5}.login-link{background:none;border:none;color:#cbd5f5;cursor:pointer;padding:0;font:inherit;text-decoration:underline}@media (max-width: 1024px){.nav-inner{padding:0 16px}.hero-content{padding-top:110px;padding-bottom:80px}.headline{font-size:44px}.preview-head,.section-head{text-align:left}}@media (max-width: 900px){.nav-actions{gap:10px}.nav-menu-toggle{display:inline-flex}.hero-content{padding-top:96px}.prompt-card{width:100%}.live-preview{padding:0 16px 60px}.pricing-grid,.feature-grid{grid-template-columns:1fr}}@media (max-width: 640px){.genro-nav{top:10px}.headline{font-size:34px}.hero-subtext{font-size:14px}.prompt-card{padding:16px}.btn-primary,.btn-generate{width:100%}.preview-head h2,.section-head h2{font-size:24px}.pricing-grid{gap:16px}}@media (max-width: 480px){.headline{font-size:30px}.prompt-card{padding:14px}}@media (max-width: 360px){.headline{font-size:26px}.hero-subtext{font-size:13px}}.home-page .hero{padding-top:120px}.home-page .hero-content{max-width:760px}.home-page .hero-spin{width:56px;height:56px;border-radius:16px;border:1px solid rgba(124,58,237,.4);background:#080c18cc;box-shadow:0 12px 40px #7c3aed40}.home-page .headline{font-size:58px;letter-spacing:-1px;line-height:1.05}.home-page .hero-subtext{font-size:16px;max-width:540px;margin:12px auto 26px}.home-page .prompt-card{border-radius:24px;padding:22px;background:linear-gradient(180deg,#0c1020e6,#050810e6);border:1px solid rgba(124,58,237,.25);box-shadow:0 26px 80px #03050a73}.home-page .textarea-shell textarea{font-size:15px}.home-page .btn-generate{background:linear-gradient(120deg,#22d3ee,#7c3aed);color:#0b0f19;padding:12px 22px;border-radius:14px;font-weight:600;box-shadow:0 18px 40px #22d3ee40}.home-page .btn-generate:hover{transform:translateY(-2px)}.home-page .company-nav{box-shadow:0 18px 40px #03050a73}@media (max-width: 720px){.home-page .headline{font-size:36px}}.home-page .hero-spin{animation:spinOrbit 10s linear infinite}.home-page .hero-spin span{display:inline-flex;animation:spinOrbit 10s linear infinite reverse}@keyframes spinOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-spin{display:inline-flex!important;opacity:1!important;visibility:visible!important}.home-page .hero-spin{width:auto!important;height:auto!important;border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important}.home-page .hero-spin span{width:48px;height:48px;border-radius:999px;background:#0c1020cc;border:1px solid rgba(124,58,237,.35);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #7c3aed40}.home-page .hero-spin span{width:56px;height:56px;border-radius:18px;background:radial-gradient(circle at 30% 20%,rgba(34,211,238,.6),transparent 45%),radial-gradient(circle at 70% 80%,rgba(124,58,237,.7),transparent 50%),#080a14e6;border:1px solid rgba(124,58,237,.45);color:#e5e7eb;font-weight:700;font-size:18px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 20px 45px #7c3aed59,0 0 18px #22d3ee40;position:relative;overflow:hidden}.home-page .hero-spin span:after{content:"";position:absolute;inset:-40% 20% auto 20%;height:140%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-120%);animation:sheen 6s ease-in-out infinite}.home-page .hero-spin span:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:14px;border:1px solid rgba(255,255,255,.12)}@keyframes sheen{0%{transform:translate(-120%);opacity:0}30%{opacity:1}60%{transform:translate(120%);opacity:0}to{transform:translate(120%);opacity:0}}.home-page .pricing-shell{margin-top:24px}.home-page .pricing-grid{gap:22px}.home-page .pricing-card{background:#080c18d9!important;color:#e5e7eb!important;border:1px solid rgba(124,58,237,.25)!important;box-shadow:0 20px 60px #03050a73;border-radius:22px!important}.home-page .pricing-card.light{background:#080c18c7!important}.home-page .pricing-card.featured{background:linear-gradient(150deg,#7c3aed59,#080c18e6)!important;border-color:#22d3ee66!important;transform:translateY(-6px)}.home-page .pricing-card h3,.home-page .pricing-card .plan-note,.home-page .pricing-card .price,.home-page .pricing-card ul,.home-page .pricing-card li{color:#e5e7eb!important}.home-page .pricing-card .plan-note,.home-page .pricing-card .price span{color:#94a3b8!important}.home-page .pricing-card .pricing-cta{background:linear-gradient(120deg,#22d3ee,#7c3aed);color:#0b0f19;border-radius:999px;box-shadow:0 14px 30px #22d3ee40}.home-page .pricing-toggle{background:#080c18cc;border:1px solid rgba(124,58,237,.25)}.home-page .toggle-pill.active{background:#e2e8f0;color:#0b0f19}.home-page .hero-spin{position:relative}.home-page .hero-spin span{font-weight:800;font-family:Sora,Space Grotesk,sans-serif}.home-page .hero-spin:before{content:"";position:absolute;width:86px;height:86px;border-radius:999px;border:1px solid rgba(124,58,237,.3);box-shadow:0 0 20px #7c3aed33}.home-page .hero-spin:after{content:"";position:absolute;width:8px;height:8px;border-radius:999px;background:#22d3ee;box-shadow:0 0 12px #22d3eecc;animation:orbit 6s linear infinite}@keyframes orbit{0%{transform:rotate(0) translate(46px) rotate(0)}to{transform:rotate(360deg) translate(46px) rotate(-360deg)}}.home-page .pricing-card ul{list-style:disc;padding-left:18px}.home-page .pricing-card li{margin-bottom:8px}:root{color-scheme:dark;--base-void: #03050a;--accent-purple: #7c3aed;--accent-cyan: #22d3ee}*{box-sizing:border-box}.company-page{background:var(--base-void);color:#e5e7eb;min-height:100vh;font-family:Sora,Helvetica Neue,Arial,sans-serif;position:relative;overflow-x:hidden}.ai-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ai-energy{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 15% 20%,rgba(124,58,237,.18),transparent 50%),radial-gradient(circle at 80% 10%,rgba(34,211,238,.12),transparent 45%);filter:blur(40px);animation:energyFlow 40s ease-in-out infinite alternate}.company-container{width:min(1200px,100%);margin:0 auto;padding:0 32px;position:relative;z-index:1}.company-nav{position:sticky;top:18px;z-index:10;margin:0 auto;width:min(1200px,calc(100% - 48px));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#03050ab3;border:1px solid rgba(124,58,237,.2);border-radius:999px;animation:navFloat 10s ease-in-out infinite}.company-nav .nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 20px;gap:20px}.brand-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#e5e7eb}.brand-logo{height:44px;width:auto}.brand-meta{display:grid;gap:2px}.brand-name{font-weight:600;letter-spacing:.02em}.brand-subtitle{font-size:11px;color:#9ca3af;letter-spacing:.08em;text-transform:uppercase}.nav-center,.nav-right{display:flex;align-items:center;gap:16px}.nav-link{color:#cbd5f5;text-decoration:none;font-size:13px;letter-spacing:.02em}.btn-primary,.btn-secondary{text-decoration:none;font-size:13px;padding:11px 22px;border-radius:999px;font-weight:600;border:none;cursor:pointer}.btn-primary{background:#7c3aed33;border:1px solid rgba(124,58,237,.5);color:#e5e7eb;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.btn-secondary{color:#cbd5f5;border:1px solid rgba(255,255,255,.14);background:transparent;transition:transform .3s ease,border-color .3s ease,color .3s ease}.premium-btn{background:linear-gradient(120deg,#7c3aed59,#22d3ee59);border:1px solid rgba(124,58,237,.6);box-shadow:0 18px 40px #22d3ee2e}.btn-primary:hover,.premium-btn:hover{transform:translateY(-2px);border-color:#22d3eeb3;box-shadow:0 22px 50px #22d3ee47}.btn-secondary:hover{transform:translateY(-2px);border-color:#7c3aed80;color:#fff}.company-hero{padding:120px 0 90px;text-align:center}.company-hero h1{font-family:Space Grotesk,Times New Roman,serif;font-size:56px;line-height:1.15;margin:18px 0 12px;letter-spacing:-.02em}.company-hero h1,.company-hero .subtext,.company-hero .company-cta,.company-hero .trust-strip{animation:fadeUp .8s ease both}.company-hero h1{animation-delay:.1s}.company-hero .subtext{animation-delay:.25s}.company-hero .company-cta{animation-delay:.4s}.company-hero .trust-strip{animation-delay:.55s}.eyebrow{color:#c7d2fe;font-size:12px;letter-spacing:.3em;text-transform:uppercase}.subtext{max-width:720px;margin:0 auto;color:#9ca3af;font-size:16px;line-height:1.8}.company-cta{margin-top:24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.trust-strip{margin-top:18px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;color:#94a3b8;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.company-section{padding:80px 0}.company-section.subtle{background:#ffffff05}.section-eyebrow{color:#c7d2fe;font-size:12px;text-transform:uppercase;letter-spacing:.3em;margin-bottom:12px}.company-section h2{font-size:36px;margin:0 0 18px;font-family:Space Grotesk,Times New Roman,serif}.section-subtext{color:#9ca3af;line-height:1.8;max-width:560px}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.info-card{background:#050810a6;border:1px solid rgba(124,58,237,.2);border-radius:18px;padding:20px;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.info-card:hover{transform:translateY(-6px);border-color:#22d3ee80;box-shadow:0 16px 40px #22d3ee1f}.info-card h3{margin:0 0 8px;font-size:18px}.info-card p{color:#9ca3af;line-height:1.6;margin:0}.stack-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px}.stack-grid span{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);text-align:center;font-size:12px;color:#cbd5f5}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.product-points{margin:16px 0 20px;padding-left:18px;color:#cbd5f5;line-height:1.8}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;align-items:center}.demo-visual{background:#050810b3;border:1px solid rgba(124,58,237,.25);border-radius:20px;padding:24px;display:grid;gap:14px;animation:shimmerPulse 6s ease-in-out infinite}.demo-line{height:12px;border-radius:999px;background:#94a3b83d}.demo-line.short{width:60%}.demo-block{height:140px;border-radius:16px;background:linear-gradient(140deg,#7c3aed2e,#22d3ee1f)}.demo-grid span{height:64px;border-radius:14px;background:#7c3aed33}.project-form-lite{background:#050810b3;border:1px solid rgba(124,58,237,.25);border-radius:20px;padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-form-lite label{display:grid;gap:8px;font-size:13px;color:#cbd5f5}.project-form-lite input,.project-form-lite select,.project-form-lite textarea{background:#03050acc;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;color:#e5e7eb;font-size:14px}.project-form-lite textarea{resize:none}.project-form-lite .full{grid-column:1 / -1}.project-form-lite .btn-primary{grid-column:1 / -1;width:100%;margin-top:6px;justify-content:center}.contact-split{align-items:flex-start}.contact-split>div{max-width:420px}.faq-list{display:grid;gap:12px;margin-top:20px}.faq-list details{background:#05081099;border:1px solid rgba(124,58,237,.18);border-radius:14px;padding:14px 16px;transition:border-color .3s ease,transform .3s ease}.faq-list details:hover{transform:translateY(-2px);border-color:#22d3ee66}.faq-list summary{cursor:pointer;font-weight:600}.faq-list p{margin:10px 0 0;color:#9ca3af}.company-footer{padding:64px 0 80px;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.footer-links p{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#94a3b8;margin-bottom:12px}.footer-links a{display:block;color:#cbd5f5;text-decoration:none;margin-bottom:8px;font-size:13px;transition:color .2s ease,transform .2s ease}.footer-links a:hover{color:#fff;transform:translate(2px)}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-logo{width:44px;height:44px;object-fit:contain}.footer-tagline{margin:0;font-size:13px;color:#94a3b8}@keyframes energyFlow{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes navFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerPulse{0%,to{box-shadow:0 0 #7c3aed00}50%{box-shadow:0 18px 40px #7c3aed33}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width: 1024px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.split,.demo-grid,.project-form-lite{grid-template-columns:1fr}}@media (max-width: 720px){.company-hero h1{font-size:34px}.company-section h2{font-size:28px}.nav-center{display:none}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr}}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#e5e7eb;background:linear-gradient(140deg,#7c3aed73,#22d3ee40);border:1px solid rgba(124,58,237,.5)}.stack-card{background:#050810a6;border:1px solid rgba(124,58,237,.2);border-radius:16px;padding:18px}.stack-card h3{margin:0 0 8px;font-size:16px}.stack-card p{margin:0;color:#9ca3af;font-size:13px;line-height:1.6}.card-icon svg{width:20px;height:20px}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form label{display:grid;gap:8px}.contact-form select{background:#03050acc;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;color:#e5e7eb;font-size:14px}@media (max-width: 1024px){.contact-form{grid-template-columns:1fr}}.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.about-grid h3{margin:0 0 8px;font-size:16px}.about-grid p{margin:0;color:#9ca3af;line-height:1.6}.about-list{margin-top:20px;padding-left:18px;color:#cbd5f5;line-height:1.8}@media (max-width: 1024px){.about-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50}.modal-card{width:min(560px,92vw);background:#080a12f2;border:1px solid rgba(124,58,237,.35);border-radius:22px;padding:28px;position:relative;box-shadow:0 30px 80px #03050a99}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#cbd5f5;cursor:pointer}.modal-body{display:grid;gap:14px}.modal-eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#c7d2fe;margin:0}.modal-body h3{margin:0;font-size:20px}.company-nav{transition:transform .35s ease,opacity .35s ease}@media (max-width: 980px){.company-nav{top:8px}.company-nav .nav-inner{padding:0 14px}.nav-center{display:none}.company-hero h1{font-size:38px}.hero-grid{gap:18px}.capability-grid,.stack-grid,.project-showcase,.pricing-grid{grid-template-columns:1fr}}@media (max-width: 720px){.company-container{padding:0 20px}.company-hero{padding-top:120px}.company-cta{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{width:100%;justify-content:center}.footer-grid{grid-template-columns:1fr;gap:24px}}.nav-menu-toggle{display:none;width:38px;height:38px;border-radius:12px;border:1px solid rgba(124,58,237,.25);background:#03050ab3;align-items:center;justify-content:center;gap:4px;padding:6px;margin-left:12px}.nav-menu-toggle span{width:18px;height:2px;background:#cbd5f5;border-radius:999px}.nav-mobile{display:grid;gap:12px;padding:16px 18px;margin:12px;border-radius:18px;background:#03050ae6;border:1px solid rgba(124,58,237,.2)}@media (max-width: 980px){.nav-menu-toggle{display:inline-flex}}@media (max-width: 480px){.company-hero h1{font-size:30px}}@media (max-width: 360px){.company-hero h1{font-size:26px}}.info-card{padding:26px;border-radius:22px;background:#060a12c7;border:1px solid rgba(124,58,237,.28);box-shadow:0 20px 55px #03050a73;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.info-card h3{font-size:18px;line-height:1.4;margin:14px 0 10px;letter-spacing:-.2px}.info-card p{font-size:14px;line-height:1.7;color:#a5b4fc}.info-card:hover{transform:translateY(-6px);border-color:#22d3ee73;box-shadow:0 24px 70px #22d3ee33}.capability-grid{gap:24px}.features-page{background:#0b0f19;color:#f9fafb;font-family:Inter,system-ui,sans-serif}.page-hero h1{font-size:40px;line-height:48px;margin:16px 0;max-width:680px}.page-hero p{color:#9ca3af;max-width:520px}.feature-card{background:#111827;border:1px solid #1f2937;border-radius:20px;padding:24px;box-shadow:0 20px 40px #00000059;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #7c3aed33}.site-header{position:sticky;top:0;z-index:50;background:transparent;transition:background .3s ease,box-shadow .3s ease}.site-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px circle at 20% 0%,rgba(0,209,255,.18),transparent 60%);opacity:.4;pointer-events:none;z-index:-1}.site-header.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0f1cbf;box-shadow:0 20px 60px #05081273;border-bottom:1px solid rgba(255,255,255,.08);animation:headerFade .35s ease}@keyframes headerFade{0%{opacity:.4;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-shell{max-width:var(--max-width);margin:16px auto 0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:16px;border:1px solid rgba(0,209,255,.18);background:#0a0f1c99;box-shadow:0 18px 60px #03081073}.logo{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:20px;letter-spacing:.03em;font-family:Sora,Space Grotesk,sans-serif}.logo-img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,209,255,.45));animation:logoOrbit 8s linear infinite}@keyframes logoOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-text{background:linear-gradient(120deg,#fff 20%,#00ffa3,#00d1ff);-webkit-background-clip:text;color:transparent}.nav-center{flex:1;display:flex;justify-content:center}.nav-links{display:flex;gap:20px;font-size:14px;background:#0c122099;border-radius:999px;padding:6px 14px;border:1px solid rgba(0,209,255,.12)}.nav-tabs{display:none;gap:10px;padding:6px 10px;border-radius:999px;background:#0c122099;border:1px solid rgba(0,209,255,.12)}.nav-tab{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--muted);transition:all .2s ease}.nav-tab.active,.nav-tab:hover{color:#fff;background:#00d1ff33;box-shadow:0 0 20px #00d1ff59}.nav-link{color:var(--muted);transition:color .2s ease}.nav-link:hover,.nav-link.active{color:#fff}.login-link{font-weight:600}.nav-cta{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#0f1322b3;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:16px;height:2px;background:#fff}.mobile-menu{display:none}@media (max-width: 1100px){.nav-links{display:none}.nav-tabs{display:flex}.nav-cta .btn-secondary{display:none}}@media (max-width: 980px){.nav-links,.nav-center{display:none}.menu-toggle{display:flex}.nav-cta{gap:8px}.nav-cta .btn-primary,.nav-cta .btn-secondary,.nav-cta .login-link{display:none}.mobile-menu{display:flex;flex-direction:column;gap:12px;background:#080c18f5;padding:20px 24px 28px;border-bottom:1px solid var(--line)}.mobile-link{font-weight:600}.mobile-cta{text-align:center}.nav-shell{margin:8px 14px 0}}.solutions-page{background:#0b0f19;color:#f9fafb;font-family:Inter,system-ui,sans-serif}.page-hero{padding:100px 0 80px;background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.22),transparent 50%),radial-gradient(circle at 80% 10%,rgba(6,182,212,.2),transparent 55%)}.page-hero h1{font-size:40px;line-height:48px;margin:16px 0}.page-hero p{color:#9ca3af}.page-section{padding:80px 0}.solution-card{background:#111827;border:1px solid #1f2937;border-radius:18px;padding:22px;text-align:center;transition:transform .2s ease}.solution-card:hover{transform:translateY(-6px)}.split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;align-items:center}.glass-card{background:#111827cc;border:1px solid #1f2937;border-radius:20px;padding:24px;display:grid;gap:12px}.bullet{color:#9ca3af}.page-cta{padding:80px 0 120px;text-align:center;background:#0f172a}.page-cta p{color:#9ca3af;margin:12px 0 24px}.pricing-page.alt{background:#f6f4f0;color:#111827;font-family:Inter,system-ui,sans-serif;min-height:100vh}.pricing-container{width:min(1200px,100%);margin:0 auto;padding:0 32px}.pricing-hero{padding:60px 0 40px}.hero-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-bottom:32px}.logo{font-weight:600}.nav-links{display:flex;gap:20px;justify-content:center;color:#11182799;font-size:14px}.hero-cta{background:#111827;color:#f9fafb;border:none;padding:10px 18px;border-radius:999px;font-weight:600}.pricing-hero h1{text-align:center;font-size:32px;margin-bottom:12px}.pricing-hero p{text-align:center;color:#11182799}.plan-toggle{display:flex;justify-content:center;gap:8px;margin-top:20px}.plan-toggle button{border:1px solid #e5e7eb;background:transparent;padding:6px 14px;border-radius:999px;color:#11182799}.plan-toggle button.active{background:#fff;color:#111827;box-shadow:0 6px 16px #11182714}.pricing-grid-section{padding:20px 0 80px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.pricing-card.light{background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 40px #0f172a14;display:grid;gap:16px}.pricing-card.featured{border:1px solid rgba(17,24,39,.08)}.plan-head h3{margin:0 0 4px}.plan-head span{color:#11182799;font-size:13px}.annual{display:flex;align-items:center;gap:8px;font-size:12px;color:#11182780;margin:8px 0 4px}.switch{width:34px;height:18px;border-radius:999px;background:#e5e7eb;position:relative}.switch span{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#111827}.plan-price{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-price strong{font-size:28px}.pill{background:#dcfce7;color:#166534;border-radius:999px;padding:4px 10px;font-size:11px}.pricing-card ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:13px;color:#111827b3}.plan-btn{background:#111827;color:#f9fafb;border:none;padding:10px 16px;border-radius:999px;font-weight:600;cursor:pointer}@media (max-width: 900px){.hero-top{grid-template-columns:1fr;text-align:center}.nav-links{justify-content:center}}.about-page{background:#0b0f19;color:#f9fafb;font-family:Inter,system-ui,sans-serif}.about-hero{padding:100px 0 80px;background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.22),transparent 50%),radial-gradient(circle at 80% 10%,rgba(6,182,212,.2),transparent 55%)}.about-hero h1{font-size:40px;line-height:48px;margin:16px 0;max-width:640px}.about-hero p{color:#9ca3af;max-width:520px}.hero-metrics{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}.hero-metrics h3{font-size:28px;margin:0 0 6px}.hero-metrics span{color:#9ca3af;font-size:14px}.about-section{padding:80px 0}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;align-items:center}.grid-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.section-head{margin-bottom:32px}.glass-card{background:#111827cc;border:1px solid #1f2937;border-radius:20px;padding:24px;box-shadow:0 20px 50px #00000059}.glass-card ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px;color:#9ca3af}.pill-grid{display:flex;flex-wrap:wrap;gap:12px}.pill-grid span{padding:10px 16px;border-radius:999px;border:1px solid #1f2937;color:#9ca3af}.about-cta{padding:80px 0 120px;text-align:center;background:#0f172a}.about-cta h2{margin-bottom:12px}.about-cta p{color:#9ca3af;margin-bottom:24px}.btn-primary{background:linear-gradient(120deg,#7c3aed,#06b6d4);border:none;color:#0b0f19;padding:10px 18px;border-radius:999px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 640px){.about-hero h1{font-size:32px;line-height:40px}}.contact-page{background:#120a1c;color:#e5e7eb;font-family:Sora,Helvetica Neue,Arial,sans-serif;position:relative}.page-container{width:min(1200px,100%);margin:0 auto;padding:0 32px}.page-hero{padding:88px 0 36px;background:transparent}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8}.page-hero h1{font-size:38px;line-height:46px;margin:10px 0 8px}.page-hero p{color:#94a3b8}.page-section{padding:40px 0 80px}.contact-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.contact-form{background:#080c18b3;border:1px solid rgba(124,58,237,.18);border-radius:18px;padding:20px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.contact-form label{display:grid;gap:8px;color:#94a3b8;font-size:14px}.contact-form label:nth-of-type(3){grid-column:1 / -1}.contact-form input,.contact-form textarea{background:transparent;border:1px solid rgba(148,163,184,.2);color:#e5e7eb;border-radius:12px;padding:10px 14px;font-size:14px}.contact-form textarea{min-height:180px}.contact-form .btn-primary{grid-column:1 / -1;align-self:flex-start;width:fit-content;padding:12px 22px;border-radius:12px;background:linear-gradient(120deg,#22d3ee,#7c3aed);color:#0b0f19;box-shadow:0 16px 30px #22d3ee2e}.contact-aside{display:grid;gap:16px}.glass-card{background:#080c18b3;border:1px solid rgba(124,58,237,.18);border-radius:18px;padding:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.glass-card h3{margin:0 0 8px;font-size:16px}.glass-card p{margin:0;color:#cbd5f5;font-size:14px}@media (max-width: 960px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 640px){.page-hero h1{font-size:32px;line-height:40px}}@media (max-width: 900px){.page-hero{padding:88px 0 40px}.contact-grid{grid-template-columns:1fr}}@media (max-width: 640px){.page-container{padding:0 20px}.contact-form{padding:18px}}.coming-page{min-height:100vh;background:#0b0f19;color:#f9fafb;display:grid;place-items:center;font-family:Inter,system-ui,sans-serif;padding:40px 20px}.coming-shell{width:min(520px,100%);background:#111827d9;border:1px solid #1f2937;border-radius:24px;padding:32px;text-align:center;box-shadow:0 30px 80px #00000080}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#9ca3af}.coming-shell h1{font-size:32px;line-height:40px;margin:16px 0}.coming-shell p{color:#9ca3af}.waitlist-form{display:grid;gap:12px;margin-top:24px}.waitlist-form input{background:transparent;border:1px solid #1f2937;border-radius:12px;padding:10px 14px;color:#f9fafb}.btn-primary{background:linear-gradient(120deg,#7c3aed,#06b6d4);border:none;color:#0b0f19;padding:10px 18px;border-radius:999px;font-weight:600}.trust-line{margin-top:16px;color:#9ca3af;font-size:14px}.back-link{display:inline-block;margin-top:20px;color:#9ca3af;text-decoration:none}.back-link:hover{color:#f9fafb}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(0,209,255,.18),transparent 45%),radial-gradient(circle at 80% 20%,rgba(0,255,163,.16),transparent 45%),#0a0f1c;display:grid;place-items:center;z-index:9999;animation:loaderFade .6s ease forwards}.loader-shell{display:grid;place-items:center;gap:12px;text-align:center}.loader-g{width:90px;height:90px;border-radius:24px;display:grid;place-items:center;font-size:40px;font-weight:700;font-family:Sora,Space Grotesk,sans-serif;color:#0a0f1c;background:linear-gradient(140deg,#00d1ff,#00ffa3 60%,#06f);box-shadow:0 0 40px #00d1ff59;animation:loaderPulse 1.8s ease-in-out infinite}.loader-orbit{width:140px;height:140px;border-radius:999px;border:1px dashed rgba(0,209,255,.5);position:relative;animation:loaderSpin 3s linear infinite}.loader-node{position:absolute;width:10px;height:10px;border-radius:999px;background:#00f5ff;box-shadow:0 0 20px #00f5ff99}.loader-node:nth-child(1){top:-5px;left:40px}.loader-node:nth-child(2){bottom:-5px;right:34px}.loader-node:nth-child(3){right:-5px;top:60px}.loader-text{font-size:18px;font-weight:600;color:#e6fbff;letter-spacing:.02em}.loader-subtext{font-size:13px;color:#fff9;text-transform:uppercase;letter-spacing:.2em}.is-loading{overflow:hidden}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loaderPulse{0%{transform:scale(1);box-shadow:0 0 30px #00d1ff40}50%{transform:scale(1.05);box-shadow:0 0 60px #00d1ff80}to{transform:scale(1);box-shadow:0 0 30px #00d1ff40}}@keyframes loaderFade{0%{opacity:0}to{opacity:1}}:root{color-scheme:dark}.app-shell{min-height:100vh;background:#020617;color:#e2e8f0;font-family:Sora,Space Grotesk,Plus Jakarta Sans,sans-serif}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#020617cc;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-logo img{height:40px}.app-header-center{color:#94a3b8;font-size:14px;letter-spacing:.4px}.app-header-right{display:flex;align-items:center;gap:12px}.app-btn{border-radius:10px;padding:10px 16px;font-size:13px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer}.app-btn.primary{background:#6366f1;color:#fff}.app-btn.ghost{border:1px solid rgba(255,255,255,.08);color:#cbd5f5}.app-user{position:relative}.app-avatar{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#6366f11f;color:#e2e8f0;font-size:12px;cursor:pointer}.app-menu{position:absolute;right:0;top:44px;background:#0b1224;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:grid;min-width:160px;padding:8px;gap:4px;box-shadow:0 16px 40px #00000059}.app-menu button{background:transparent;border:none;color:#e2e8f0;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer}.app-menu button:hover{background:#6366f11f}.app-main{display:grid;grid-template-columns:1.2fr 2.3fr;gap:16px;padding:24px 28px 40px;min-height:calc(100vh - 80px)}.chat-panel,.preview-panel{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:18px;min-height:70vh;max-height:calc(100vh - 120px);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;display:flex;align-items:center;justify-content:space-between;background:#060b18cc}.panel-header.tabs{text-transform:none;letter-spacing:0}.tab-group{display:flex;gap:8px}.tab{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#cbd5f5;padding:6px 12px;font-size:12px;cursor:pointer}.tab.active{background:#6366f133;border-color:#6366f166;color:#e2e8f0}.tab-actions{display:flex;gap:8px}.chat-body{flex:1;padding:18px;display:grid;gap:12px;overflow:auto}.chat-bubble{padding:12px 14px;border-radius:12px;max-width:80%;font-size:14px;line-height:1.5}.chat-bubble.user{background:#6366f133;margin-left:auto}.chat-bubble.ai{background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.chat-bubble.ai.code{font-family:JetBrains Mono,Fira Code,SFMono-Regular,monospace;font-size:13px;letter-spacing:.2px;position:relative;color:#cbd5f5;background:linear-gradient(120deg,#0f172ae6,#1e293b99);border:1px solid rgba(99,102,241,.18);animation:codeGlow 4s ease-in-out infinite}.chat-bubble.ai.code:after{content:"";display:inline-block;width:8px;height:2px;margin-left:6px;background:#6366f1;animation:caretBlink 1s steps(2,start) infinite;vertical-align:middle}.chat-bubble.typing{display:inline-flex;gap:6px;width:fit-content;align-items:center}.chat-bubble.typing .dot{width:6px;height:6px;border-radius:50%;background:#6366f1;animation:blink 1.2s infinite ease-in-out}.chat-bubble.typing .dot:nth-child(2){animation-delay:.15s}.chat-bubble.typing .dot:nth-child(3){animation-delay:.3s}.chat-input{border-top:1px solid rgba(255,255,255,.06);padding:16px;display:grid;gap:10px;background:#0f172af2;position:sticky;bottom:0}.chat-input textarea{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#e2e8f0;padding:12px;resize:none}.preview-frame{margin:18px;flex:1;background:#0b1224;border-radius:16px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;min-height:0;overflow:hidden}.frame-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);color:#94a3b8;font-size:12px}.frame-bar .dot{width:8px;height:8px;border-radius:50%;background:#fff3}.frame-title{margin-left:8px}.frame-body{flex:1;padding:16px;display:grid;gap:12px;overflow:hidden}.frame-hero{height:160px;border-radius:12px;background:linear-gradient(120deg,rgba(99,102,241,.2),transparent);border:1px solid rgba(255,255,255,.06);animation:shimmer 6s ease-in-out infinite;display:grid;align-content:center;gap:8px;padding:18px}.frame-hero h4{margin:0;font-size:16px;color:#e2e8f0}.frame-hero p{margin:0;font-size:12px;color:#94a3b8}.frame-cta{display:flex;gap:8px}.frame-cta span{display:inline-block;height:24px;width:90px;border-radius:999px;background:#6366f140;border:1px solid rgba(99,102,241,.4)}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.frame-card{height:90px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);animation:pulse 5s ease-in-out infinite}.frame-card.tall{height:120px;animation-delay:.6s}.frame-section{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;display:grid;gap:10px}.frame-heading{height:16px;width:40%;border-radius:8px;background:#ffffff14}.frame-lines span{display:block;height:10px;margin-bottom:6px;border-radius:8px;background:#ffffff0d}.frame-lines span:last-child{width:70%}.frame-mini-grid{display:flex;gap:8px}.frame-chip{height:28px;flex:1;border-radius:10px;background:#6366f12e;border:1px solid rgba(99,102,241,.35)}.app-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b3;display:grid;place-items:center;z-index:40}.app-modal{background:#0b1224;padding:24px;border-radius:16px;border:1px solid rgba(255,255,255,.1);width:min(420px,90vw);display:grid;gap:12px}.app-modal input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#e2e8f0;padding:12px}.app-auth-main{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:24px}.app-auth-card{width:min(460px,92vw);background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px;display:grid;gap:12px}.app-auth-form{display:grid;gap:10px}.app-auth-form input,.app-inline-input,.app-inline-row select{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e2e8f0;padding:10px 12px}.app-inline-row{display:flex;gap:10px;align-items:center}.app-inline-row select{min-width:140px}.app-meta-line{font-size:12px;color:#94a3b8}.app-preview-iframe{width:100%;min-height:360px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#fff}.app-preview-loader{min-height:360px;border:1px dashed rgba(99,102,241,.45);border-radius:12px;background:#0f172a73;display:flex;align-items:center;justify-content:center;gap:10px;color:#cbd5f5;font-size:13px}.app-preview-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(148,163,184,.4);border-top-color:#60a5fa;animation:appSpin .8s linear infinite}.app-preview-loader-rich{display:grid;align-content:center;justify-items:stretch;gap:16px;padding:20px;background:radial-gradient(circle at 20% 12%,rgba(56,189,248,.16),transparent 45%),radial-gradient(circle at 85% 88%,rgba(99,102,241,.14),transparent 45%),#0f172a73}.workflow-head{display:flex;align-items:center;gap:12px;color:#dbeafe}.workflow-head strong{display:block;font-size:14px;font-weight:600}.workflow-head p{margin:4px 0 0;font-size:12px;color:#93c5fd}.workflow-orb{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#22d3ee,#6366f1);box-shadow:0 0 18px #38bdf8d9;animation:workflowPulse 1.2s ease-in-out infinite}.workflow-steps{display:grid;gap:8px}.workflow-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.workflow-progress-track{height:8px;border-radius:999px;background:#334155d9;border:1px solid rgba(148,163,184,.28);overflow:hidden}.workflow-progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#3b82f6,#6366f1);box-shadow:0 0 18px #3b82f673;transition:width .35s ease}.workflow-progress-value{font-size:12px;color:#bfdbfe;min-width:40px;text-align:right}.workflow-file-line{font-size:12px;color:#93c5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-file-line code{color:#e2e8f0;font-family:JetBrains Mono,Fira Code,SFMono-Regular,monospace;background:#0f172ae6;border:1px solid rgba(148,163,184,.22);border-radius:6px;padding:2px 6px}.workflow-step{display:flex;align-items:center;gap:10px;font-size:12px;color:#94a3b8;transition:color .18s ease,transform .18s ease}.workflow-step .dot{width:8px;height:8px;border-radius:50%;background:#94a3b88c}.workflow-step.active{color:#e2e8f0;transform:translate(2px)}.workflow-step.active .dot{background:#22d3ee;box-shadow:0 0 12px #22d3eebf}.workflow-step.done{color:#7dd3fc}.workflow-step.done .dot{background:#38bdf8}.app-file-list{height:100%;min-height:0;max-height:none;overflow:auto;border:1px solid rgba(148,163,184,.22);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px;background:radial-gradient(circle at top right,rgba(99,102,241,.12),transparent 45%),#0f172a8c}.app-file-item{font-size:12px;color:#cbd5f5;line-height:1.4}.app-tree-group,.app-tree-folder{display:flex;flex-direction:column;gap:2px}.app-tree-row{width:100%;min-height:32px;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:transparent;color:#dbeafe;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:12px;text-align:left;transition:background .14s ease,border-color .14s ease,transform .14s ease;padding-top:6px;padding-bottom:6px}.app-tree-row:hover{background:#1e293bbf;border-color:#6366f15c;transform:translate(1px)}.app-tree-folder-btn{background:#0f172a57}.app-tree-file-btn.active{background:linear-gradient(90deg,#2563eb40,#0f172a1a);border-color:#38bdf880;color:#f8fafc}.app-tree-chevron{color:#7dd3fc;width:12px;font-size:9px;flex:0 0 12px;opacity:.9}.app-tree-icon{color:#93c5fd;font-size:9px;min-width:34px;padding:2px 6px;border-radius:999px;letter-spacing:.6px;font-weight:700;border:1px solid rgba(148,163,184,.35);background:#0f172ad9}.app-tree-icon.folder{color:#fde68a;border-color:#f59e0b80;background:#78350f59}.app-tree-icon.file{color:#bfdbfe;border-color:#3b82f666;background:#0f172ab8}.app-tree-label{font-size:13px;color:#dbeafe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-file-item-btn{text-align:left;width:100%;border:1px solid transparent;background:transparent;border-radius:8px;padding:6px 8px;cursor:pointer}.app-file-item-btn:hover{background:#6366f11f}.app-file-item-btn.active{background:#6366f133;border-color:#6366f173}.app-files-layout{display:grid;grid-template-columns:minmax(200px,32%) 1fr;gap:10px;height:100%;min-height:0}.app-code-viewer{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff05;overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-height:0}.app-code-header{padding:8px 10px;font-size:12px;color:#93c5fd;border-bottom:1px solid rgba(255,255,255,.08)}.app-code-content{margin:0;padding:10px;overflow:auto;font-size:12px;line-height:1.5;color:#dbeafe;background:#020617d9;min-height:0}.app-versions-list{display:grid;gap:8px;max-height:520px;overflow:auto}.app-version-card{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff05}.app-version-title{font-size:13px;color:#e2e8f0}.app-version-meta{font-size:11px;color:#94a3b8;margin-top:2px}.app-logs-box{margin:0;background:#020617e6;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#9be7ff;font-size:11px;max-height:180px;overflow:auto;padding:10px}.app-error{color:#fca5a5;font-size:13px;margin:0}.app-status{position:fixed;right:18px;bottom:18px;z-index:60;padding:10px 14px;border-radius:10px;background:#0f172af2;border:1px solid rgba(99,102,241,.4);color:#cbd5f5;font-size:12px}.app-error-floating{right:18px;bottom:58px;position:fixed;background:#7f1d1de6;border:1px solid rgba(248,113,113,.5);border-radius:10px;padding:10px 14px;z-index:61}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}@keyframes appSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes workflowPulse{0%,to{transform:scale(.9);opacity:.85}50%{transform:scale(1.15);opacity:1}}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes codeGlow{0%,to{box-shadow:0 0 #6366f11a}50%{box-shadow:0 0 18px #6366f140}}@keyframes shimmer{0%{box-shadow:0 0 #6366f11a}50%{box-shadow:0 0 30px #6366f140}to{box-shadow:0 0 #6366f11a}}@keyframes pulse{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-6px);opacity:1}}@media (max-width: 980px){.app-main{grid-template-columns:1fr}}@media (max-width: 900px){.app-header{flex-wrap:wrap;gap:10px}.app-header-center{order:3;width:100%;text-align:left}.app-header-right{flex-wrap:wrap;justify-content:flex-start}}@media (max-width: 720px){.app-main{grid-template-columns:1fr;padding:16px}.chat-panel,.preview-panel{max-height:none;min-height:auto}.preview-frame{margin:12px}.app-files-layout{grid-template-columns:1fr;height:auto}.app-code-content{max-height:280px}}@media (min-width: 721px) and (max-width: 1024px){.app-main{grid-template-columns:1.1fr 1.5fr;padding:20px}}@media (max-width: 540px){.app-header-right{gap:8px}.app-btn{padding:8px 12px;font-size:12px}}.projects-shell{min-height:100vh;background:#020617;color:#e2e8f0;font-family:Sora,Space Grotesk,Plus Jakarta Sans,sans-serif}.projects-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid rgba(255,255,255,.06);background:#020617cc;position:sticky;top:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.projects-logo img{height:40px}.projects-actions{display:flex;gap:10px}.proj-btn{border-radius:10px;padding:10px 16px;font-size:13px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer}.proj-btn.primary{background:#6366f1}.proj-btn.ghost{border:1px solid rgba(255,255,255,.08);color:#cbd5f5}.proj-btn.danger{border:1px solid rgba(255,92,92,.4);color:#fca5a5}.projects-main{padding:32px 28px 50px}.projects-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.project-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;display:grid;gap:12px}.project-thumb{height:140px;border-radius:12px;background:linear-gradient(135deg,rgba(99,102,241,.2),transparent);border:1px solid rgba(255,255,255,.06)}.project-meta span{color:#94a3b8;font-size:12px}.project-actions{display:flex;gap:8px}.project-empty{color:#94a3b8;padding:24px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;grid-column:1 / -1}@media (max-width: 720px){.projects-header{flex-direction:column;align-items:flex-start;gap:12px}.projects-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}.upgrade-shell{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.12),transparent 55%),#020617;color:#e2e8f0;font-family:Sora,Space Grotesk,Plus Jakarta Sans,sans-serif;position:relative;overflow:hidden}.upgrade-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid rgba(255,255,255,.06);background:#020617cc;position:sticky;top:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5}.upgrade-logo img{height:40px}.upgrade-actions{display:flex;gap:10px}.upgrade-btn{border-radius:10px;padding:10px 16px;font-size:13px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer;text-decoration:none}.upgrade-btn.primary{background:#6366f1;color:#fff}.upgrade-btn.ghost{border:1px solid rgba(255,255,255,.08);color:#cbd5f5}.upgrade-main{padding:36px 28px 60px;max-width:980px;margin:0 auto}.upgrade-hero{text-align:center;margin-bottom:28px}.upgrade-eyebrow{font-size:12px;letter-spacing:4px;color:#94a3b8;margin-bottom:12px}.upgrade-hero h1{font-size:44px;margin:0 auto 12px;font-weight:600;letter-spacing:-1px}.upgrade-hero h1 span{color:#6366f1}.upgrade-subtext{color:#94a3b8;margin-top:8px;font-size:15px;max-width:620px;margin-left:auto;margin-right:auto}.upgrade-trust{margin-top:16px;font-size:13px;color:#cbd5f5}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}.plan-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;display:grid;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.plan-card.featured{border-color:#6366f199;box-shadow:0 20px 50px #6366f126;background:linear-gradient(150deg,#6366f12e,#0f172a99)}.price{font-size:18px;color:#cbd5f5}.plan-card ul{padding-left:16px;color:#94a3b8;display:grid;gap:6px}@media (max-width: 720px){.upgrade-header,.projects-header,.app-header{padding:12px 16px}}@media (max-width: 720px){.upgrade-header{flex-direction:column;align-items:flex-start;gap:12px}.upgrade-actions{width:100%;flex-wrap:wrap}}.account-shell{min-height:100vh;background:#020617;color:#e2e8f0}.account-main{max-width:1200px;margin:0 auto;padding:24px 20px 48px}.account-main.simple{min-height:calc(100vh - 84px);display:grid;place-content:center;text-align:center;gap:12px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.account-card{background:#0f172ab3;border:1px solid rgba(148,163,184,.22);border-radius:14px;padding:14px;display:grid;gap:12px}.account-card h3{margin:0;font-size:15px;color:#dbeafe}.account-card.wide{grid-column:span 3}.profile-top{display:flex;align-items:center;gap:12px}.profile-avatar{width:72px;height:72px;border-radius:14px;object-fit:cover;border:1px solid rgba(148,163,184,.3);background:#0f172a}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.form-grid{display:grid;gap:8px}.form-grid input{background:#ffffff08;border:1px solid rgba(148,163,184,.28);border-radius:10px;color:#e2e8f0;padding:10px 12px}.stat-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#93c5fd}.stat-row strong{color:#e2e8f0}.usage-track{height:10px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#1e293bcc;overflow:hidden}.usage-fill{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#3b82f6,#6366f1)}.usage-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:12px;color:#bfdbfe}.button-row{display:flex;gap:8px;flex-wrap:wrap}.account-btn{border:1px solid transparent;border-radius:10px;background:transparent;color:#e2e8f0;padding:9px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.account-btn.primary{background:#4f46e5}.account-btn.ghost{border-color:#94a3b859}.invoice-list,.timeline-list{display:grid;gap:8px}.invoice-item,.timeline-item{border:1px solid rgba(148,163,184,.22);border-radius:10px;padding:10px;background:#02061785}.invoice-item{display:flex;justify-content:space-between;gap:10px}.invoice-item p{margin:4px 0 0;font-size:12px;color:#93c5fd}.invoice-right{display:grid;justify-items:end;gap:4px;font-size:12px}.invoice-right a{color:#38bdf8}.dashboard-mini{display:flex;gap:14px;flex-wrap:wrap;color:#93c5fd;font-size:13px}.timeline-item{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;font-size:12px;color:#bfdbfe}.empty{margin:0;color:#93c5fd;font-size:13px}.account-toast{position:fixed;right:16px;bottom:16px;background:#0f172af2;border:1px solid rgba(99,102,241,.45);color:#dbeafe;border-radius:10px;padding:10px 12px;font-size:12px;z-index:70}.account-toast.notice{bottom:58px;border-color:#10b98180}.account-toast.error{bottom:100px;border-color:#f8717199;color:#fecaca}@media (max-width: 980px){.account-grid{grid-template-columns:1fr 1fr}.account-card.wide{grid-column:span 2}}@media (max-width: 700px){.account-grid{grid-template-columns:1fr}.account-card.wide{grid-column:span 1}.timeline-item{grid-template-columns:1fr}}:root{--bg: #0a0f1c;--bg-soft: #0c1222;--surface: #111827;--surface-2: #0f172a;--text: #ffffff;--muted: #9ca3af;--line: rgba(255, 255, 255, .08);--primary: #00d1ff;--secondary: #00ffa3;--tertiary: #0066ff;--accent: #00f5ff;--glow: 0 0 40px rgba(0, 209, 255, .35);--shadow-sm: 0 12px 30px rgba(7, 10, 20, .35);--shadow-md: 0 30px 70px rgba(5, 8, 18, .5);--shadow-lg: 0 55px 120px rgba(5, 8, 18, .65);--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--max-width: 1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:linear-gradient(transparent 0%,transparent 100%),radial-gradient(circle at 15% 20%,rgba(0,209,255,.12),transparent 45%),radial-gradient(circle at 80% 0%,rgba(0,255,163,.12),transparent 40%),radial-gradient(circle at 60% 80%,rgba(0,102,255,.14),transparent 45%),var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px;opacity:.25;pointer-events:none;z-index:-1}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{font-family:inherit;border:none;background:none;cursor:pointer}.section{padding:96px 24px}.container{max-width:var(--max-width);margin:0 auto;padding:0 4px}.badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#00d1ff29;color:#bff6ff;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.heading-xl{font-size:clamp(56px,4.6vw,64px);line-height:1.12;font-weight:700;letter-spacing:-.02em;font-family:Sora,Space Grotesk,sans-serif}.heading-lg{font-size:clamp(36px,3.2vw,44px);line-height:1.25;font-weight:600;letter-spacing:-.01em;font-family:Sora,Space Grotesk,sans-serif}.heading-md{font-size:clamp(22px,2vw,28px);font-weight:600;font-family:Space Grotesk,Sora,sans-serif}.text-lg{font-size:clamp(16px,1.4vw,18px);line-height:1.7;color:var(--muted)}.btn-primary{background:linear-gradient(120deg,#00d1ff,#00ffa3 45%,#06f 90%);background-size:200% 200%;color:#08121d;min-height:48px;padding:0 18px;border-radius:12px;font-weight:600;font-size:15px;letter-spacing:.01em;line-height:1;box-shadow:0 18px 50px #00d1ff59;transition:transform .2s ease,box-shadow .2s ease,background-position .4s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 24px 70px #00d1ff80;background-position:100% 0}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#0f172acc;color:var(--text);min-height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(0,209,255,.35);font-size:14px;font-weight:600;letter-spacing:.01em;line-height:1;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{border-color:#00ffa3b3;color:#fff;box-shadow:0 20px 55px #00ffa340;transform:scale(1.02)}.card{background:#111827e6;border-radius:18px;border:1px solid var(--line);padding:24px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-6px);box-shadow:0 26px 80px #00d1ff33}.glass{background:#11182799;border:1px solid rgba(0,209,255,.25);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.floaty{animation:floaty 6s ease-in-out infinite}@media (max-width: 980px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:80px 20px}}