:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--bg-dark:#111;--blue:#2563eb;--blue-hover:#1d4ed8;--blue-active:#1e40af;--blue-light:#eff6ff;--blue-lighter:#dbeafe;--blue-muted:#93c5fd;--blue-vivid:#3b82f6;--text-primary:#111;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-on-blue:#fff;--text-on-dark:#fff;--text-on-dark-muted:#9ca3af;--border:#e5e7eb;--border-strong:#d1d5db;--border-blue:#2563eb;--success:#16a34a;--success-light:#f0fdf4;--success-text:#15803d;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 16px 50px #0000001f;--shadow-blue:0 4px 12px #2563eb40;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;font-size:15px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.btn{font-family:var(--font-sans);border-radius:var(--radius-lg);transition:all var(--transition-normal);white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;line-height:1.4;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--bg-dark);color:#fff;box-shadow:0 2px 8px #00000026}.btn-primary:hover{background:#222;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.btn-cta{background:var(--bg-dark);color:#fff;border-radius:12px;padding:18px 40px;font-size:16px;font-weight:700;box-shadow:0 4px 16px #0003}.btn-cta:hover{background:#222;transform:translateY(-1px);box-shadow:0 6px 24px #00000040}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-dark{background:var(--bg-dark);color:#fff}.btn-dark:hover{background:#222}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-outline{color:var(--blue);border:1px solid var(--blue);background:0 0}.btn-outline:hover{background:var(--blue-light)}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-xl);padding:16px 32px;font-size:17px}.btn-xl{border-radius:var(--radius-xl);padding:20px 40px;font-size:18px}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-md);padding:10px}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);font-size:14px;font-weight:500}.input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-normal);outline:none;padding:12px 16px;font-size:15px}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:var(--text-muted)}.input-error{border-color:var(--danger)}.input-helper{color:var(--text-muted);font-size:13px}.input-error-text{color:var(--danger);font-size:13px}.input-slug-wrapper{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-normal);align-items:center;display:flex;overflow:hidden}.input-slug-wrapper:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.input-slug-prefix{color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:12px 12px 12px 16px;font-size:14px}.input-slug{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 16px 12px 0;font-size:15px}.select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-normal);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%234B5563' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;outline:none;padding:12px 40px 12px 16px;font-size:15px}.select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-normal);resize:vertical;outline:none;min-height:100px;padding:12px 16px;font-size:15px;line-height:1.6}.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.toggle{background:var(--border-strong);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--transition-normal);position:relative}.toggle.active{background:var(--blue)}.toggle:after{content:"";width:20px;height:20px;transition:transform var(--transition-normal);box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(20px)}.card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:24px}.card:hover{border-color:var(--border-strong)}.card-elevated{box-shadow:var(--shadow-sm)}.card-interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{background:var(--blue-light);color:var(--blue)}.badge-success{background:var(--success-light);color:var(--success-text)}.badge-warning{background:var(--warning-light);color:#92400e}.badge-error{background:var(--danger-light);color:var(--danger)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.nav{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffffff2;padding:16px 0;position:fixed;top:0;left:0;right:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.03em;font-size:22px;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-normal);font-size:14px;font-weight:500}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);font-weight:600}.layout-dashboard{background:var(--bg-secondary);min-height:100vh;display:flex}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border);width:250px;z-index:var(--z-sticky);flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:32px;padding:0 12px;font-size:22px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.sidebar-item svg{flex-shrink:0;width:20px;height:20px}.sidebar-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:16px 12px 8px;font-size:11px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.main-content{flex:1;min-height:100vh;margin-left:250px;padding:32px}.topbar{background:var(--bg-primary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:64px;margin:-32px -32px 32px;padding:0 32px;display:flex}.topbar-title{color:var(--text-primary);font-size:18px;font-weight:700}.topbar-actions{align-items:center;gap:12px;display:flex}.hero{background:var(--bg-primary);align-items:center;padding:80px 0 60px;display:flex;position:relative;overflow:hidden}.hero-split{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.hero-content{z-index:1;text-align:left;position:relative}.hero-badge{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:500;animation:.6s ease-out fadeInDown;display:inline-flex}.hero-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.08;animation:.6s ease-out .1s both fadeInUp}.hero-title .gradient-text{color:var(--text-primary)}.hero-subtitle{color:var(--text-secondary);max-width:480px;margin:0 0 36px;font-size:18px;line-height:1.65;animation:.6s ease-out .2s both fadeInUp}.hero-actions{align-items:center;gap:16px;animation:.6s ease-out .3s both fadeInUp;display:flex}.hero-visual{justify-content:center;align-items:center;animation:.8s ease-out .3s both fadeInRight;display:flex;position:relative}.hero-visual img{border-radius:var(--radius-xl);max-width:100%;height:auto}.hero-phone{background:var(--bg-primary);border:1px solid var(--border);width:320px;box-shadow:var(--shadow-xl);border-radius:40px;padding:12px}.hero-phone-screen{background:var(--bg-secondary);border-radius:30px;padding:24px 16px;overflow:hidden}.hero-phone-header{text-align:center;margin-bottom:20px}.hero-phone-avatar{border-radius:var(--radius-full);background:var(--blue);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 8px;font-size:22px;font-weight:700;display:flex}.hero-phone-name{color:var(--text-primary);font-size:16px;font-weight:700}.hero-phone-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-normal);align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:flex}.hero-phone-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.hero-phone-card-icon{border-radius:var(--radius-sm);background:var(--bg-secondary);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hero-phone-card-title{color:var(--text-primary);font-size:14px;font-weight:600}.hero-phone-card-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.hero-phone-image{filter:drop-shadow(0 32px 64px #0006);object-fit:cover;object-position:center 15%;border-radius:0;width:100%;max-width:480px;height:auto;transition:transform .4s}.hero-phone-image:hover{transform:scale(1.02)translateY(-4px)}.hero.hero-gradient .hero-visual{border-radius:0;justify-content:center;align-items:center;margin:-40px -40px -40px 0;display:flex;overflow:hidden;-webkit-mask-image:radial-gradient(70% 75%,#000 35%,#0000 65%);mask-image:radial-gradient(70% 75%,#000 35%,#0000 65%)}.hero-stats{border-top:1px solid var(--border);gap:24px;margin-top:48px;padding-top:32px;animation:.6s ease-out .4s both fadeInUp;display:flex}.hero-stat{text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex:1;padding:16px 24px}.hero-stat-value{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;font-size:26px;font-weight:800}.hero-stat-label{color:var(--text-secondary);margin-top:4px;font-size:12px;font-weight:500}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.hero-split{grid-template-columns:1fr;gap:40px}.hero-title{font-size:36px}.hero-visual{order:-1}.hero-phone{width:260px;margin:0 auto}.hero-stats{flex-wrap:wrap;gap:24px}}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.feature-card{border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border);transition:all var(--transition-slow);padding:32px}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{background:var(--bg-secondary);width:56px;height:56px;color:var(--text-primary);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.feature-description{color:var(--text-secondary);font-size:15px;line-height:1.6}.pricing-toggle{justify-content:center;align-items:center;gap:12px;margin-bottom:48px;display:flex}.pricing-toggle-label{color:var(--text-secondary);font-size:15px;font-weight:500}.pricing-toggle-label.active{color:var(--text-primary);font-weight:600}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:24px;display:grid}.pricing-card{border-radius:var(--radius-xl);background:var(--bg-primary);border:1px solid var(--border);transition:all var(--transition-slow);padding:32px;position:relative}.pricing-card.featured{border-color:var(--blue);box-shadow:var(--shadow-blue)}.pricing-card.featured:before{content:"POPULAIRE";background:var(--blue);color:#fff;letter-spacing:.1em;border-radius:var(--radius-full);padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-name{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:600}.pricing-price{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:8px;font-size:48px;font-weight:800}.pricing-price span{color:var(--text-muted);font-size:16px;font-weight:500}.pricing-description{color:var(--text-muted);margin-bottom:24px;font-size:14px}.pricing-features{flex-direction:column;gap:12px;margin-bottom:32px;list-style:none;display:flex}.pricing-features li{color:var(--text-primary);align-items:center;gap:12px;font-size:15px;display:flex}.pricing-features li svg{color:var(--success);flex-shrink:0}.pricing-features li.disabled{color:var(--text-muted)}.pricing-features li.disabled svg{color:var(--border-strong)}.section{padding:96px 0}.section-header{text-align:center;margin-bottom:64px}.section-badge{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.section-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(32px,3vw,48px);font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:17px;line-height:1.6}.store-avatar{border-radius:var(--radius-full);border:3px solid var(--border);object-fit:cover;width:96px;height:96px;margin:0 auto 16px}.store-name{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.store-bio{color:var(--text-secondary);max-width:400px;margin-bottom:16px;margin-left:auto;margin-right:auto;font-size:15px;line-height:1.6}.store-socials{justify-content:center;gap:12px;display:flex}.store-social-link{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.store-social-link:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}@media (min-width:1024px){.store-grid{grid-template-columns:repeat(3,1fr);max-width:900px}}.store-products{flex-direction:column;gap:16px;max-width:640px;margin:0 auto;padding:0 16px;display:flex}.store-product-card{background:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;align-items:center;gap:16px;padding:16px;display:flex}.store-product-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.store-product-image{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:72px;height:72px}.store-product-info{flex:1;min-width:0}.store-product-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:600;overflow:hidden}.store-product-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.store-product-price{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;font-size:15px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.stat-label{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500}.stat-value{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;font-size:28px;font-weight:700}.stat-change{align-items:center;gap:4px;margin-top:8px;font-size:13px;font-weight:600;display:inline-flex}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.table-wrapper{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table{border-collapse:collapse;width:100%}.table thead tr{border-bottom:1px solid var(--border)}.table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:14px 16px;font-size:12px;font-weight:700}.table tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition-fast)}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background:var(--bg-secondary)}.table td{color:var(--text-primary);padding:14px 16px;font-size:14px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;z-index:var(--z-modal);box-shadow:var(--shadow-xl);animation:.25s ease-out scaleIn;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.modal-title{color:var(--text-primary);font-size:20px;font-weight:700}.modal-close{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:0 24px 24px}.modal-footer{justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.onboarding-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.onboarding-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-lg);padding:40px}.onboarding-stepper{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex;position:relative}.onboarding-stepper-line{background:var(--bg-tertiary);z-index:0;height:2px;position:absolute;top:18px;left:24px;right:24px}.onboarding-stepper-line-fill{background:var(--blue);border-radius:2px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.onboarding-stepper-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.onboarding-stepper-icon{border-radius:var(--radius-full);background:var(--bg-secondary);border:2px solid var(--border);width:36px;height:36px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.onboarding-stepper-step.active .onboarding-stepper-icon{background:var(--blue);border-color:var(--blue);color:#fff;transform:scale(1.1);box-shadow:0 0 0 4px #3b82f633}.onboarding-stepper-step.completed .onboarding-stepper-icon{background:var(--blue);border-color:var(--blue);color:#fff}.onboarding-stepper-label{color:var(--text-muted);text-align:center;max-width:80px;font-size:11px;font-weight:500;line-height:1.3;transition:color .3s}.onboarding-stepper-step.active .onboarding-stepper-label,.onboarding-stepper-step.completed .onboarding-stepper-label{color:var(--text-primary);font-weight:600}.onboarding-progress{gap:8px;margin-bottom:32px;display:flex}.onboarding-progress-step{border-radius:var(--radius-full);background:var(--bg-tertiary);height:4px;transition:background var(--transition-normal);flex:1}.onboarding-progress-step.active,.onboarding-progress-step.completed{background:var(--blue)}.onboarding-step-title{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:800}.onboarding-step-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:15px;line-height:1.6}.celebration-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative;overflow:hidden}.celebration-card{text-align:center;z-index:1;width:100%;max-width:480px;animation:.6s cubic-bezier(.34,1.56,.64,1) celebrate-pop;position:relative}@keyframes celebrate-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.celebration-emoji{margin-bottom:24px;font-size:72px;animation:1s ease-in-out infinite alternate celebration-bounce;display:inline-block}@keyframes celebration-bounce{0%{transform:translateY(0)rotate(-5deg)}to{transform:translateY(-12px)rotate(5deg)}}.celebration-title{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:900}.celebration-subtitle{color:var(--text-secondary);margin-bottom:32px;max-width:360px;margin-inline:auto;font-size:16px;line-height:1.7}.celebration-checklist{text-align:left;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;margin-bottom:32px;padding:20px;display:flex}.celebration-check-item{color:var(--text-primary);align-items:center;gap:12px;font-size:14px;animation:.4s ease-out backwards check-slide;display:flex}.celebration-check-item:first-child{animation-delay:.3s}.celebration-check-item:nth-child(2){animation-delay:.5s}.celebration-check-item:nth-child(3){animation-delay:.7s}.celebration-check-item:nth-child(4){animation-delay:.9s}.celebration-check-item:nth-child(5){animation-delay:1.1s}@keyframes check-slide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.celebration-check-icon{border-radius:var(--radius-full);color:#10b981;background:#10b98126;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.confetti{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.confetti-piece{border-radius:2px;width:10px;height:10px;animation:3s ease-in forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.setup-ring-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:20px;margin-bottom:24px;padding:24px;transition:all .3s;display:flex}.setup-ring-card:hover{border-color:var(--blue)}.setup-ring-wrapper{flex-shrink:0;width:64px;height:64px;position:relative}.setup-ring-svg{width:64px;height:64px;transform:rotate(-90deg)}.setup-ring-track{fill:none;stroke:var(--bg-tertiary);stroke-width:5px}.setup-ring-fill{fill:none;stroke:var(--blue);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.setup-ring-percent{color:var(--text-primary);justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex;position:absolute;inset:0}.setup-ring-content{flex:1}.setup-ring-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.setup-ring-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.5}.setup-ring-tasks{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.setup-ring-task{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-muted);align-items:center;gap:4px;padding:3px 10px;font-size:11px;transition:all .2s;display:flex}.setup-ring-task.done{color:#10b981;background:#10b9811a;border-color:#10b9814d;text-decoration:line-through}.setup-ring-task.next{color:var(--blue);cursor:pointer;background:#3b82f61a;border-color:#3b82f64d}.ctx-prompt{border-radius:var(--radius-md);color:var(--text-secondary);background:#3b82f614;border:1px solid #3b82f633;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:10px 16px;font-size:13px;animation:.4s ease-out ctx-prompt-enter;display:flex}@keyframes ctx-prompt-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ctx-prompt-icon{color:var(--blue);flex-shrink:0}.ctx-prompt-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px;display:flex}.ctx-prompt-dismiss:hover{color:var(--text-primary)}@media (max-width:640px){.onboarding-stepper-label{display:none}.onboarding-stepper-icon{width:32px;height:32px}.celebration-title{font-size:24px}.celebration-emoji{font-size:56px}.setup-ring-card{text-align:center;flex-direction:column}}.auth-page{color:#f5f5f5;background:#0a0a0a;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-panel{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.auth-card{width:100%;max-width:440px}.auth-logo{font-family:"Space Grotesk",var(--font-sans);color:#c8ff00;text-align:center;letter-spacing:4px;text-transform:uppercase;cursor:pointer;margin-bottom:40px;font-size:28px;font-weight:800;text-decoration:none;display:block}.auth-title{font-family:"Space Grotesk",var(--font-sans);color:#f5f5f5;text-align:center;margin-bottom:8px;font-size:28px;font-weight:800}.auth-subtitle{text-align:center;color:#999;margin-bottom:32px;font-size:15px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form .input-label{color:#999;text-transform:uppercase;letter-spacing:2px;font-family:Space Mono,monospace;font-size:11px}.auth-form .input{color:#f5f5f5;background:#151515;border:1px solid #333;border-radius:0;transition:border-color .3s}.auth-form .input:focus{border-color:#c8ff00;outline:none;box-shadow:0 0 0 1px #c8ff0033}.auth-form .input::placeholder{color:#555}.auth-divider{color:#555;text-transform:uppercase;letter-spacing:2px;align-items:center;gap:16px;margin:16px 0;font-family:Space Mono,monospace;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#333;flex:1;height:1px}.auth-social-btn{color:#f5f5f5;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #333;border-radius:0;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 24px;font-family:Space Mono,monospace;font-size:13px;font-weight:500;transition:all .3s;display:flex}.auth-social-btn:hover{color:#c8ff00;background:#151515;border-color:#c8ff00}.auth-page .btn-primary{color:#0a0a0a;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#c8ff00;border:none;border-radius:0;padding:16px;font-family:Space Mono,monospace;font-size:13px;font-weight:600;transition:all .3s}.auth-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c8ff004d}.auth-footer{text-align:center;color:#999;margin-top:24px;font-size:14px}.auth-footer a{color:#c8ff00;font-weight:500;transition:color .2s}.auth-footer a:hover{color:#dfff66}.auth-visual{background:#0f0f0f;border-left:1px solid #333;flex:1;justify-content:center;align-items:center;display:none;position:relative;overflow:hidden}.auth-visual.auth-visual-premium{background:#0f0f0f}.auth-visual-glow{pointer-events:none;filter:blur(120px);border-radius:50%;position:absolute}.auth-visual-glow-1{background:#c8ff0014;width:400px;height:400px;top:-100px;right:-80px}.auth-visual-glow-2{background:#c8ff000a;width:350px;height:350px;bottom:-80px;left:-60px}.auth-visual-content{z-index:1;width:100%;max-width:480px;padding:48px 40px;position:relative}.auth-visual-cards{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:40px;display:grid}.auth-visual-card{background:#c8ff0008;border:1px solid #333;border-radius:0;align-items:center;gap:12px;padding:16px;transition:all .3s;animation:.5s ease-out both authCardFadeIn;display:flex}.auth-visual-card:hover{background:#c8ff0014;border-color:#c8ff00;transform:translateY(-2px)}@keyframes authCardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-visual-card-icon{border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;color:#c8ff00!important;background:#c8ff001a!important}.auth-visual-card-title{font-family:"Space Grotesk",var(--font-sans);color:#f5f5f5;margin-bottom:2px;font-size:13px;font-weight:600}.auth-visual-card-desc{color:#777;font-size:11px}.auth-visual-headline{font-family:"Space Grotesk",var(--font-sans);letter-spacing:-.03em;color:#f5f5f5;background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;margin-bottom:12px;font-size:clamp(28px,2.8vw,36px);font-weight:900;line-height:1.15}.auth-visual-tagline{color:#999;margin-bottom:36px;font-size:16px;line-height:1.5}.auth-visual-stats{background:#c8ff0008;border:1px solid #333;border-radius:0;align-items:center;gap:20px;padding:20px 24px;display:flex}.auth-visual-stat{flex-direction:column;flex:1;align-items:center;display:flex}.auth-visual-stat-value{font-family:"Space Grotesk",var(--font-sans);color:#c8ff00;letter-spacing:-.02em;font-size:22px;font-weight:800}.auth-visual-stat-label{color:#777;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-family:Space Mono,monospace;font-size:11px}.auth-visual-stat-sep{background:#333;width:1px;height:32px}@media (min-width:1024px){.auth-visual{display:flex}}.cta-gradient-section{background:linear-gradient(135deg,#1e1b7a 0%,#312e81 25%,#3730a3 50%,#4338ca 75%,#4f46e5 100%)!important}.footer{background:var(--bg-dark);color:var(--text-on-dark);padding:64px 24px 32px}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;max-width:1200px;margin:0 auto;display:grid}.footer-brand{font-family:var(--font-sans);color:var(--text-on-dark);margin-bottom:16px;font-size:22px;font-weight:800}.footer-brand-desc{color:var(--text-on-dark-muted);max-width:280px;font-size:15px;line-height:1.6}.footer-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--text-on-dark-muted);margin-bottom:16px;font-size:13px;font-weight:700}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:var(--text-on-dark-muted);transition:color var(--transition-fast);font-size:14px}.footer-links a:hover{color:var(--text-on-dark)}.footer-bottom{color:var(--text-on-dark-muted);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;max-width:1200px;margin-top:48px;margin-left:auto;margin-right:auto;padding-top:24px;font-size:13px;display:flex}.empty-state{text-align:center;padding:64px 24px}.empty-state-icon{background:var(--blue-light);width:64px;height:64px;color:var(--blue-muted);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.empty-state-title{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.empty-state-description{color:var(--text-secondary);max-width:400px;margin:0 auto 24px;font-size:15px;line-height:1.6}.chart-container{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.chart-title{color:var(--text-primary);margin-bottom:20px;font-size:16px;font-weight:700}.toast-notification{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:12px;padding:16px 20px;animation:.3s forwards slideInRight;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--border)50%,var(--bg-tertiary)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.mobile-bottom-nav{border-top:1px solid var(--border);z-index:300;height:64px;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-item{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;padding:8px 12px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.mobile-bottom-nav-item.active{color:var(--blue)}.mobile-bottom-nav-item:hover{color:var(--text-primary)}@media (max-width:768px){.container{padding:0 16px}.hero{padding:64px 0 48px}.hero-title{font-size:40px}.hero-stats{gap:24px}.hero-actions{flex-direction:column;gap:12px}.hero-actions .btn{width:100%}.features-grid,.pricing-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr;gap:24px}.sidebar{transition:transform var(--transition-normal);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:16px 16px 80px}.section{padding:64px 0}.stats-grid{grid-template-columns:repeat(2,1fr)}.mobile-bottom-nav{display:flex}}@media (max-width:480px){.footer-content{grid-template-columns:1fr}.hero-stat-value{font-size:24px}.store-grid,.stats-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.spinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner-lg{border-width:3px;width:40px;height:40px}.page-loader{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.toast-custom{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;font-family:var(--font-sans)!important;box-shadow:var(--shadow-lg)!important}.page-title{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:15px}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.activity-feed{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:16px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.activity-icon.sale{background:var(--success-light);color:var(--success)}.activity-icon.booking{background:var(--blue-light);color:var(--blue)}.activity-icon.subscriber{background:var(--warning-light);color:var(--warning)}.activity-text{color:var(--text-primary);font-size:14px;line-height:1.5}.activity-time{color:var(--text-muted);margin-top:2px;font-size:12px}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:24px;display:flex}.tab{color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border-bottom:2px solid #0000;padding:12px 20px;font-size:14px;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--blue);font-weight:600}.filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.filter-chip{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-size:13px;font-weight:500}.filter-chip:hover{border-color:var(--border-strong)}.filter-chip.active{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:var(--blue);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-bar-fill.warning{background:var(--warning)}.progress-bar-fill.danger{background:var(--danger)}.topbar-icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.page-enter{animation:.3s forwards fadeIn}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:50ms}.stagger-3{animation-delay:.1s}.stagger-4{animation-delay:.15s}.toast{animation:.3s forwards slideInRight}.store-page{background:var(--bg-primary);min-height:100vh;padding-bottom:64px}.store-header{text-align:center;padding:40px 0 32px}.store-header .store-name{color:var(--text-primary);margin-top:12px;font-size:24px;font-weight:700}.store-header .store-bio{color:var(--text-secondary);max-width:400px;margin-top:8px;margin-left:auto;margin-right:auto;font-size:15px}.store-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:640px;margin:0 auto;padding:0 16px;display:grid}@media (min-width:1024px){.store-grid{grid-template-columns:repeat(3,1fr);max-width:900px}}.store-email-capture{background:var(--blue-light);border:1px solid var(--blue-lighter);border-radius:var(--radius-lg);text-align:center;max-width:640px;margin:32px auto 0;padding:24px}.product-card{background:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;overflow:hidden}.product-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-image{aspect-ratio:1;object-fit:cover;background:var(--bg-tertiary);width:100%}.product-body{padding:12px}.product-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.product-price{font-family:var(--font-mono);color:var(--text-primary);font-size:15px;font-weight:600}.autodm-layout{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);height:calc(100vh - 64px);display:flex;overflow:hidden}.conversations-list{border-right:1px solid var(--border);background:var(--bg-primary);width:320px;overflow-y:auto}.conversation-item{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:14px 16px;display:flex}.conversation-item:hover{background:var(--bg-secondary)}.conversation-item.active{background:var(--blue-light)}.messages-panel{background:var(--bg-primary);flex-direction:column;flex:1;display:flex}.message-bubble-sent{background:var(--blue);color:#fff;border-radius:16px 16px 4px;max-width:70%;margin-left:auto;padding:12px 16px;font-size:14px;line-height:1.5}.message-bubble-received{background:var(--bg-tertiary);color:var(--text-primary);border-radius:16px 16px 16px 4px;max-width:70%;padding:12px 16px;font-size:14px;line-height:1.5}.chart-primary{color:var(--blue-vivid)}.chart-area-fill{color:#dbeafe;opacity:.5}.chart-grid{color:var(--border)}.chart-axis-text{color:var(--text-muted);font-size:12px}.chart-tooltip{background:var(--bg-dark);color:#fff;border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.not-found-page{text-align:center;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.not-found-code{color:var(--blue);letter-spacing:-.04em;margin-bottom:16px;font-size:120px;font-weight:800;line-height:1}.not-found-title{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:700}.not-found-desc{color:var(--text-secondary);max-width:400px;margin-bottom:32px;font-size:16px;line-height:1.5}.store-powered-by{text-align:center;color:var(--text-muted);padding:32px 16px 24px;font-size:13px}.store-powered-by a{color:var(--blue);font-weight:500;text-decoration:none}.store-powered-by a:hover{text-decoration:underline}.download-page{text-align:center;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.download-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-md);padding:48px 40px}.hero.hero-gradient{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 25%,#4338ca 50%,#6366f1 75%,#818cf8 100%);position:relative;overflow:hidden}.hero.hero-gradient:before{content:"";pointer-events:none;background:radial-gradient(circle,#818cf84d,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-30%}.hero.hero-gradient:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f133,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-40%;left:-20%}.hero.hero-gradient .hero-title{color:#fff}.hero.hero-gradient .hero-subtitle{color:#fffc}.hero.hero-gradient .hero-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-color:#ffffff40}.hero.hero-gradient .hero-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-color:#fff3}.hero.hero-gradient .hero-stat-value{color:#fff}.hero.hero-gradient .hero-stat-label{color:#ffffffb3}.hero.hero-gradient .hero-stats{border-top-color:#ffffff26}.hero.hero-gradient .hero-phone{filter:drop-shadow(0 20px 40px #0000004d)}.hero.hero-gradient .btn-primary{color:#312e81;background:#fff;font-weight:700}.hero.hero-gradient .btn-primary:hover{color:#1e1b4b;background:#f0f0ff;box-shadow:0 8px 24px #ffffff40}.commission-section{background:var(--bg-primary)}.commission-highlight{text-align:center;max-width:720px;margin:0 auto}.commission-badge{background:var(--success-light);color:var(--success-text);border-radius:var(--radius-full);align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-flex}.commission-value{color:var(--text-primary);letter-spacing:-.04em;background:linear-gradient(135deg,#16a34a,#22c55e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(48px,6vw,80px);font-weight:900;line-height:1}.commission-desc{color:var(--text-secondary);max-width:560px;margin:0 auto 48px;font-size:18px;line-height:1.6}.commission-compare{justify-content:center;align-items:center;gap:24px;display:flex}.commission-compare-item{border-radius:var(--radius-xl);flex-direction:column;flex:1;align-items:center;max-width:280px;padding:32px 40px;display:flex}.commission-compare-item.bad{background:var(--danger-light);border:1px solid #dc262626}.commission-compare-item.good{background:var(--success-light);border:2px solid var(--success);box-shadow:0 4px 20px #16a34a26}.commission-compare-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600}.commission-compare-value{letter-spacing:-.03em;margin-bottom:4px;font-size:40px;font-weight:900}.commission-compare-item.bad .commission-compare-value{color:var(--danger)}.commission-compare-item.good .commission-compare-value{color:var(--success)}.commission-compare-sub{color:var(--text-muted);font-size:13px}.commission-compare-divider{justify-content:center;align-items:center;display:flex}.commission-compare-divider span{color:var(--text-muted);background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.price-compare-card{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border);max-width:640px;box-shadow:var(--shadow-lg);margin:0 auto;overflow:hidden}.price-compare-row{border-bottom:1px solid var(--border);transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.price-compare-row:hover{background:var(--bg-secondary)}.price-compare-left{align-items:center;gap:16px;display:flex}.price-compare-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.price-compare-name{color:var(--text-primary);font-size:15px;font-weight:600}.price-compare-replaces{color:var(--text-muted);margin-top:2px;font-size:12px}.price-compare-price{color:var(--text-secondary);font-size:16px;font-weight:700}.price-compare-total{background:var(--bg-secondary);padding:20px 32px}.price-compare-total-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.price-compare-total-row.old{color:var(--text-muted);font-size:14px}.price-compare-total-row.new{color:var(--text-primary);font-size:16px;font-weight:700}.price-compare-total-price.strikethrough{color:var(--danger);font-weight:600;text-decoration:line-through}.price-compare-total-price.highlight{color:var(--blue);font-size:24px;font-weight:900}.testimonials-section{background:var(--bg-primary)}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-normal);padding:32px;position:relative}.testimonial-card:hover{border-color:var(--blue-lighter);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.testimonial-stars{color:#f59e0b;gap:2px;margin-bottom:16px;display:flex}.testimonial-stars svg{fill:#f59e0b}.testimonial-text{color:var(--text-primary);margin-bottom:24px;font-size:15px;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--blue),#6366f1);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.testimonial-name{color:var(--text-primary);font-size:14px;font-weight:600}.testimonial-handle{color:var(--text-muted);font-size:13px}.section-purple-subtle{background:linear-gradient(#635bff08 0%,#635bff0f 100%)!important}.nocode-section{background:var(--bg-primary)}.nocode-split{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.nocode-visual{justify-content:center;display:flex}.nocode-phone{perspective:800px;width:280px}.nocode-phone-screen{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-xl);padding:20px}.nocode-phone-header{border-bottom:1px solid var(--border);gap:6px;margin-bottom:20px;padding-bottom:12px;display:flex}.nocode-phone-dot{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.nocode-phone-dot:first-child{background:#ff5f56}.nocode-phone-dot:nth-child(2){background:#ffbd2e}.nocode-phone-dot:nth-child(3){background:#27c93f}.nocode-phone-block{border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;font-size:14px;font-weight:500;display:flex}.nocode-phone-block:hover{border-color:var(--blue-muted);background:var(--blue-light);color:var(--blue)}.nocode-phone-block.active{border-color:var(--blue);background:var(--blue-light);color:var(--blue);box-shadow:var(--shadow-blue);border-style:solid}.nocode-content{max-width:480px}.integrations-split{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.integrations-logos{justify-content:center;align-items:center;display:flex}.integrations-orbit{grid-template-rows:repeat(2,72px);grid-template-columns:repeat(3,72px);gap:16px;display:grid;position:relative}.integration-logo{border-radius:var(--radius-lg);width:72px;height:72px;box-shadow:var(--shadow-md);transition:transform var(--transition-normal);justify-content:center;align-items:center;display:flex}.integration-logo:hover{transform:scale(1.1)translateY(-4px)}.integration-logo.center-logo{border-radius:var(--radius-xl);width:80px;height:80px;box-shadow:var(--shadow-lg),0 0 0 6px #2563eb26}.integrations-content{max-width:480px}.integrations-list{flex-direction:column;gap:12px;margin-top:28px;display:flex}.integration-item{color:var(--text-primary);align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.integration-item svg{color:var(--success);flex-shrink:0}@media (max-width:768px){.commission-compare{flex-direction:column;gap:16px}.commission-compare-item{width:100%;max-width:100%;padding:24px}.commission-compare-divider{transform:rotate(90deg)}.testimonials-grid{grid-template-columns:1fr;gap:16px}.nocode-split{grid-template-columns:1fr;gap:48px}.nocode-visual{order:-1}.nocode-content .section-title,.nocode-content .section-subtitle{text-align:center!important}.nocode-content{text-align:center;flex-direction:column;align-items:center;display:flex}.integrations-split{grid-template-columns:1fr;gap:48px}.integrations-content .section-title,.integrations-content .section-subtitle{text-align:center!important}.integrations-content{text-align:center;flex-direction:column;align-items:center;display:flex}.integrations-logos{order:-1}.price-compare-row{padding:14px 20px}.price-compare-total{padding:16px 20px}.price-compare-icon{display:none}}