@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--bg-page:#fafbfe;--bg-white:#fff;--bg-subtle:#f4f6fc;--bg-card:#fff;--bg-dark-gradient:linear-gradient(135deg,#09090b,#1e1b4b);--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#e0e7ff;--accent-purple:#7c3aed;--accent-purple-light:#f5f3ff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--border:#e2e8f0;--border-hover:#cbd5e1;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #6366f10d,0 4px 6px -4px #6366f10d;--shadow-xl:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000008;--shadow-premium:0 25px 50px -12px #6366f126;--transition-fast:0.15s ease;--transition-normal:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1)}html{font-size:16px;overflow-x:hidden;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafbfe;background-color:var(--bg-page);font-family:Inter,sans-serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}p{color:#475569;color:var(--text-secondary)}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);outline:none}a{color:inherit;text-decoration:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes pulse-slow{0%,to{opacity:.8}50%{opacity:.4}}.float-anim{animation:float 6s ease-in-out infinite}.float-anim-delayed{animation:float-delayed 6s ease-in-out infinite}.container{margin:0 auto;max-width:1200px;padding:0 24px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.grid-2{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.btn-primary{background-color:#4f46e5;background-color:var(--primary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 14px #6366f166;color:#fff;font-size:15px;font-weight:600;padding:12px 28px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.btn-primary:hover{background-color:#4338ca;background-color:var(--primary-hover);box-shadow:0 6px 20px #6366f173;transform:translateY(-2px)}.btn-secondary{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:600;padding:12px 28px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.btn-secondary:hover{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);transform:translateY(-2px)}.header-scrolled{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background-color:#ffffffd9!important;border-bottom:1px solid #e2e8f0cc!important;box-shadow:0 4px 30px #00000008}.dropzone-container{background:#fff;background:var(--bg-white);border:2px dashed #4f46e540;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #6366f126;box-shadow:var(--shadow-premium);cursor:pointer;margin:0 auto;max-width:680px;padding:56px 40px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow)}.dropzone-container:hover{background:#f4f6fc;background:var(--bg-subtle);border-color:#4f46e5;border-color:var(--primary);transform:scale(1.01)}.dropzone-icon-container{display:flex;justify-content:center;margin-bottom:24px}.glass-card{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.glass-card:hover{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000008;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.faq-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.faq-header{align-items:center;background:none;cursor:pointer;display:flex;justify-content:space-between;padding:24px 0;text-align:left;width:100%}.faq-header h3{color:#0f172a;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:18px;font-weight:600}.faq-arrow{color:#64748b;color:var(--text-muted);transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-normal)}.faq-arrow.open{color:#4f46e5;color:var(--primary);transform:rotate(180deg)}.faq-body{max-height:0;opacity:0;overflow:hidden;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);transition:max-height var(--transition-normal),opacity var(--transition-normal),padding var(--transition-normal)}.faq-body.open{max-height:200px;opacity:1;padding-bottom:24px}.faq-body p{color:#475569;color:var(--text-secondary);font-size:15px;line-height:1.6}.category-nav::-webkit-scrollbar{display:none}.category-nav{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.editor-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 300px}.editor-canvas{align-items:center;background:#f4f6fc;background:var(--bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:28px;border-radius:var(--radius-xl);box-shadow:inset 0 2px 8px #0000000a;height:520px;overflow:hidden;position:relative}.editor-canvas,.samples-row{display:flex;justify-content:center}.samples-row{flex-wrap:wrap;gap:16px}.hero-heading{color:#1e1b4b;font-size:64px;font-weight:800;line-height:1.15;margin:0 auto 16px;max-width:1200px}@media (max-width:1024px){.float-anim,.float-anim-delayed{display:none!important}.hero-heading{font-size:48px}}@media (max-width:768px){.editor-grid{gap:16px;grid-template-columns:1fr}.editor-canvas{height:380px}.hero-heading{font-size:22px;line-height:1.25}.hero-heading br{display:none}h2{font-size:24px!important;line-height:1.3!important}.container,section{padding-left:10px!important;padding-right:10px!important}.dropzone-container{padding:40px 16px!important}}@media (max-width:480px){.samples-row{gap:8px}.hero-heading{font-size:22px;line-height:1.3}}.desktop-actions,.desktop-nav{display:flex!important}.mobile-menu-toggle{display:none!important}@media (max-width:1023px){.desktop-actions,.desktop-nav{display:none!important}.mobile-menu-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:9999px;border-radius:var(--radius-full);color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex!important;height:40px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:40px}.mobile-menu-toggle:hover{background:#f4f6fc;background:var(--bg-subtle)}}.offcanvas-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s;visibility:hidden;z-index:1000}.offcanvas-backdrop.open{opacity:1;visibility:visible}.offcanvas-menu{background:#fff;bottom:0;box-shadow:-10px 0 30px #0000001a;display:flex;flex-direction:column;max-width:85vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:1001}.offcanvas-menu.open{transform:translateX(0)}.offcanvas-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.offcanvas-body{flex:1 1;gap:32px;overflow-y:auto;padding:24px}.offcanvas-body,.offcanvas-links{display:flex;flex-direction:column}.offcanvas-links{gap:8px}.offcanvas-link-item{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.offcanvas-link-item.active,.offcanvas-link-item:hover{background:#f4f6fc;background:var(--bg-subtle);color:#4f46e5;color:var(--primary)}.offcanvas-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:24px}
/*# sourceMappingURL=main.32fac97a.css.map*/