:root{--color-background:#fafaf9;--color-foreground:#0c0a09;--color-muted:#f5f5f4;--color-muted-foreground:#57534e;--color-border:#e7e5e4;--color-accent:#0c0a09;--color-accent-foreground:#fafaf9;--color-ring:#0c0a09;--color-card:#ffffff;--color-card-foreground:#0c0a09;--color-popover:#ffffff;--color-popover-foreground:#0c0a09;--color-primary:#0c0a09;--color-primary-foreground:#fafaf9;--color-secondary:#f5f5f4;--color-secondary-foreground:#0c0a09;--color-destructive:#b91c1c;--color-destructive-foreground:#fafaf9;--color-input:#fafaf9;--space-px:1px;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-full:9999px;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans Thai",sans-serif;--font-display:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans Thai",sans-serif;--text-display-xl:clamp(2.25rem,5vw + 1rem,3.75rem);--leading-display-xl:1.05;--text-display-lg:clamp(1.875rem,3vw + 1rem,2.75rem);--leading-display-lg:1.1;--text-xl:1.25rem;--leading-xl:1.4;--text-lg:1.125rem;--leading-lg:1.5;--text-base:1rem;--leading-base:1.6;--text-sm:0.875rem;--leading-sm:1.5;--text-xs:0.75rem;--leading-xs:1.45;--max-content:72rem;--max-narrow:40rem;--grid-columns:12;--grid-gutter:var(--space-4)}@media (prefers-color-scheme:dark){:root{--color-background:#0c0a09;--color-foreground:#fafaf9;--color-muted:#1c1917;--color-muted-foreground:#a8a29e;--color-border:#292524;--color-accent:#fafaf9;--color-accent-foreground:#0c0a09;--color-ring:#fafaf9}}[data-theme=shopup]{--color-background:oklch(0.98 0.01 70);--color-foreground:oklch(0.15 0.02 250);--color-card:oklch(1 0 0);--color-card-foreground:oklch(0.15 0.02 250);--color-popover:oklch(1 0 0);--color-popover-foreground:oklch(0.15 0.02 250);--color-primary:oklch(0.58 0.22 40);--color-primary-foreground:oklch(1 0 0);--color-secondary:oklch(0.96 0.01 70);--color-secondary-foreground:oklch(0.15 0.02 250);--color-muted:oklch(0.92 0.01 70);--color-muted-foreground:oklch(0.55 0.02 250);--color-accent:oklch(0.58 0.22 40);--color-accent-foreground:oklch(1 0 0);--color-destructive:oklch(0.577 0.245 27.325);--color-destructive-foreground:oklch(1 0 0);--color-border:oklch(0.92 0.01 70);--color-input:oklch(0.97 0.01 70);--color-ring:oklch(0.58 0.22 40);--background:var(--color-background);--foreground:var(--color-foreground);--card:var(--color-card);--card-foreground:var(--color-card-foreground);--popover:var(--color-popover);--popover-foreground:var(--color-popover-foreground);--primary:var(--color-primary);--primary-foreground:var(--color-primary-foreground);--secondary:var(--color-secondary);--secondary-foreground:var(--color-secondary-foreground);--muted:var(--color-muted);--muted-foreground:var(--color-muted-foreground);--accent:var(--color-accent);--accent-foreground:var(--color-accent-foreground);--destructive:var(--color-destructive);--destructive-foreground:var(--color-destructive-foreground);--border:var(--color-border);--input:var(--color-input);--ring:var(--color-ring);--shopup-bg:#f5f1ed;--shopup-primary:#ff4d1c;--shopup-text:#1a1a1a;--shopup-muted:#6b6b6b;--shopup-surface:#ffffff;--shopup-border:#e5e0da;--shopup-gradient-start:#f5f1ed;--shopup-gradient-end:#efe8e0;font-size:16px}[data-theme=shopup] p{font-size:16px}[data-theme=shopup] .usage-packages p label{background-color:var(--accent);border-radius:10px;width:-moz-fit-content;width:fit-content;margin-bottom:6px;margin-right:6px;padding:0 10px;display:block;color:#fff}[data-theme=shopup] .pkg-item .period-packages{color:var(--accent)}[data-theme=shopup] .pkg-item.bg-accent .usage-packages p label{background:#000}[data-theme=shopup] .pkg-item.bg-accent .period-packages{color:#fff}[data-theme=shopup] .pkg-item{position:relative;padding-bottom:60px}[data-theme=shopup] .popular-package{position:absolute;top:-10px;right:20px;box-shadow:0 0 10px rgba(51,51,51,.28)}[data-theme=shopup] .btn-pkg{position:absolute;bottom:20px;left:30px;width:calc(100% - 60px)}@keyframes shopup-clients-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}[data-theme=shopup] .clients-marquee-track{animation:shopup-clients-marquee 80s linear infinite;will-change:transform}[data-theme=shopup] .clients-marquee-track:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){[data-theme=shopup] .clients-marquee-track{animation:none;transform:none}}[data-theme=shopup] .clients-item{margin:0 30px}[data-theme=shopup] .clients-logo{display:block;max-width:100%;max-height:100%;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}[data-theme=shopup] .process-item:after,[data-theme=shopup] .process-item:before{content:"";background-color:var(--primary);z-index:-1;opacity:.5;width:50%;height:1px;position:absolute;top:48px}[data-theme=shopup] .process-item:before{left:0}[data-theme=shopup] .process-item:after{right:0}[data-theme=shopup] .process-item:first-child:before,[data-theme=shopup] .process-item:last-child:after{display:none}[data-theme=shopup] .bg-gradient{background:#f9711b;background:linear-gradient(173deg,rgba(249,113,27,1),rgba(224,28,25,1))}[data-theme=shopup] footer .img-qrcode{width:150px;float:left;margin-right:30px}[data-theme=shopup] h1,[data-theme=shopup] h2,[data-theme=shopup] h3{font-family:var(--font-display)}[data-theme=shopup] .text-foreground\/70{color:color-mix(in srgb,var(--color-foreground) 70%,transparent)}[data-theme=shopup] .text-foreground\/60{color:color-mix(in srgb,var(--color-foreground) 60%,transparent)}[data-theme=shopup] .bg-accent\/5{background-color:color-mix(in srgb,var(--color-accent) 5%,transparent)}[data-theme=shopup] .bg-accent\/10{background-color:color-mix(in srgb,var(--color-accent) 10%,transparent)}[data-theme=shopup] .bg-accent\/20{background-color:color-mix(in srgb,var(--color-accent) 20%,transparent)}[data-theme=shopup] .border-accent\/20{border-color:color-mix(in srgb,var(--color-accent) 20%,transparent)}[data-theme=shopup] .bg-primary\/5{background-color:color-mix(in srgb,var(--color-primary) 5%,transparent)}[data-theme=shopup] .bg-primary\/10{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}[data-theme=shopup] .bg-primary\/15{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent)}[data-theme=shopup] .bg-muted\/40{background-color:color-mix(in srgb,var(--color-muted) 40%,transparent)}[data-theme=shopup] .bg-muted\/50{background-color:color-mix(in srgb,var(--color-muted) 50%,transparent)}[data-theme=shopup] .bg-white\/95{background-color:color-mix(in srgb,#ffffff 95%,transparent)}[data-theme=shopup] .packages-page{--packages-border-soft:color-mix(in srgb,var(--shopup-border) 78%,white 22%);--packages-border-strong:color-mix(in srgb,var(--shopup-border) 88%,var(--shopup-text) 12%);--packages-muted:color-mix(in srgb,var(--shopup-text) 74%,white 26%);--packages-faint:color-mix(in srgb,var(--shopup-text) 58%,white 42%);--packages-surface:color-mix(in srgb,white 88%,transparent);--packages-surface-strong:color-mix(in srgb,white 94%,transparent);--packages-shadow:0 24px 84px -58px rgba(26,26,26,0.22);--packages-shadow-strong:0 32px 96px -60px rgba(255,77,28,0.26);--packages-accent-soft:color-mix(in srgb,var(--shopup-primary) 10%,white 90%);--packages-accent-border:color-mix(in srgb,var(--shopup-primary) 18%,white 82%);--packages-option-border:color-mix(in srgb,var(--shopup-primary) 14%,white 86%);--packages-option-strong:color-mix(in srgb,var(--shopup-primary) 24%,white 76%)}[data-theme=shopup] .packages-page .packages-muted{color:var(--packages-muted)}[data-theme=shopup] .packages-page .packages-chip,[data-theme=shopup] .packages-page .packages-eyebrow{background:var(--packages-accent-soft);border:1px solid var(--packages-accent-border);color:var(--shopup-primary)}[data-theme=shopup] .packages-page .packages-section-label{color:var(--shopup-primary);letter-spacing:.24em;text-transform:uppercase;font-size:.82rem;font-weight:700}[data-theme=shopup] .packages-page .packages-card,[data-theme=shopup] .packages-page .packages-cta,[data-theme=shopup] .packages-page .packages-faq,[data-theme=shopup] .packages-page .packages-note,[data-theme=shopup] .packages-page .packages-option-card,[data-theme=shopup] .packages-page .packages-surface-card{background:var(--packages-surface);border:1px solid var(--packages-border-soft);box-shadow:0 16px 44px -36px rgba(26,26,26,.22)}[data-theme=shopup] .packages-page .packages-button,[data-theme=shopup] .packages-page .packages-card,[data-theme=shopup] .packages-page .packages-faq,[data-theme=shopup] .packages-page .packages-option-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}[data-theme=shopup] .packages-page .packages-card:hover,[data-theme=shopup] .packages-page .packages-faq:hover,[data-theme=shopup] .packages-page .packages-option-card:hover{transform:translateY(-2px)}[data-theme=shopup] .packages-page .packages-card--featured{background:linear-gradient(180deg,color-mix(in srgb,white 92%,var(--shopup-primary) 8%) 0,#ffffff 100%);border-color:var(--packages-accent-border);box-shadow:var(--packages-shadow-strong)}[data-theme=shopup] .packages-page .packages-option-card{background:linear-gradient(180deg,color-mix(in srgb,white 96%,var(--shopup-primary) 4%) 0,#ffffff 100%);border-color:var(--packages-option-border)}[data-theme=shopup] .packages-page .packages-option-card--featured{border-color:var(--packages-option-strong);box-shadow:var(--packages-shadow-strong)}[data-theme=shopup] .packages-page .packages-option-card--amber{background:linear-gradient(180deg,color-mix(in srgb,white 94%,var(--shopup-primary) 6%) 0,#ffffff 100%);border-color:color-mix(in srgb,var(--shopup-primary) 20%,var(--shopup-text) 8%)}[data-theme=shopup] .packages-page .packages-badge{background:color-mix(in srgb,var(--shopup-primary) 14%,white 86%);border:1px solid var(--packages-accent-border);color:var(--shopup-primary)}[data-theme=shopup] .packages-page .packages-price-panel{background:color-mix(in srgb,white 94%,var(--shopup-primary) 6%);border:1px solid var(--packages-accent-border)}[data-theme=shopup] .packages-page .packages-option-promo,[data-theme=shopup] .packages-page .packages-price-cell,[data-theme=shopup] .packages-page .packages-renewal-row{background:color-mix(in srgb,white 92%,transparent);border:1px solid var(--packages-border-soft)}[data-theme=shopup] .packages-page .packages-price-row{background:color-mix(in srgb,white 90%,transparent);border:1px solid var(--packages-border-soft)}[data-theme=shopup] .packages-page .packages-option-promo{border-color:var(--packages-option-border)}[data-theme=shopup] .packages-page .packages-option-meta{border-top:1px solid var(--packages-border-soft);padding-top:1rem}[data-theme=shopup] .packages-page .packages-option-points{border-top:1px dashed var(--packages-border-soft);padding-top:1rem}[data-theme=shopup] .packages-page .packages-check{background:color-mix(in srgb,var(--shopup-primary) 12%,white 88%);color:var(--shopup-primary)}[data-theme=shopup] .packages-page .packages-note{background:color-mix(in srgb,white 94%,var(--shopup-primary) 6%)}[data-theme=shopup] .packages-page .packages-price-strike{color:color-mix(in srgb,var(--shopup-primary) 92%,var(--shopup-text) 8%);text-decoration:line-through;text-decoration-thickness:.18rem;text-decoration-color:color-mix(in srgb,var(--shopup-primary) 88%,transparent)}[data-theme=shopup] .packages-page .packages-ssl-badge{background:color-mix(in srgb,var(--shopup-primary) 12%,white 88%);border:1px solid var(--packages-accent-border);color:var(--shopup-primary)}[data-theme=shopup] .packages-page .packages-button{border:1px solid transparent}[data-theme=shopup] .packages-page .packages-button:hover{transform:translateY(-1px)}[data-theme=shopup] .packages-page .packages-button--primary{background:var(--shopup-primary);color:#ffffff;box-shadow:0 18px 36px -24px rgba(255,77,28,.55)}[data-theme=shopup] .packages-page .packages-button--primary:hover{background:color-mix(in srgb,var(--shopup-primary) 90%,black 10%)}[data-theme=shopup] .packages-page .packages-button--secondary{background:color-mix(in srgb,white 90%,transparent);border-color:var(--packages-accent-border);color:var(--shopup-primary)}[data-theme=shopup] .packages-page .packages-button--secondary:hover{background:color-mix(in srgb,var(--shopup-primary) 8%,white 92%)}[data-theme=shopup] .packages-page .packages-faq[open]{border-color:var(--packages-accent-border);background:color-mix(in srgb,white 95%,var(--shopup-primary) 5%)}[data-theme=shopup] .packages-page .packages-faq summary::-webkit-details-marker{display:none}[data-theme=shopup] .packages-page .packages-cta{background:linear-gradient(180deg,color-mix(in srgb,white 92%,var(--shopup-primary) 8%) 0,color-mix(in srgb,white 98%,var(--shopup-primary) 2%) 100%);border-color:var(--packages-accent-border);box-shadow:var(--packages-shadow-strong)}@media (prefers-reduced-motion:reduce){[data-theme=shopup] .packages-page .packages-button,[data-theme=shopup] .packages-page .packages-card,[data-theme=shopup] .packages-page .packages-faq,[data-theme=shopup] .packages-page .packages-option-card{transition:none}[data-theme=shopup] .packages-page .packages-button:hover,[data-theme=shopup] .packages-page .packages-card:hover,[data-theme=shopup] .packages-page .packages-faq:hover,[data-theme=shopup] .packages-page .packages-option-card:hover{transform:none}}[data-theme=shopup] .payment-page{--payment-border-soft:color-mix(in srgb,var(--shopup-border) 78%,white 22%);--payment-border-strong:color-mix(in srgb,var(--shopup-border) 88%,var(--shopup-text) 12%);--payment-muted-text:color-mix(in srgb,var(--shopup-text) 72%,white 28%);--payment-faint-text:color-mix(in srgb,var(--shopup-text) 56%,white 44%);--payment-glass:color-mix(in srgb,white 82%,transparent);--payment-card-shadow:0 24px 80px -56px rgba(26,26,26,0.26);--payment-card-shadow-hover:0 32px 90px -58px rgba(26,26,26,0.3);--payment-accent-soft:color-mix(in srgb,var(--shopup-primary) 8%,white 92%);--payment-accent-border:color-mix(in srgb,var(--shopup-primary) 18%,white 82%)}[data-theme=shopup] .payment-page .payment-section-label{color:var(--shopup-primary);letter-spacing:.24em;text-transform:uppercase}[data-theme=shopup] .payment-page .payment-muted-copy{color:var(--payment-muted-text)}[data-theme=shopup] .payment-page .payment-faint-copy{color:var(--payment-faint-text)}[data-theme=shopup] .payment-page .payment-card{background:var(--shopup-surface);border:1px solid var(--payment-border-soft);box-shadow:var(--payment-card-shadow)}[data-theme=shopup] .payment-page .payment-card--hover:hover{box-shadow:var(--payment-card-shadow-hover)}[data-theme=shopup] .payment-page .payment-card--accent{background:linear-gradient(180deg,color-mix(in srgb,white 94%,var(--shopup-primary) 6%) 0,#ffffff 100%);border-color:var(--payment-accent-border)}[data-theme=shopup] .payment-page .payment-card--soft{background:color-mix(in srgb,white 84%,transparent)}[data-theme=shopup] .payment-page .payment-pill{background:var(--payment-glass);border:1px solid var(--payment-border-soft);color:var(--payment-muted-text)}[data-theme=shopup] .payment-page .payment-badge{background:var(--payment-accent-soft);border:1px solid var(--payment-accent-border);color:var(--shopup-primary)}[data-theme=shopup] .payment-page .payment-methods-grid{align-items:start}[data-theme=shopup] .payment-page .payment-method-card{min-height:0;padding:clamp(1.75rem,2vw,2.25rem)}[data-theme=shopup] .payment-page .payment-method-card h3{font-size:clamp(2rem,1.55rem + .9vw,2.65rem);line-height:1.06;letter-spacing:-.035em}[data-theme=shopup] .payment-page .payment-method-card p{max-width:24ch;font-size:clamp(1rem,.94rem + .15vw,1.08rem);line-height:1.62;color:var(--payment-muted-text)}[data-theme=shopup] .payment-page .payment-support-title{font-size:clamp(2.2rem,1.4rem + 2vw,3.5rem);line-height:1.02;letter-spacing:-.04em}[data-theme=shopup] .payment-page .payment-cta-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:stretch}[data-theme=shopup] .payment-page .payment-cta-button{min-height:3.9rem;min-width:13.5rem;padding-inline:2rem;font-size:1.05rem;line-height:1;letter-spacing:-.02em;white-space:nowrap}[data-theme=shopup] .payment-page .payment-cta-button svg{flex-shrink:0}[data-theme=shopup] .payment-page .payment-cta-button--primary{background:var(--shopup-primary);color:#fff}[data-theme=shopup] .payment-page .payment-cta-button--secondary{border:1px solid var(--shopup-primary);color:var(--shopup-primary);background:transparent}[data-theme=shopup] .payment-page .payment-glass-note{background:var(--payment-glass);border:1px solid var(--payment-border-soft)}[data-theme=shopup] .payment-page .payment-form-input{border:1px solid var(--payment-border-soft);background:var(--shopup-surface);color:var(--shopup-text)}[data-theme=shopup] .payment-page .payment-form-input::-moz-placeholder{color:var(--payment-faint-text)}[data-theme=shopup] .payment-page .payment-form-input::placeholder{color:var(--payment-faint-text)}[data-theme=shopup] .payment-page .payment-form-upload{background:color-mix(in srgb,var(--shopup-bg) 48%,white 52%);border:1px dashed var(--payment-border-strong)}[data-theme=shopup] .payment-page .payment-status-error{border:1px solid color-mix(in srgb,#dc2626 18%,white 82%);background:color-mix(in srgb,#dc2626 6%,white 94%);color:#b91c1c}@media (max-width:640px){[data-theme=shopup] .payment-page .payment-cta-actions{flex-direction:column}[data-theme=shopup] .payment-page .payment-cta-button{width:100%;justify-content:center;min-width:0}[data-theme=shopup] .payment-page .payment-method-card h3{font-size:1.8rem}}[data-theme=shopup] .contact-page{--contact-border-soft:color-mix(in srgb,var(--shopup-border) 78%,white 22%);--contact-border-strong:color-mix(in srgb,var(--shopup-border) 88%,var(--shopup-text) 12%);--contact-muted-text:color-mix(in srgb,var(--shopup-text) 72%,white 28%);--contact-faint-text:color-mix(in srgb,var(--shopup-text) 56%,white 44%);--contact-glass:color-mix(in srgb,white 82%,transparent);--contact-shadow:0 24px 80px -56px rgba(26,26,26,0.24);--contact-accent-soft:color-mix(in srgb,var(--shopup-primary) 8%,white 92%);--contact-accent-border:color-mix(in srgb,var(--shopup-primary) 18%,white 82%)}[data-theme=shopup] .contact-page .contact-card{background:var(--shopup-surface);border:1px solid var(--contact-border-soft);box-shadow:var(--contact-shadow)}[data-theme=shopup] .contact-page .contact-card--accent{background:linear-gradient(180deg,color-mix(in srgb,white 94%,var(--shopup-primary) 6%) 0,#ffffff 100%);border-color:var(--contact-accent-border)}[data-theme=shopup] .contact-page .contact-pill{background:var(--contact-glass);border:1px solid var(--contact-border-soft);color:var(--contact-muted-text)}[data-theme=shopup] .contact-page .contact-badge{background:var(--contact-accent-soft);border:1px solid var(--contact-accent-border);color:var(--shopup-primary)}[data-theme=shopup] .contact-page .contact-label{color:var(--shopup-primary);letter-spacing:.24em;text-transform:uppercase}[data-theme=shopup] .contact-page .contact-muted{color:var(--contact-muted-text)}[data-theme=shopup] .contact-page .contact-faint{color:var(--contact-faint-text)}[data-theme=shopup] .contact-page .contact-input{width:100%;border:1px solid var(--contact-border-soft);background:var(--shopup-surface);color:var(--shopup-text)}[data-theme=shopup] .contact-page .contact-input::-moz-placeholder{color:var(--contact-faint-text)}[data-theme=shopup] .contact-page .contact-input::placeholder{color:var(--contact-faint-text)}[data-theme=shopup] .contact-page .contact-input:focus{border-color:var(--shopup-primary);outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--shopup-primary) 10%,transparent)}[data-theme=shopup] .contact-page .contact-cta{min-height:3.6rem;min-width:12rem;padding-inline:1.75rem;white-space:nowrap}[data-theme=shopup] .contact-page .contact-cta--primary{background:var(--shopup-primary);color:#fff}[data-theme=shopup] .contact-page .contact-cta--secondary{background:transparent;border:1px solid var(--shopup-primary);color:var(--shopup-primary)}@media (max-width:640px){[data-theme=shopup] .contact-page .contact-cta{width:100%;min-width:0;justify-content:center}}