.shoppex-mockup{--background:#17171a;--foreground:#ebebee;--card:#212126;--card-foreground:#ebebee;--primary:#8e54ff;--primary-foreground:#fafafa;--secondary:#28282e;--secondary-foreground:#e4e4e8;--muted:#28282e;--muted-foreground:#a7a7af;--accent:#28282e;--accent-foreground:#e4e4e8;--border:#323238;--input:#28282e;--ring:#8e54ff;--surface-0:#212126;--surface-1:#17171a;--surface-2:#1e1e22;--row-divider:#2b2b30;--switch-track-off:#3c3c43;--hover-input:#2d2d33;--bar-bg:#1e1e22;--badge-success-bg:#43a84c1f;--badge-success-fg:#6ed274;--mk-shadow-card:0 1px 2px #0000004d;--mk-radius:8px;--mk-radius-sm:4px;font-family:var(--font-geist), ui-sans-serif, system-ui, -apple-system, sans-serif;color:var(--foreground);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.011em}@supports (color:lab(0% 0 0)){.shoppex-mockup{--background:lab(7.72896% .612572 -2.15853);--foreground:lab(93.0055% .39199 -1.45702);--card:lab(12.9178% .948779 -3.23792);--card-foreground:lab(93.0055% .39199 -1.45702);--primary:lab(49.9319% 55.3726 -81.7289);--primary-foreground:lab(98.26% 0 0);--secondary:lab(16.3887% 1.05351 -3.59805);--secondary-foreground:lab(90.6768% .491291 -1.82035);--muted:lab(16.3887% 1.05351 -3.59805);--muted-foreground:lab(68.5742% 1.20994 -4.34917);--accent:lab(16.3887% 1.05351 -3.59805);--accent-foreground:lab(90.6768% .491291 -1.82035);--border:lab(21.0198% 1.15542 -3.95977);--input:lab(16.3887% 1.05351 -3.59805);--ring:lab(49.9319% 55.3726 -81.7289);--surface-0:lab(12.9178% .948779 -3.23792);--surface-1:lab(7.72896% .612572 -2.15853);--surface-2:lab(11.1774% .953659 -3.23528);--row-divider:lab(17.5489% 1.05062 -3.59964);--switch-track-off:lab(25.6509% 1.25749 -4.32137);--hover-input:lab(18.7091% 1.04789 -3.60113);--bar-bg:lab(11.1774% .953659 -3.23528);--badge-success-bg:lab(61.3221% -44.9349 37.663/.12);--badge-success-fg:lab(76.4344% -44.8513 36.877);--mk-shadow-card:0 1px 2px lab(0% 0 0/.3)}}
.shoppex-mockup .mk-edhead{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.shoppex-mockup .mk-edhead__left{align-items:flex-start;gap:12px;display:flex}.shoppex-mockup .mk-edhead__icon{background:var(--muted);width:40px;height:40px;color:var(--muted-foreground);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.shoppex-mockup .mk-edhead__icon svg{width:18px;height:18px}.shoppex-mockup .mk-edhead__breadcrumb{color:var(--muted-foreground);align-items:center;gap:6px;margin-bottom:2px;font-size:13px;display:flex}.shoppex-mockup .mk-edhead__breadcrumb svg{opacity:.6;width:12px;height:12px}.shoppex-mockup .mk-edhead__title{letter-spacing:-.018em;color:var(--foreground);align-items:center;gap:8px;font-size:20px;font-weight:600;line-height:1.2;display:flex}.shoppex-mockup .mk-edhead__dirty{background:#fda000;background:lab(74.0417% 30.1062 87.2944);border-radius:50%;width:8px;height:8px}.shoppex-mockup .mk-edhead__actions{flex-shrink:0;gap:8px;display:flex}.shoppex-mockup .mk-btn{cursor:pointer;letter-spacing:-.005em;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.shoppex-mockup .mk-btn--outline{background:var(--card);border:1px solid var(--border);color:var(--foreground);box-shadow:var(--mk-shadow-card)}.shoppex-mockup .mk-btn--outline:hover{background:var(--accent)}.shoppex-mockup .mk-btn--primary{background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);box-shadow:var(--mk-shadow-card)}.shoppex-mockup .mk-btn--primary:hover{background:#7f3cf2;background:lab(43.1812% 57.7045 -81.7266)}.shoppex-mockup .mk-btn svg{width:14px;height:14px}.shoppex-mockup .mk-ut{border-bottom:0;width:100%;padding:0 24px;display:flex;position:relative}.shoppex-mockup .mk-ut__tab{letter-spacing:-.008em;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:color .16s;display:inline-flex;position:relative}.shoppex-mockup .mk-ut__tab svg{width:16px;height:16px}.shoppex-mockup .mk-ut__tab[aria-selected=true],.shoppex-mockup .mk-ut__tab:hover{color:var(--foreground)}.shoppex-mockup .mk-ut__tab-line{background:#32323899;background:lab(21.0198% 1.15542 -3.95977/.6);border-radius:999px;height:2.5px;position:absolute;bottom:0;left:0;right:0}.shoppex-mockup .mk-ut__tab[aria-selected=true] .mk-ut__tab-line{background:0 0}.shoppex-mockup .mk-ut__indicator{background:var(--primary);z-index:1;pointer-events:none;border-radius:999px;height:2.5px;transition:left .2s cubic-bezier(.25,1,.5,1),width .2s cubic-bezier(.25,1,.5,1);position:absolute;bottom:0}.shoppex-mockup .mk-section{margin-top:22px}.shoppex-mockup .mk-section__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shoppex-mockup .mk-section__head-left{align-items:center;gap:10px;display:flex}.shoppex-mockup .mk-section__icon{background:var(--muted);width:28px;height:28px;color:var(--muted-foreground);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.shoppex-mockup .mk-section__icon svg{width:14px;height:14px}.shoppex-mockup .mk-section__title{color:var(--foreground);letter-spacing:-.008em;font-size:14px;font-weight:600}.shoppex-mockup .mk-section__desc{color:var(--muted-foreground);letter-spacing:-.005em;margin-top:1px;font-size:12px}.shoppex-mockup .mk-section__badge{background:var(--muted);font-variant-numeric:tabular-nums;height:20px;color:var(--muted-foreground);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.shoppex-mockup .mk-card{background:var(--card);color:var(--card-foreground);border-radius:var(--mk-radius);box-shadow:var(--mk-shadow-card);border:1px solid var(--border);padding:24px 0}.shoppex-mockup .mk-card__content{flex-direction:column;gap:20px;padding:0 24px;display:flex}.shoppex-mockup .mk-field{flex-direction:column;gap:8px;display:flex}.shoppex-mockup .mk-label{color:var(--foreground);letter-spacing:-.005em;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1;display:flex}.shoppex-mockup .mk-input{border-radius:var(--mk-radius);background:var(--input);width:100%;height:36px;color:var(--foreground);letter-spacing:-.005em;border:1px solid #0000;outline:none;padding:0 12px;font-family:inherit;font-size:14px;transition:background .14s,border-color .14s,box-shadow .14s;box-shadow:0 1px 2px #0000000a}.shoppex-mockup .mk-input::placeholder{color:var(--muted-foreground)}.shoppex-mockup .mk-input:hover{background:var(--hover-input)}.shoppex-mockup .mk-input:focus{background:var(--surface-0);border-color:#8e54ff99;border-color:lab(49.9319% 55.3726 -81.7289/.6);box-shadow:0 0 0 3px #8e54ff2e;box-shadow:0 0 0 3px lab(49.9319% 55.3726 -81.7289/.18)}.shoppex-mockup textarea.mk-input{resize:none;height:auto;min-height:80px;padding:10px 12px;line-height:1.5}.shoppex-mockup .mk-input--mono{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.shoppex-mockup .mk-input-wrap{position:relative}.shoppex-mockup .mk-input-wrap__prefix{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--muted-foreground);pointer-events:none;z-index:1;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.shoppex-mockup .mk-input-wrap--has-prefix .mk-input{padding-left:28px}.shoppex-mockup .mk-select{border-radius:var(--mk-radius);background:var(--input);width:100%;height:36px;color:var(--foreground);cursor:pointer;letter-spacing:-.005em;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:14px;transition:background .14s;display:flex;box-shadow:0 1px 2px #0000000a}.shoppex-mockup .mk-select:hover{background:var(--hover-input)}.shoppex-mockup .mk-select__chevron{width:16px;height:16px;color:var(--muted-foreground);opacity:.5;flex-shrink:0}.shoppex-mockup .mk-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.shoppex-mockup .mk-switch{background:var(--switch-track-off);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:32px;height:18px;padding:0;transition:background .2s;position:relative}.shoppex-mockup .mk-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.2,.7,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.shoppex-mockup .mk-switch[aria-checked=true]{background:var(--primary)}.shoppex-mockup .mk-switch[aria-checked=true]:after{transform:translate(14px)}.shoppex-mockup .mk-tile{border:1px solid var(--border);border-radius:var(--mk-radius);background:var(--surface-1);justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.shoppex-mockup .mk-tile__title{color:var(--foreground);letter-spacing:-.005em;font-size:14px;font-weight:500}.shoppex-mockup .mk-tile__sub{color:var(--muted-foreground);letter-spacing:-.003em;margin-top:2px;font-size:12px;line-height:1.4}.shoppex-mockup .mk-gw-group{flex-direction:column;gap:12px;display:flex}.shoppex-mockup .mk-gw-group__title{color:var(--foreground);letter-spacing:-.008em;font-size:14px;font-weight:600}.shoppex-mockup .mk-gw-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (min-width:640px){.shoppex-mockup .mk-gw-grid{grid-template-columns:1fr 1fr 1fr}}.shoppex-mockup .mk-gw-card{border:1px solid var(--border);border-radius:var(--mk-radius);background:var(--card);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:background .2s,border-color .2s;display:flex}.shoppex-mockup .mk-gw-card:hover{background:#212127;background:lab(12.898% 1.18041 -3.94642);border-color:#8e54ff66;border-color:lab(49.9319% 55.3726 -81.7289/.4)}.shoppex-mockup .mk-gw-card[aria-checked=true]{background:#8e54ff14;background:lab(49.9319% 55.3726 -81.7289/.08);border-color:#8e54ff80;border-color:lab(49.9319% 55.3726 -81.7289/.5)}.shoppex-mockup .mk-gw-icon-tile{flex-shrink:0;place-items:center;display:grid}.shoppex-mockup .mk-gw-card__name{color:var(--foreground);letter-spacing:-.005em;flex:1;font-size:14px;font-weight:500}.shoppex-mockup .mk-vartable{border:1px solid var(--border);border-radius:var(--mk-radius);background:var(--card);width:100%;overflow:hidden}.shoppex-mockup .mk-vartable__head{background:var(--surface-1);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);grid-template-columns:40px 1.6fr .9fr .7fr .9fr 100px;padding:10px 16px;font-size:11px;font-weight:500;display:grid}.shoppex-mockup .mk-vartable__head>:last-child{text-align:right}.shoppex-mockup .mk-vartable__row{border-bottom:1px solid var(--row-divider);color:var(--foreground);grid-template-columns:40px 1.6fr .9fr .7fr .9fr 100px;align-items:center;padding:12px 16px;font-size:13.5px;transition:background .14s;display:grid}.shoppex-mockup .mk-vartable__row:last-child{border-bottom:0}.shoppex-mockup .mk-vartable__row:hover{background:var(--surface-1)}.shoppex-mockup .mk-vartable__handle{color:var(--muted-foreground);cursor:grab;place-items:center;display:grid}.shoppex-mockup .mk-vartable__handle svg{width:14px;height:14px}.shoppex-mockup .mk-vartable__name{letter-spacing:-.005em;font-weight:500}.shoppex-mockup .mk-vartable__mono{font-family:var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;font-size:13px}.shoppex-mockup .mk-vartable__actions{opacity:0;justify-content:flex-end;align-items:center;gap:4px;transition:opacity .14s;display:flex}.shoppex-mockup .mk-vartable__row:hover .mk-vartable__actions{opacity:1}.shoppex-mockup .mk-icon-btn{width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;transition:background .12s,color .12s;display:grid}.shoppex-mockup .mk-icon-btn:hover{background:var(--accent);color:var(--foreground)}.shoppex-mockup .mk-icon-btn--danger:hover{color:#ff6568;color:lab(63.7053% 60.745 31.3109)}.shoppex-mockup .mk-icon-btn svg{width:14px;height:14px}.shoppex-mockup .mk-vartable__add{background:var(--secondary);color:var(--secondary-foreground);border-radius:var(--mk-radius);cursor:pointer;border:0;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .14s;display:inline-flex}.shoppex-mockup .mk-vartable__add:hover{background:var(--surface-2)}.shoppex-mockup .mk-vartable__add svg{width:14px;height:14px}.shoppex-mockup .mk-sk-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.shoppex-mockup .mk-sk-toolbar__search{flex:1;max-width:240px;position:relative}.shoppex-mockup .mk-sk-toolbar__search svg{width:14px;height:14px;color:var(--muted-foreground);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.shoppex-mockup .mk-sk-toolbar__search .mk-input{padding-left:34px}.shoppex-mockup .mk-sk-toolbar__actions{gap:6px;display:flex}.shoppex-mockup .mk-sktable{border:1px solid var(--border);border-radius:var(--mk-radius);background:var(--surface-0);overflow:hidden}.shoppex-mockup .mk-sktable__head{background:var(--surface-1);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.18em;color:var(--muted-foreground);grid-template-columns:28px 36px 1fr 88px 72px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:500;display:grid}.shoppex-mockup .mk-sktable__head>:first-child{text-align:right}.shoppex-mockup .mk-sktable__row{border-bottom:1px solid var(--row-divider);grid-template-columns:28px 36px 1fr 88px 72px;align-items:center;gap:8px;padding:10px 12px;transition:background .15s;display:grid}.shoppex-mockup .mk-sktable__row:last-child{border-bottom:0}.shoppex-mockup .mk-sktable__row:hover{background:var(--surface-1)}.shoppex-mockup .mk-sktable__num{text-align:right;font-family:var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:var(--muted-foreground);font-size:12px}.shoppex-mockup .mk-sktable__check{border:1px solid var(--border);background:var(--card);border-radius:4px;width:16px;height:16px;margin-left:auto}.shoppex-mockup .mk-sktable__serial{font-family:var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:var(--foreground);letter-spacing:-.01em;font-size:14px;font-weight:500}.shoppex-mockup .mk-sktable__row:hover .mk-sktable__serial{color:var(--primary)}.shoppex-mockup .mk-sktable__added{color:var(--muted-foreground);font-size:12px}.shoppex-mockup .mk-badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;height:18px;padding:0 6px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.shoppex-mockup .mk-badge--success{background:var(--badge-success-bg);color:var(--badge-success-fg)}.shoppex-mockup .mk-badge--secondary{background:var(--secondary);color:var(--secondary-foreground)}.shoppex-mockup .mk-type-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:640px){.shoppex-mockup .mk-type-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.shoppex-mockup .mk-type-grid{grid-template-columns:repeat(5,1fr)}}.shoppex-mockup .mk-type-card{border:2px solid var(--border);background:var(--card);cursor:pointer;text-align:left;border-radius:12px;outline:none;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;font-family:inherit;transition:all .2s;display:flex;position:relative}.shoppex-mockup .mk-type-card:hover{background:#8e54ff0d;background:lab(49.9319% 55.3726 -81.7289/.05);border-color:#8e54ff80;border-color:lab(49.9319% 55.3726 -81.7289/.5)}.shoppex-mockup .mk-type-card[aria-pressed=true]{border-color:var(--primary);background:#8e54ff1a;background:lab(49.9319% 55.3726 -81.7289/.1);box-shadow:0 0 0 2px #8e54ff33;box-shadow:0 0 0 2px lab(49.9319% 55.3726 -81.7289/.2)}.shoppex-mockup .mk-type-card__icon{background:var(--muted);width:40px;height:40px;color:var(--muted-foreground);border-radius:8px;place-items:center;transition:all .2s;display:grid}.shoppex-mockup .mk-type-card__icon svg{width:20px;height:20px}.shoppex-mockup .mk-type-card[aria-pressed=true] .mk-type-card__icon{background:var(--primary);color:var(--primary-foreground)}.shoppex-mockup .mk-type-card__title{color:var(--foreground);letter-spacing:-.008em;font-size:14px;font-weight:600;line-height:1.2}.shoppex-mockup .mk-type-card[aria-pressed=true] .mk-type-card__title{color:var(--primary)}.shoppex-mockup .mk-type-card__desc{color:var(--muted-foreground);margin-top:2px;font-size:12px;line-height:1.4}.shoppex-mockup .mk-type-card__dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite mk-pulse;position:absolute;top:12px;right:12px}@keyframes mk-pulse{0%,to{opacity:1}50%{opacity:.4}}.shoppex-mockup .mk-input-wrap__suffix{color:var(--muted-foreground);pointer-events:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.shoppex-mockup .mk-input-wrap--has-suffix .mk-input{padding-right:28px}.shoppex-mockup .mk-field__hint{color:var(--muted-foreground);letter-spacing:-.003em;font-size:12px}.shoppex-mockup .mk-label__info{width:14px;height:14px;color:var(--muted-foreground)}.shoppex-mockup .mk-gw-group__head{justify-content:space-between;align-items:center;display:flex}.shoppex-mockup .mk-gw-group__toggle-all{color:var(--muted-foreground);letter-spacing:-.003em;align-items:center;gap:8px;font-size:12px;display:inline-flex}.shoppex-mockup .mk-secret-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.shoppex-mockup .mk-secret-actions{gap:4px;display:inline-flex}.shoppex-mockup .mk-secret-btn{border:1px solid var(--border);background:var(--card);width:36px;height:36px;color:var(--muted-foreground);border-radius:var(--mk-radius);cursor:pointer;box-shadow:var(--mk-shadow-card);place-items:center;transition:background .12s,color .12s;display:grid}.shoppex-mockup .mk-secret-btn:hover{background:var(--accent);color:var(--foreground)}.shoppex-mockup .mk-secret-btn svg{width:14px;height:14px}.shoppex-mockup .mk-img-drop{border:2px dashed var(--border);color:var(--muted-foreground);cursor:pointer;text-align:center;background:#1a1a1e;background:lab(9.44685% .844047 -2.87778);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 16px;transition:border-color .14s,background .14s;display:flex}.shoppex-mockup .mk-img-drop:hover{background:#8e54ff0a;background:lab(49.9319% 55.3726 -81.7289/.04);border-color:#8e54ff66;border-color:lab(49.9319% 55.3726 -81.7289/.4)}.shoppex-mockup .mk-img-drop svg{width:28px;height:28px}.shoppex-mockup .mk-img-drop__title{color:var(--foreground);font-size:14px;font-weight:600}.shoppex-mockup .mk-img-drop__sub{font-size:12px}.shoppex-mockup .mk-img-thumbs{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.shoppex-mockup .mk-img-thumb{aspect-ratio:1;border:1px solid var(--border);background:linear-gradient(135deg,#2e2b3c,#1b1923);background:linear-gradient(135deg,lab(18.4601% 4.66816 -10.1435),lab(9.29637% 3.07553 -6.7776));border-radius:8px}.shoppex-mockup.mk-surface{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 1px #0006,0 12px 32px -8px #0000008c,0 30px 80px -20px #7c3aed2e}.shoppex-mockup .mk-tab-content{padding:0 24px 24px}@media (prefers-reduced-motion:reduce){.shoppex-mockup *{transition:none!important;animation:none!important}}.landing .va-mockup-section{max-width:1180px;margin:0 auto;padding:96px 32px}.landing .va-mockup-section__copy{text-align:center;max-width:720px;margin:0 auto 56px}.landing .va-mockup-section__title{letter-spacing:-.035em;color:#fff;margin:16px 0 12px;font-size:36px;font-weight:550;line-height:1.1}.landing .va-mockup-section__desc{color:#ffffffb3;margin:0;font-size:15px;line-height:1.6}.landing .va-mockup-section__desc strong{color:#fff;font-weight:500}.landing .va-mockup-section__frame{position:relative}.landing .va-mockup-section__mobile-fallback{display:none}@media (max-width:960px){.landing .va-mockup-section{padding:64px 20px}.landing .va-mockup-section__frame{display:none}.landing .va-mockup-section__mobile-fallback{border:1px solid #ffffff14;border-radius:12px;display:block;overflow:hidden}.landing .va-mockup-section__mobile-fallback img{width:100%;height:auto;display:block}}