:root{--bg-body:#f1f5f9;--bg-surface:#fff;--bg-card:#fff;--bg-card-subtle:#f8fafc;--bg-card-hover:#f1f5f9;--bg-input:#fff;--bg-overlay:#0f172a80;--bg-glass:#ffffffeb;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#818cf8;--primary-soft:#6366f114;--primary-glow:#6366f133;--primary-border:#6366f140;--success:#16a34a;--success-soft:#16a34a14;--warning:#d97706;--warning-soft:#d9770614;--danger:#dc2626;--danger-soft:#dc262614;--info:#2563eb;--info-soft:#2563eb14;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-dim:#94a3b8;--text-white:#fff;--border-light:1px solid #e2e8f0;--border-subtle:1px solid #edf2f7;--border-medium:1px solid #cbd5e1;--border-focus:1px solid #6366f180;--font-sans:"Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", Menlo, monospace;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-card:0 4px 16px -2px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-card-hover:0 12px 30px -4px #0f172a1a, 0 4px 8px -2px #0f172a0f;--shadow-terminal:0 20px 45px -10px #0f172a1f, 0 0 0 1px #0f172a0f;--shadow-glow:0 0 25px #6366f12e;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--container-max:1240px;--nav-height:60px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-body);color:var(--text-main);font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;line-height:1.55;overflow-x:hidden}.bg-grid-ambient{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0f172a09 1px,#0000 1px),linear-gradient(#0f172a09 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 15%,#000 45%,#0000 85%);mask-image:radial-gradient(circle at 50% 15%,#000 45%,#0000 85%)}.ambient-spotlight{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(#6366f114 0%,#6366f105 50%,#0000 75%);width:90%;max-width:1000px;height:400px;position:fixed;top:-120px;left:50%;transform:translate(-50%)}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.02em;font-weight:700;line-height:1.25}p{color:var(--text-secondary);font-size:.95rem;font-weight:400}.mono{font-family:var(--font-mono);letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.container{width:100%;max-width:var(--container-max);z-index:1;margin:0 auto;padding:0 16px;position:relative}@media (width>=640px){.container{padding:0 24px}}section[id]{scroll-margin-top:calc(var(--nav-height) + 24px)}.navbar-wrapper{width:100%;height:var(--nav-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-bottom:var(--border-light);z-index:100;align-items:center;display:flex;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.brand-group{align-items:center;gap:10px;display:flex}.brand-logo-box{border-radius:var(--radius-md);width:34px;height:34px;box-shadow:0 2px 8px var(--primary-glow);background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);justify-content:center;align-items:center;display:flex}.brand-text{color:var(--text-main);letter-spacing:-.03em;align-items:center;gap:6px;font-size:1.15rem;font-weight:800;display:flex}.brand-version-badge{font-family:var(--font-mono);border-radius:var(--radius-full);background:var(--bg-body);border:var(--border-light);color:var(--text-muted);padding:2px 6px;font-size:.68rem;font-weight:600}.nav-links{align-items:center;gap:22px;display:none}@media (width>=960px){.nav-links{display:flex}}.nav-link{color:var(--text-secondary);font-size:.88rem;font-weight:500;transition:color .15s}.nav-link:hover{color:var(--primary)}.nav-actions{align-items:center;gap:8px;display:flex}@media (width>=640px){.nav-actions{gap:12px}}.btn-lang-toggle{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-surface);border:var(--border-light);color:var(--text-secondary);align-items:center;gap:5px;padding:6px 10px;font-size:.74rem;font-weight:600;transition:all .2s;display:flex}.btn-lang-toggle:hover{background:var(--bg-card-hover);color:var(--text-main);border-color:var(--primary)}.btn-ghost{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:.84rem;font-weight:500;transition:all .15s;display:none}@media (width>=640px){.btn-ghost{display:inline-flex}}.btn-ghost:hover{color:var(--primary)}.btn-mobile-menu-toggle{border-radius:var(--radius-sm);background:var(--bg-surface);border:var(--border-light);width:34px;height:34px;color:var(--text-main);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-mobile-menu-toggle:hover{background:var(--bg-card-hover);color:var(--primary);border-color:var(--primary)}@media (width>=960px){.btn-mobile-menu-toggle{display:none}}.mobile-nav-drawer{top:var(--nav-height);background:var(--bg-surface);border-bottom:2px solid var(--border-medium);z-index:99;flex-direction:column;gap:16px;padding:16px 20px 24px;animation:.22s cubic-bezier(.16,1,.3,1) nav-drawer-slide;display:flex;position:absolute;left:0;right:0;box-shadow:0 20px 45px -10px #0f172a26}@keyframes nav-drawer-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{flex-direction:column;gap:4px;display:flex}.mobile-nav-link{border-radius:var(--radius-sm);color:var(--text-main);padding:10px 14px;font-size:.94rem;font-weight:600;transition:all .15s;display:block}.mobile-nav-link:hover,.mobile-nav-link:active{background:var(--bg-card-subtle);color:var(--primary)}.mobile-nav-footer{border-top:var(--border-light);flex-direction:column;gap:10px;padding-top:14px;display:flex}.btn-primary{border-radius:var(--radius-md);background:var(--primary);color:#fff;border:1px solid var(--primary-hover);box-shadow:0 1px 3px #00000014, 0 2px 8px var(--primary-glow);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}@media (width>=640px){.btn-primary{padding:8px 18px;font-size:.88rem}}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.btn-primary-lg{border-radius:var(--radius-md);padding:11px 22px;font-size:.94rem}.btn-secondary{border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-main);border:var(--border-light);box-shadow:var(--shadow-xs);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.84rem;font-weight:500;transition:all .2s;display:inline-flex}@media (width>=640px){.btn-secondary{padding:8px 18px;font-size:.88rem}}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-1px)}.btn-secondary-lg{border-radius:var(--radius-md);padding:11px 22px;font-size:.94rem}.announcement-badge{border-radius:var(--radius-full);background:var(--bg-surface);border:var(--border-light);box-shadow:var(--shadow-xs);color:var(--text-secondary);align-items:center;gap:8px;max-width:100%;margin-bottom:20px;padding:5px 12px;font-size:.76rem;font-weight:500;display:inline-flex}.status-pulse-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;position:relative}.status-pulse-dot:after{content:"";border:1px solid var(--success);border-radius:50%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:-2px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.9)}70%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}.hero-section{text-align:center;padding:36px 0 54px;position:relative}@media (width>=768px){.hero-section{padding:56px 0 72px}}.hero-title{letter-spacing:-.03em;max-width:920px;margin-bottom:16px;margin-left:auto;margin-right:auto;font-size:clamp(1.85rem,4.5vw,3.4rem);font-weight:800;line-height:1.18}.hero-title-gradient{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:740px;margin:0 auto 30px;font-size:clamp(.92rem,1.8vw,1.15rem);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:36px;display:flex}@media (width>=640px){.hero-actions{gap:14px;margin-bottom:44px}}.hero-trust-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:900px;margin:0 auto 40px;display:grid}@media (width>=768px){.hero-trust-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:56px}}.hero-trust-item{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:left;padding:12px 14px}.trust-item-value{font-family:var(--font-mono);color:var(--text-main);font-size:1.3rem;font-weight:800;line-height:1.2}@media (width>=640px){.trust-item-value{font-size:1.45rem}}.trust-item-label{color:var(--text-muted);margin-top:3px;font-size:.74rem;line-height:1.3}.terminal-window{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-terminal);text-align:left;max-width:1180px;margin:0 auto;position:relative;overflow:hidden}.terminal-titlebar{border-bottom:var(--border-light);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;height:auto;min-height:42px;padding:8px 12px;display:flex}@media (width>=640px){.terminal-titlebar{padding:0 16px}}.terminal-titlebar-left{align-items:center;gap:12px;display:flex;overflow:hidden}.window-dots{align-items:center;gap:6px;display:flex}.window-dot{border-radius:50%;width:9px;height:9px}.window-dot.close{background:#ef4444}.window-dot.min{background:#f59e0b}.window-dot.max{background:#10b981}.terminal-meta-tag{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.72rem;display:flex;overflow:hidden}.terminal-titlebar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.terminal-badge{border-radius:var(--radius-xs);background:var(--bg-surface);border:var(--border-light);font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;display:inline-flex}.badge-online{background:var(--success-soft);color:var(--success);border-color:#16a34a33}.pos-terminal-body{background:var(--bg-surface);flex-direction:column;display:flex}@media (width>=992px){.pos-terminal-body{grid-template-columns:210px 1fr 330px;min-height:480px;display:grid}}.terminal-nav-col{border-bottom:var(--border-light);background:#f8fafc;flex-direction:column;justify-content:space-between;padding:12px;display:flex}@media (width>=992px){.terminal-nav-col{border-bottom:none;border-right:var(--border-light)}}.terminal-col-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:.7rem;font-weight:700}.terminal-category-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.terminal-category-list::-webkit-scrollbar{display:none}@media (width>=992px){.terminal-category-list{flex-direction:column;gap:4px}}.terminal-cat-btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-surface);border:var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}@media (width>=992px){.terminal-cat-btn{width:100%;padding:8px 12px;font-size:.82rem}}.terminal-cat-btn:hover{background:var(--bg-card-hover);color:var(--text-main)}.terminal-cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary-hover)}.cat-count{font-family:var(--font-mono);color:var(--text-muted);margin-left:6px;font-size:.68rem}.terminal-cat-btn.active .cat-count{color:#fff}.terminal-branch-card{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-sm);margin-top:16px;padding:10px;font-size:.74rem;display:none}@media (width>=992px){.terminal-branch-card{display:block}}.terminal-branch-name{color:var(--text-main);margin-bottom:2px;font-weight:700}.terminal-branch-info{font-family:var(--font-mono);color:var(--text-muted);font-size:.68rem}.terminal-catalog-col{background:var(--bg-surface);flex-direction:column;padding:12px;display:flex}@media (width>=640px){.terminal-catalog-col{padding:16px}}.terminal-search-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.terminal-search-input-wrap{flex:1;align-items:center;display:flex;position:relative}.terminal-search-input-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.terminal-search-input{border:var(--border-light);border-radius:var(--radius-sm);width:100%;height:36px;color:var(--text-main);background:#f8fafc;outline:none;padding:0 10px 0 34px;font-size:.82rem;transition:border-color .2s}.terminal-search-input:focus{border-color:var(--primary);background:#fff}.btn-scan-trigger{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:var(--radius-sm);height:36px;font-family:var(--font-mono);color:var(--primary);white-space:nowrap;align-items:center;gap:5px;padding:0 10px;font-size:.74rem;font-weight:600;display:flex}@media (width>=640px){.btn-scan-trigger{padding:0 12px;font-size:.78rem}}.btn-scan-trigger:hover{background:var(--primary);color:#fff}.terminal-products-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width>=540px){.terminal-products-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}}.pos-product-card{border:var(--border-light);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-xs);background:#fff;flex-direction:column;justify-content:space-between;min-height:105px;padding:10px 8px;transition:all .15s;display:flex}.pos-product-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f11f}.pos-product-sku{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:2px;font-size:.62rem}.pos-product-name{color:var(--text-main);margin-bottom:6px;font-size:.78rem;font-weight:600;line-height:1.25}.pos-product-footer{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.pos-product-price{font-family:var(--font-mono);color:var(--text-main);font-size:.88rem;font-weight:700}.pos-product-stock{font-size:.65rem;font-family:var(--font-mono);color:var(--success);background:var(--success-soft);border-radius:var(--radius-xs);padding:1px 4px}.pos-product-stock.low{color:var(--warning);background:var(--warning-soft)}.terminal-register-col{border-top:var(--border-light);background:#f8fafc;flex-direction:column;justify-content:space-between;display:flex}@media (width>=992px){.terminal-register-col{border-top:none;border-left:var(--border-light)}}.register-header{border-bottom:var(--border-light);background:#fff;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.register-title{color:var(--text-main);font-size:.8rem;font-weight:700}.register-clear-btn{font-size:.7rem;font-family:var(--font-mono);color:var(--danger);border-radius:var(--radius-xs);padding:2px 6px;transition:background .15s}.register-clear-btn:hover{background:var(--danger-soft)}.register-items-scroll{flex-direction:column;flex:1;gap:6px;max-height:220px;padding:10px 12px;display:flex;overflow-y:auto}.ticket-item-row{border:var(--border-light);border-radius:var(--radius-sm);background:#fff;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.76rem;display:flex}.ticket-item-info{flex-direction:column;max-width:140px;display:flex}@media (width>=640px){.ticket-item-info{max-width:180px}}.ticket-item-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ticket-item-sub{font-family:var(--font-mono);color:var(--text-muted);font-size:.68rem}.ticket-item-qty-controls{align-items:center;gap:4px;display:flex}.qty-btn{border-radius:var(--radius-xs);border:var(--border-light);width:20px;height:20px;color:var(--text-main);background:#f1f5f9;justify-content:center;align-items:center;font-size:.72rem;display:flex}.ticket-item-total{font-family:var(--font-mono);color:var(--text-main);text-align:right;min-width:50px;font-size:.82rem;font-weight:700}.register-summary-box{border-top:var(--border-light);background:#fff;padding:12px}.summary-calc-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:4px;font-size:.76rem;display:flex}.summary-calc-row.total{color:var(--text-main);border-top:1px dashed #cbd5e1;margin-top:8px;padding-top:6px;font-size:1rem;font-weight:800}.register-actions-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.btn-pay-promptpay{border-radius:var(--radius-sm);background:var(--primary);color:#fff;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:.76rem;font-weight:600;display:flex}.btn-pay-promptpay:hover{background:var(--primary-hover)}.btn-pay-cash{border-radius:var(--radius-sm);background:var(--success);color:#fff;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:.76rem;font-weight:600;display:flex}.btn-pay-cash:hover{background:#15803d}.terminal-footer-telemetry{border-top:var(--border-light);font-family:var(--font-mono);color:var(--text-muted);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-size:.68rem;display:flex}.telemetry-item{align-items:center;gap:5px;display:flex}.section-header{text-align:center;max-width:720px;margin:0 auto 36px;padding:0 10px}@media (width>=768px){.section-header{margin-bottom:50px}}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--primary);align-items:center;gap:6px;margin-bottom:8px;font-size:.74rem;font-weight:700;display:inline-flex}.section-title{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1.22}.section-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.bento-grid{grid-template-columns:1fr;gap:16px;margin-bottom:60px;display:grid}@media (width>=900px){.bento-grid{grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:80px}.bento-col-8{grid-column:span 8}.bento-col-4{grid-column:span 4}.bento-col-6{grid-column:span 6}.bento-col-12{grid-column:span 12}}.bento-card{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;padding:20px;display:flex;position:relative;overflow:hidden}@media (width>=640px){.bento-card{padding:26px}}.bento-card:hover{border-color:var(--primary);box-shadow:var(--shadow-card-hover);transition:all .2s;transform:translateY(-2px)}.bento-icon-box{border-radius:var(--radius-sm);background:var(--primary-soft);border:1px solid var(--primary-border);width:36px;height:36px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.bento-title{color:var(--text-main);margin-bottom:6px;font-size:1.15rem;font-weight:700}.bento-description{color:var(--text-secondary);margin-bottom:18px;font-size:.88rem;line-height:1.5}.bento-visual{border:var(--border-light);border-radius:var(--radius-md);background:#f8fafc;flex:1;padding:14px;position:relative;overflow:hidden}.fleet-branch-tabs{border-bottom:var(--border-light);flex-wrap:wrap;gap:6px;margin-bottom:14px;padding-bottom:8px;display:flex}.fleet-tab-btn{font-size:.74rem;font-family:var(--font-mono);border-radius:var(--radius-xs);background:var(--bg-surface);border:var(--border-light);color:var(--text-secondary);padding:4px 10px}.fleet-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary-hover)}.fleet-stats-row{grid-template-columns:1fr;gap:8px;margin-bottom:14px;display:grid}@media (width>=500px){.fleet-stats-row{grid-template-columns:repeat(3,1fr)}}.fleet-stat-card{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-sm);padding:10px}.fleet-stat-label{color:var(--text-muted);margin-bottom:2px;font-size:.68rem}.fleet-stat-val{font-family:var(--font-mono);color:var(--text-main);font-size:1.05rem;font-weight:700}.barcode-visualizer{flex-direction:column;justify-content:center;align-items:center;padding:12px 0;display:flex}.simulated-barcode-bars{border:var(--border-light);border-radius:var(--radius-xs);background:#fff;align-items:stretch;gap:2px;height:48px;padding:6px 14px;display:flex;position:relative;overflow:hidden}.simulated-laser-line{background:#ef4444;height:2px;animation:2s ease-in-out infinite alternate laser-scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #ef4444}.barcode-bar-line{background:#0f172a;border-radius:1px}.barcode-number-display{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-main);margin-top:8px;font-size:.8rem}.margin-slider-wrap{flex-direction:column;gap:12px;display:flex}.slider-metric-row{justify-content:space-between;align-items:center;display:flex}.slider-metric-label{color:var(--text-secondary);font-size:.8rem}.slider-metric-value{font-family:var(--font-mono);color:var(--text-main);font-size:.9rem;font-weight:700}.custom-range-slider{width:100%;accent-color:var(--primary);cursor:pointer;background:#e2e8f0;border-radius:4px;height:6px}.margin-pill-indicator{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.promptpay-preview-box{text-align:center;flex-direction:column;align-items:center;padding:6px 0;display:flex}.promptpay-qr-art{border:var(--border-light);border-radius:var(--radius-sm);width:120px;height:120px;box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;margin-bottom:10px;padding:8px;display:flex}.qr-matrix-grid{background-image:radial-gradient(#0f172a 35%,#0000 35%),radial-gradient(#0f172a 35%,#0000 35%);background-position:0 0,4px 4px;background-size:8px 8px;width:100%;height:100%}.offline-pipeline{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width>=640px){.offline-pipeline{grid-template-columns:repeat(4,1fr);gap:10px}}.pipeline-node{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-sm);text-align:center;padding:10px}.pipeline-node-icon{border-radius:var(--radius-xs);background:var(--primary-soft);width:30px;height:30px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 6px;display:flex}.pipeline-node-title{color:var(--text-main);margin-bottom:2px;font-size:.78rem;font-weight:700}.pipeline-node-desc{font-family:var(--font-mono);color:var(--text-muted);font-size:.65rem}.specs-table-card{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-card);margin-bottom:60px;overflow-x:auto}@media (width>=768px){.specs-table-card{margin-bottom:80px}}.specs-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.specs-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:var(--border-light);background:#f8fafc;padding:12px 18px;font-size:.76rem;font-weight:700}.specs-table td{border-bottom:var(--border-light);padding:14px 18px;font-size:.86rem}.specs-table tr:last-child td{border-bottom:none}.spec-category-label{color:var(--text-main);font-weight:700}.spec-detail-mono{font-family:var(--font-mono);color:var(--primary);font-size:.78rem}@media (width>=768px){.comparison-mobile-cards,.hardware-mobile-cards{display:none!important}}@media (width<=767px){.comparison-desktop-view,.hardware-desktop-view{display:none!important}}.comparison-mobile-cards{flex-direction:column;gap:16px;margin-bottom:50px;display:flex}.mobile-cmp-card{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:18px 16px;display:flex}.mobile-cmp-title{color:var(--text-main);font-size:1rem;font-weight:700;line-height:1.35}.mobile-cmp-poskub-box{border-radius:var(--radius-md);background:#6366f10d;border:1.5px solid #6366f140;padding:12px 14px}.mobile-cmp-badge-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mobile-cmp-brand{color:var(--primary);font-size:.82rem;font-weight:700}.mobile-cmp-pill{font-family:var(--font-mono);background:var(--primary);color:#fff;border-radius:4px;padding:2px 6px;font-size:.64rem;font-weight:700}.mobile-cmp-poskub-text{color:var(--text-main);font-size:.88rem;font-weight:600;line-height:1.45}.mobile-cmp-alt-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mobile-cmp-alt-col{border:var(--border-subtle);border-radius:var(--radius-sm);background:#f8fafc;padding:10px}.mobile-cmp-alt-header{color:var(--text-muted);align-items:center;gap:5px;margin-bottom:4px;font-size:.72rem;font-weight:600;display:flex}.mobile-cmp-alt-text{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.hardware-mobile-cards{flex-direction:column;gap:14px;margin-bottom:50px;display:flex}.mobile-hw-card{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:18px 16px;display:flex}.mobile-hw-card-header{border-bottom:var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.mobile-hw-title{color:var(--text-main);margin:0;font-size:.94rem;font-weight:700;line-height:1.35}.mobile-hw-status-badge{font-family:var(--font-mono);color:#16a34a;background:#16a34a1a;border:1px solid #16a34a40;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.mobile-hw-section{flex-direction:column;gap:3px;display:flex}.mobile-hw-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.mobile-hw-models{color:var(--text-secondary);font-size:.84rem;line-height:1.45}.mobile-hw-protocol{font-family:var(--font-mono);color:var(--primary);font-size:.76rem;line-height:1.4}.telemetry-panel{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:60px;overflow:hidden}@media (width>=768px){.telemetry-panel{margin-bottom:80px}}.telemetry-header{border-bottom:var(--border-light);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.telemetry-stream-feed{font-family:var(--font-mono);flex-direction:column;gap:6px;max-height:240px;padding:12px 16px;font-size:.75rem;display:flex;overflow-y:auto}.stream-row{border-radius:var(--radius-xs);border:var(--border-subtle);background:#f8fafc;align-items:center;gap:10px;padding:6px 8px;display:flex;overflow-x:auto}.stream-ts{color:var(--text-muted);flex-shrink:0}.stream-badge{border-radius:var(--radius-xs);flex-shrink:0;padding:1px 5px;font-size:.68rem;font-weight:700}.stream-badge.ok{background:var(--success-soft);color:var(--success)}.stream-badge.ws{background:var(--info-soft);color:var(--info)}.stream-content{color:var(--text-secondary);flex:1;min-width:200px}.stream-latency{color:var(--text-muted);flex-shrink:0}.pricing-section{padding:30px 0 60px}.billing-toggle-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:36px;display:flex}@media (width>=480px){.billing-toggle-container{flex-direction:row;gap:12px}}.billing-toggle-pill{border-radius:var(--radius-full);background:#e2e8f0;align-items:center;padding:4px;display:flex}.billing-toggle-btn{border-radius:var(--radius-full);color:var(--text-secondary);padding:6px 16px;font-size:.82rem;font-weight:600;transition:all .2s}.billing-toggle-btn.active{background:var(--bg-surface);color:var(--text-main);box-shadow:var(--shadow-sm)}.annual-discount-chip{font-family:var(--font-mono);border-radius:var(--radius-full);background:var(--success-soft);color:var(--success);border:1px solid #16a34a33;padding:4px 10px;font-size:.72rem;font-weight:700}.real-plans-grid{grid-template-columns:1fr;gap:16px;margin-bottom:48px;display:grid}@media (width>=640px){.real-plans-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.real-plans-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (width>=1200px){.real-plans-grid{grid-template-columns:repeat(5,1fr);gap:16px}}.real-plan-card{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;justify-content:space-between;padding:22px 18px;transition:all .2s;display:flex;position:relative}.real-plan-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.real-plan-card.featured{border:2px solid var(--primary);background:#fff;box-shadow:0 10px 25px -4px #6366f12e}.plan-ribbon{font-family:var(--font-mono);text-transform:uppercase;border-radius:var(--radius-full);background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary-border);padding:2px 7px;font-size:.65rem;font-weight:700;position:absolute;top:10px;right:12px}.plan-name-row{align-items:baseline;gap:6px;margin-bottom:12px;display:flex}.plan-name-title{font-size:1.15rem;font-weight:800}.plan-price-row{border-bottom:var(--border-light);margin-bottom:16px;padding-bottom:14px}.plan-price-amount{font-family:var(--font-mono);color:var(--text-main);letter-spacing:-.03em;font-size:2.2rem;font-weight:800}.plan-price-period{color:var(--text-muted);font-size:.78rem}.plan-specs-summary{border:var(--border-light);border-radius:var(--radius-sm);background:#f8fafc;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;padding:8px 10px;font-size:.74rem;display:grid}.plan-features-list{flex-direction:column;flex:1;gap:8px;margin-bottom:22px;display:flex}.plan-feature-row{color:var(--text-secondary);align-items:flex-start;gap:7px;font-size:.8rem;line-height:1.4;display:flex}.plan-feature-row svg{flex-shrink:0;margin-top:2px}.faq-section{max-width:820px;margin:0 auto 60px}@media (width>=768px){.faq-section{margin-bottom:90px}}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:border-color .2s;overflow:hidden}.faq-item:hover,.faq-item.open{border-color:var(--primary)}.faq-question-btn{text-align:left;width:100%;color:var(--text-main);background:#fff;justify-content:space-between;align-items:center;padding:16px 18px;font-size:.92rem;font-weight:700;display:flex}.faq-answer-content{color:var(--text-secondary);background:#fff;padding:0 18px 16px;font-size:.88rem;line-height:1.6}.footer-wrap{border-top:var(--border-light);z-index:10;background:#fff;padding:48px 0 28px;position:relative}.footer-top-grid{grid-template-columns:1fr;gap:28px;margin-bottom:40px;display:grid}@media (width>=640px){.footer-top-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=992px){.footer-top-grid{grid-template-columns:2fr repeat(3,1fr);gap:40px}}.footer-brand-bio{color:var(--text-muted);max-width:320px;margin:12px 0 18px;font-size:.86rem}.footer-status-pill{border-radius:var(--radius-full);background:var(--success-soft);font-family:var(--font-mono);color:var(--success);border:1px solid #16a34a33;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;display:inline-flex}.footer-col-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-main);margin-bottom:14px;font-size:.78rem;font-weight:700}.footer-col-links{flex-direction:column;gap:10px;display:flex}.footer-link{color:var(--text-secondary);font-size:.84rem;transition:color .15s}.footer-link:hover{color:var(--primary)}.footer-bottom-bar{border-top:var(--border-light);color:var(--text-muted);text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;font-size:.78rem;display:flex}@media (width>=640px){.footer-bottom-bar{text-align:left;flex-direction:row}}