:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-page:#fff;--bg-subtle:#f8fafc;--bg-dark-section:#0f1219;--bg-footer:#090c14;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#f8fafc;--text-light-muted:#94a3b8;--border-light:#00000014;--border-card:#0000000f;--border-dark:#ffffff1a;--accent-lime:#d4f844;--accent-purple:#9333ea;--accent-pink:#ec4899;--accent-cyan:#06b6d4;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--shadow-card:0 20px 45px -10px #00000014, 0 8px 16px -6px #0000000a;--shadow-lg:0 25px 50px -12px #00000026;--transition:all .2s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-page);width:100%;max-width:100vw;min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden!important}#root{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden!important}button,label.btn-rainbow-border,.btn-rainbow-border,.btn-pill-black,.btn-secondary,.btn-primary,.btn-cta,.cat-pill{flex-shrink:0;white-space:nowrap!important}button span,label.btn-rainbow-border span,.btn-rainbow-border span,.btn-pill-black span,.btn-secondary span,.btn-primary span,.btn-cta span{white-space:nowrap!important}.grid-pattern-light{background-image:linear-gradient(90deg,#0000000a 1px,#0000 1px),linear-gradient(#0000000a 1px,#0000 1px);background-size:32px 32px}.grid-pattern-dark{background-color:var(--bg-dark-section);background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:32px 32px}.checkerboard-bg{background-color:#f1f5f9;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.hero-glow-halo{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 40%,#dcfc4673 0%,#0000 55%),radial-gradient(circle at 82% 40%,#f472b673 0%,#0000 55%),radial-gradient(circle,#d8b4fe40 0%,#0000 65%);width:140%;max-width:1000px;height:520px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.hero-outer-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;background:#fff9;border:1.5px solid #f472b647;border-radius:22px;width:100%;max-width:540px;padding:10px 10px 14px;position:relative;box-shadow:0 15px 45px #0000000a}.hero-inner-dropzone{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;align-items:center;padding:28px 20px 22px;display:flex;box-shadow:0 4px 16px #00000005}.btn-rainbow-border{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(135deg,#7c3aed 0%,#ec4899 35%,#facc15 75%,#a3e635 100%) border-box;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:10px 28px;font-size:.88rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #00000029}.btn-rainbow-border:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000038}.btn-rainbow-border:active{transform:translateY(0)}.btn-pill-black{color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);background-color:#0f172a;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 34px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #0f172a40}.btn-pill-black:hover{background-color:#000;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a59}.btn-pill-black:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-pill);border:1px solid var(--border-light);cursor:pointer;transition:var(--transition);background:#fff;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--bg-subtle);border-color:#0003}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #6366f159}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-icon{border-radius:var(--radius-sm);color:#94a3b8;cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#ffffff14;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{color:#fff;background:#ffffff26}.cat-pill{border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);color:#94a3b8;background:#ffffff14;border:1px solid #0000;padding:6px 18px;font-size:.85rem;font-weight:600}.cat-pill:hover{color:#fff;background:#ffffff26}.cat-pill.active{background:var(--accent-lime);color:#0f172a;box-shadow:0 0 16px #d4f84466}.step-card{border-radius:var(--radius-lg);border:1px solid var(--border-card);transition:var(--transition);background:#fff;flex-direction:column;padding:20px;display:flex;box-shadow:0 4px 20px #0000000a}.step-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.faq-item{border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition);background:#fff;margin-bottom:12px;overflow:hidden}.faq-item:hover{border-color:#00000026}.faq-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:18px 24px;font-size:1rem;font-weight:600;display:flex}.faq-body{color:var(--text-secondary);padding:0 24px 20px;font-size:.92rem;line-height:1.6}input[type=range]{-webkit-appearance:none;background:#0000001a;border-radius:99px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#6366f1;border-radius:50%;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (width<=960px){.editor-main-layout{flex-direction:column!important;gap:20px!important;height:auto!important;padding:16px 12px 32px!important;overflow-y:auto!important}.editor-canvas-column{width:100%!important;height:auto!important}.editor-canvas-card{border-radius:16px!important;height:380px!important;min-height:280px!important;max-height:480px!important;padding:14px!important}.editor-sidebar-column{width:100%!important;max-width:100%!important}}@media (width<=768px){.pricing-single-card{grid-template-columns:1fr!important;gap:24px!important;padding:24px 20px!important}.navbar-header{padding:0 16px!important}.nav-desktop-links,.nav-actions-area>button:not(.nav-mobile-toggle),.nav-actions-area>div:not(.nav-mobile-toggle){display:none!important}.nav-mobile-toggle{display:inline-flex!important}.checkout-container{padding:20px 14px 40px!important}.checkout-main-grid{grid-template-columns:1fr!important;gap:24px!important}.checkout-preview-card{width:100%!important}.checkout-preview-card>div[style*=aspectRatio]{max-height:340px!important}.currency-dropdown-popover,.language-dropdown-popover{z-index:10005!important;width:min(320px,100vw - 32px)!important;max-width:calc(100vw - 32px)!important;max-height:65vh!important;position:fixed!important;inset:auto auto 80px 50%!important;transform:translate(-50%)!important;box-shadow:0 10px 40px #0009!important}.hero-glow-halo{filter:blur(40px)!important;width:100%!important;max-width:100%!important}}.hero-sample-row{justify-content:center;align-items:center;gap:14px;width:100%;margin-top:14px;padding:0 4px;display:flex}.hero-sample-label{color:#0f172a;text-align:left;white-space:nowrap;font-size:.8rem;font-weight:700;line-height:1.3}.hero-sample-thumbnails{justify-content:center;align-items:center;gap:8px;display:flex}.hero-sample-thumb{cursor:pointer;border-radius:11px;flex-shrink:0;width:54px;height:60px;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 2px 6px #0000000f}.hero-sample-thumb:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.showcase-block-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:50px;width:100%;display:grid}.showcase-visual-box{aspect-ratio:1;border-radius:28px;justify-content:center;align-items:center;width:100%;max-width:340px;margin:0 auto;display:flex;position:relative}@media (width<=640px){.btn-rainbow-border{white-space:nowrap!important;padding:10px 18px!important;font-size:.82rem!important}.btn-pill-black{white-space:nowrap!important;padding:12px 24px!important;font-size:.88rem!important}.hero-sample-row{flex-direction:column!important;align-items:center!important;gap:8px!important}.hero-sample-label{text-align:center!important;white-space:normal!important;font-size:.76rem!important}.hero-sample-br{display:none!important}.hero-sample-thumbnails{justify-content:center!important;gap:6px!important}.hero-sample-thumb{border-radius:9px!important;width:44px!important;height:48px!important}.showcase-block-grid{grid-template-columns:1fr!important;gap:28px!important}.showcase-visual-box{max-width:280px!important}}