{"id":483,"date":"2023-08-25T02:56:15","date_gmt":"2023-08-25T02:56:15","guid":{"rendered":"https:\/\/luxspa.salonbookly.com\/?page_id=483"},"modified":"2026-07-30T22:36:50","modified_gmt":"2026-07-30T22:36:50","slug":"elementor-483","status":"publish","type":"page","link":"https:\/\/aiosretail.com\/vi\/","title":{"rendered":"Homepage"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"483\" class=\"elementor elementor-483\" data-elementor-post-type=\"page\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-367f2a3 e-flex e-con-boxed e-con\" data-id=\"367f2a3\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-e480c28 elementor-widget elementor-widget-html\" data-id=\"e480c28\" data-element_type=\"widget\" data-widget_type=\"html.default\">\r\n\t\t\t\t<div class=\"elementor-widget-container\">\r\n\t\t\t<!-- AIOS Retail Landing Page - WordPress Custom HTML Block -->\n\n<style>\n  .ar-landing-page {\n    --ar-teal-primary: #0a97ad;\n    --ar-teal: #08788b;\n    --ar-teal-dark: #066273;\n    --ar-teal-pressed: #054e5c;\n    --ar-cyan: #18b9d8;\n    --ar-cyan-soft: #9ad5e2;\n    --ar-cyan-pale: #e8f7fa;\n    --ar-ink: #202a30;\n    --ar-text: #202a30;\n    --ar-muted: #5d6970;\n    --ar-bg-white: #ffffff;\n    --ar-bg: #f4f8fa;\n    --ar-border: #dde8ec;\n    --ar-card-shadow: 0 6px 20px rgba(8, 120, 139, 0.08);\n  }\n\n  .ar-landing-page,\n  .ar-landing-page * {\n    box-sizing: border-box;\n    font-family:\n      \"Inter\",\n      system-ui,\n      -apple-system,\n      BlinkMacSystemFont,\n      \"Segoe UI\",\n      sans-serif;\n  }\n\n  .ar-landing-page {\n    color: var(--ar-text);\n    background: var(--ar-bg-white);\n    overflow-x: clip;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .ar-landing-page img {\n    max-width: 100%;\n  }\n\n  .ar-landing-page a:focus-visible,\n  .ar-landing-page button:focus-visible {\n    outline: 3px solid var(--ar-teal);\n    outline-offset: 3px;\n  }\n\n  .ar-container {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n\n  .ar-section {\n    padding: 56px 0;\n  }\n\n  .ar-section-soft {\n    background: var(--ar-cyan-pale);\n  }\n\n  .ar-section-alt {\n    background: var(--ar-bg);\n  }\n\n  .ar-title {\n    text-align: center;\n    font-size: clamp(26px, 4vw, 34px);\n    line-height: 1.2;\n    font-weight: 800;\n    margin: 0 0 10px;\n    color: var(--ar-text);\n  }\n\n  .ar-subtitle {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 19px);\n    line-height: 1.5;\n    font-weight: 600;\n    color: var(--ar-muted);\n    margin: 0 0 34px;\n  }\n\n  \/* Nav *\/\n\n  \/* Hero *\/\n  .ar-hero {\n    padding: 70px 0;\n    background: linear-gradient(to right, #ffffff 0%, var(--ar-bg) 55%, var(--ar-cyan-pale) 100%);\n  }\n\n  .ar-hero-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n    align-items: center;\n    gap: 56px;\n  }\n\n  .ar-hero-grid > * {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .ar-eyebrow {\n    color: var(--ar-teal);\n    font-size: 14px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin: 0 0 16px;\n  }\n\n  .ar-hero h1 {\n    font-size: clamp(36px, 5.5vw, 56px);\n    line-height: 1.08;\n    font-weight: 900;\n    color: var(--ar-text);\n    margin: 0 0 20px;\n  }\n\n  .ar-hero-lead {\n    font-size: clamp(17px, 2.5vw, 20px);\n    color: var(--ar-muted);\n    line-height: 1.65;\n    margin: 0 0 30px;\n  }\n\n  .ar-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-bottom: 34px;\n  }\n\n  .ar-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    min-height: 50px;\n    padding: 14px 24px;\n    border-radius: 10px;\n    font-weight: 800;\n    text-decoration: none;\n    transition: 0.2s ease;\n  }\n\n  .ar-btn-primary {\n    background: var(--ar-teal);\n    color: #fff !important;\n  }\n\n  .ar-btn-primary:hover {\n    background: var(--ar-teal-dark);\n  }\n\n  .ar-btn-primary:active {\n    background: var(--ar-teal-pressed);\n  }\n\n  .ar-btn-outline {\n    background: #fff;\n    color: var(--ar-teal) !important;\n    border: 2px solid var(--ar-teal);\n  }\n\n  .ar-btn-outline:hover {\n    background: var(--ar-cyan-pale);\n  }\n\n  .ar-feature-row {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .ar-feature-mini {\n    text-align: center;\n  }\n\n  .ar-feature-icon {\n    width: 44px;\n    height: 44px;\n    margin: 0 auto 8px;\n    border-radius: 50%;\n    background: var(--ar-cyan-pale);\n    color: var(--ar-teal);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: 900;\n  }\n\n  .ar-feature-title {\n    font-weight: 800;\n    font-size: 15px;\n    color: var(--ar-text);\n  }\n\n  .ar-feature-sub {\n    font-size: 13px;\n    color: var(--ar-muted);\n    line-height: 1.35;\n  }\n\n  .ar-hero-media,\n  .ar-hero-carousel {\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  .ar-hero-carousel {\n    max-width: 650px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  .ar-hero-slide {\n    display: none;\n    aspect-ratio: 1 \/ 1;\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 22px;\n    overflow: hidden;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ar-hero-slide.is-active {\n    display: flex;\n  }\n\n  .ar-hero-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n\n  .ar-hero-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 44px;\n    height: 44px;\n    background: rgba(255, 255, 255, 0.95);\n    border: 2px solid var(--ar-teal);\n    border-radius: 50%;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    color: var(--ar-teal);\n    font-size: 22px;\n    font-weight: 800;\n    line-height: 1;\n    cursor: pointer;\n    z-index: 2;\n  }\n\n  .ar-hero-prev {\n    left: 10px;\n  }\n\n  .ar-hero-next {\n    right: 10px;\n  }\n\n  .ar-hero-dots {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 14px;\n  }\n\n  .ar-hero-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    border: 0;\n    background: #c9d4da;\n    cursor: pointer;\n    padding: 0;\n  }\n\n  .ar-hero-dot.is-active {\n    background: var(--ar-teal);\n  }\n\n  .ar-hero-carousel.is-single .ar-hero-nav,\n  .ar-hero-carousel.is-single .ar-hero-dots {\n    display: none;\n  }\n\n  .ar-media-note {\n    margin-top: 12px;\n    text-align: center;\n    font-size: 12px;\n    color: var(--ar-muted);\n  }\n\n  \/* Trusted *\/\n  .ar-trusted {\n    padding: 36px 0;\n    background: var(--ar-cyan-pale);\n    text-align: center;\n  }\n\n  .ar-trusted-title {\n    font-size: clamp(16px, 2.5vw, 20px);\n    font-weight: 800;\n    margin: 0 0 24px;\n    color: var(--ar-text);\n  }\n\n  .ar-trust-grid {\n    display: grid;\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .ar-trust-item {\n    min-height: 88px;\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 14px;\n    padding: 18px 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 14px;\n    font-weight: 800;\n    color: var(--ar-ink);\n    letter-spacing: 0.02em;\n  }\n\n  \/* Cards \/ features *\/\n  .ar-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 20px;\n  }\n\n  .ar-steps {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 20px;\n    text-align: center;\n  }\n\n  .ar-card {\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 16px;\n    padding: 22px;\n    box-shadow: var(--ar-card-shadow);\n  }\n\n  .ar-icon {\n    color: var(--ar-teal);\n    font-size: 24px;\n    font-weight: 900;\n    margin-bottom: 10px;\n  }\n\n  .ar-card h3 {\n    font-size: 18px;\n    line-height: 1.25;\n    margin: 0 0 8px;\n    color: var(--ar-text);\n  }\n\n  .ar-card p {\n    margin: 0;\n    color: var(--ar-muted);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .ar-step-number {\n    width: 36px;\n    height: 36px;\n    margin: 0 auto 12px;\n    background: var(--ar-teal);\n    color: #fff;\n    border-radius: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n  }\n\n  \/* Hardware showcase *\/\n  .ar-hardware-showcase {\n    --ar-hw-accent: #04aed8;\n    --ar-hw-accent-dark: #0396bb;\n    --ar-hw-accent-soft: #e6f8fc;\n    --ar-hw-accent-shadow: rgba(4, 174, 216, 0.14);\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .ar-hardware-grid {\n    display: grid;\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  .ar-hardware {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 10px;\n    min-height: 188px;\n    width: 100%;\n    margin: 0;\n    padding: 20px 14px 28px;\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 16px;\n    text-align: center;\n    cursor: pointer;\n    color: inherit;\n    font: inherit;\n    appearance: none;\n    transition:\n      border-color 0.2s ease,\n      box-shadow 0.2s ease,\n      transform 0.2s ease;\n  }\n\n  .ar-hardware:hover {\n    border-color: #c9dce3;\n    box-shadow: 0 6px 18px rgba(32, 42, 48, 0.06);\n  }\n\n  .ar-hardware:focus-visible {\n    outline: 3px solid var(--ar-hw-accent);\n    outline-offset: 3px;\n  }\n\n  .ar-hardware.is-selected {\n    border-color: var(--ar-hw-accent);\n    border-width: 2px;\n    padding: 19px 13px 27px;\n    box-shadow: 0 8px 22px var(--ar-hw-accent-shadow);\n    z-index: 1;\n  }\n\n  .ar-hardware-media {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 78px;\n  }\n\n  .ar-hardware-media img,\n  .ar-hardware img {\n    width: 100%;\n    max-width: 95px;\n    height: 78px;\n    object-fit: contain;\n    object-position: center;\n  }\n\n  .ar-hardware-copy {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .ar-hardware-name,\n  .ar-hardware h3 {\n    display: block;\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.3;\n    color: var(--ar-text);\n    margin: 0;\n  }\n\n  .ar-hardware-sub,\n  .ar-hardware p {\n    display: block;\n    font-size: 13px;\n    color: var(--ar-muted);\n    line-height: 1.4;\n    margin: 0;\n  }\n\n  .ar-hardware-chevron {\n    position: absolute;\n    left: 50%;\n    bottom: 10px;\n    width: 10px;\n    height: 10px;\n    border-right: 2px solid #9aa6ad;\n    border-bottom: 2px solid #9aa6ad;\n    transform: translateX(-50%) rotate(45deg);\n    transition:\n      transform 0.2s ease,\n      border-color 0.2s ease;\n  }\n\n  .ar-hardware.is-selected .ar-hardware-chevron {\n    border-color: var(--ar-hw-accent);\n    transform: translateX(-50%) rotate(-135deg);\n    bottom: 8px;\n    opacity: 1;\n  }\n\n  .ar-hardware-panel {\n    position: relative;\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 18px;\n    box-shadow: 0 10px 28px rgba(32, 42, 48, 0.05);\n    overflow: hidden;\n    max-height: 0;\n    opacity: 0;\n    padding: 0 24px;\n    border-width: 0;\n    margin-top: 0;\n    pointer-events: none;\n    transition:\n      max-height 0.35s ease,\n      opacity 0.25s ease,\n      margin-top 0.25s ease,\n      padding 0.25s ease,\n      border-width 0.25s ease;\n  }\n\n  .ar-hardware-panel.is-open {\n    max-height: 1600px;\n    opacity: 1;\n    margin-top: 18px;\n    padding: 28px 24px 18px;\n    border-width: 1px;\n    pointer-events: auto;\n  }\n\n  .ar-hardware-panel-pointer {\n    position: absolute;\n    top: -8px;\n    left: 0;\n    width: 16px;\n    height: 16px;\n    background: #fff;\n    border-left: 1px solid var(--ar-border);\n    border-top: 1px solid var(--ar-border);\n    transform: translateX(-50%) rotate(45deg);\n    opacity: 0;\n    transition:\n      left 0.25s ease,\n      opacity 0.2s ease;\n  }\n\n  .ar-hardware-panel-inner {\n    display: grid;\n    grid-template-columns: 1.35fr 1fr 1fr 0.95fr;\n    gap: 28px;\n    align-items: start;\n    transition: opacity 0.2s ease;\n  }\n\n  .ar-hardware-panel-inner.is-switching {\n    opacity: 0.35;\n  }\n\n  .ar-hw-overview {\n    display: grid;\n    grid-template-columns: 120px minmax(0, 1fr);\n    gap: 16px 18px;\n    align-items: start;\n  }\n\n  .ar-hw-overview-media {\n    grid-row: 1;\n    grid-column: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 140px;\n  }\n\n  .ar-hw-overview-media img {\n    width: 100%;\n    max-width: 120px;\n    height: 140px;\n    object-fit: contain;\n  }\n\n  .ar-hw-overview-copy {\n    grid-row: 1;\n    grid-column: 2;\n    min-width: 0;\n  }\n\n  .ar-hw-overview-copy h3 {\n    margin: 0 0 6px;\n    font-size: clamp(22px, 2.4vw, 28px);\n    line-height: 1.15;\n    font-weight: 900;\n    color: var(--ar-text);\n  }\n\n  .ar-hw-type {\n    margin: 0 0 10px;\n    color: var(--ar-hw-accent);\n    font-size: 15px;\n    font-weight: 800;\n  }\n\n  .ar-hw-desc {\n    margin: 0;\n    color: var(--ar-muted);\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .ar-hw-caps {\n    grid-column: 1 \/ -1;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 10px;\n  }\n\n  .ar-hw-cap {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    text-align: center;\n  }\n\n  .ar-hw-cap-icon {\n    width: 34px;\n    height: 34px;\n    border-radius: 10px;\n    background: var(--ar-hw-accent-soft);\n    color: var(--ar-hw-accent);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ar-hw-cap-icon svg {\n    width: 18px;\n    height: 18px;\n    display: block;\n  }\n\n  .ar-hw-cap-label {\n    font-size: 12px;\n    line-height: 1.3;\n    font-weight: 700;\n    color: var(--ar-text);\n  }\n\n  .ar-hw-features h4,\n  .ar-hw-specs h4,\n  .ar-hw-price-col h4 {\n    margin: 0 0 14px;\n    font-size: 16px;\n    font-weight: 800;\n    color: var(--ar-text);\n  }\n\n  .ar-hw-features ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: grid;\n    gap: 12px;\n  }\n\n  .ar-hw-features li {\n    position: relative;\n    padding-left: 28px;\n    font-size: 14px;\n    line-height: 1.45;\n    color: var(--ar-text);\n  }\n\n  .ar-hw-features li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 1px;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: var(--ar-hw-accent);\n  }\n\n  .ar-hw-features li::after {\n    content: \"\";\n    position: absolute;\n    left: 6px;\n    top: 4px;\n    width: 5px;\n    height: 9px;\n    border-right: 2px solid #fff;\n    border-bottom: 2px solid #fff;\n    transform: rotate(40deg);\n  }\n\n  .ar-hw-spec-list {\n    display: grid;\n    gap: 10px;\n  }\n\n  .ar-hw-spec-row {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 12px;\n    align-items: baseline;\n  }\n\n  .ar-hw-spec-label {\n    color: var(--ar-muted);\n    font-size: 14px;\n  }\n\n  .ar-hw-spec-value {\n    color: var(--ar-text);\n    font-size: 14px;\n    font-weight: 700;\n    text-align: right;\n  }\n\n  .ar-hw-price-row {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: 8px;\n    margin-bottom: 14px;\n  }\n\n  .ar-hw-price-prefix {\n    color: var(--ar-text);\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 1.2;\n  }\n\n  .ar-hw-price {\n    color: var(--ar-hw-accent);\n    font-size: clamp(28px, 3vw, 34px);\n    font-weight: 900;\n    line-height: 1;\n  }\n\n  .ar-hw-price-note {\n    display: flex;\n    gap: 10px;\n    align-items: flex-start;\n    background: var(--ar-hw-accent-soft);\n    border-radius: 12px;\n    padding: 12px 14px;\n    margin-bottom: 16px;\n  }\n\n  .ar-hw-price-note-icon {\n    flex: 0 0 auto;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: var(--ar-hw-accent);\n    color: #fff;\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 18px;\n    text-align: center;\n  }\n\n  .ar-hw-price-note p {\n    margin: 0;\n    color: var(--ar-text);\n    font-size: 13px;\n    line-height: 1.45;\n  }\n\n  .ar-hw-actions {\n    display: grid;\n    gap: 10px;\n  }\n\n  .ar-hw-actions .ar-btn {\n    width: 100%;\n    min-height: 46px;\n    justify-content: center;\n  }\n\n  .ar-hw-actions .ar-btn-primary {\n    background: var(--ar-hw-accent);\n  }\n\n  .ar-hw-actions .ar-btn-primary:hover {\n    background: var(--ar-hw-accent-dark);\n  }\n\n  .ar-hw-close {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    width: 100%;\n    margin-top: 18px;\n    padding: 10px;\n    border: 0;\n    background: transparent;\n    color: var(--ar-hw-accent);\n    font-size: 14px;\n    font-weight: 800;\n    cursor: pointer;\n  }\n\n  .ar-hw-close:focus-visible {\n    outline: 3px solid var(--ar-hw-accent);\n    outline-offset: 3px;\n    border-radius: 8px;\n  }\n\n  .ar-hw-close span {\n    width: 9px;\n    height: 9px;\n    border-right: 2px solid currentColor;\n    border-bottom: 2px solid currentColor;\n    transform: rotate(-135deg);\n    margin-top: 4px;\n  }\n\n  .ar-hardware-trust {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin: 18px 0 0;\n    color: var(--ar-muted);\n    font-size: 14px;\n    font-weight: 600;\n  }\n\n  .ar-hardware-trust-icon {\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    background: var(--ar-hw-accent-soft);\n    color: var(--ar-hw-accent);\n    position: relative;\n    flex: 0 0 auto;\n  }\n\n  .ar-hardware-trust-icon::before {\n    content: \"\";\n    position: absolute;\n    inset: 3px;\n    border-radius: 50%;\n    border: 1.5px solid currentColor;\n  }\n\n  .ar-hardware-trust-icon::after {\n    content: \"\";\n    position: absolute;\n    left: 7px;\n    top: 5px;\n    width: 6px;\n    height: 9px;\n    border-right: 2px solid currentColor;\n    border-bottom: 2px solid currentColor;\n    transform: rotate(40deg);\n  }\n\n  \/* Pricing *\/\n  .ar-pricing-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 24px;\n  }\n\n  .ar-price-card {\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 18px;\n    padding: 34px 28px;\n    position: relative;\n  }\n\n  .ar-price-card.is-featured {\n    border: 2px solid var(--ar-teal);\n    box-shadow: 0 8px 24px rgba(8, 120, 139, 0.12);\n  }\n\n  .ar-badge {\n    position: absolute;\n    top: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: var(--ar-teal);\n    color: #fff;\n    padding: 8px 18px;\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 800;\n    white-space: nowrap;\n  }\n\n  .ar-plan-name,\n  .ar-price {\n    text-align: center;\n    font-size: clamp(34px, 5vw, 40px);\n    font-weight: 900;\n    margin: 14px 0 10px;\n  }\n\n  .ar-plan-name {\n    color: var(--ar-teal);\n  }\n\n  .ar-price span {\n    font-size: 16px;\n    font-weight: 500;\n  }\n\n  .ar-plan-label {\n    text-align: center;\n    display: inline-block;\n    width: 100%;\n    font-size: 13px;\n    font-weight: 800;\n    color: var(--ar-teal);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 4px;\n  }\n\n  .ar-plan-desc {\n    text-align: center;\n    font-weight: 800;\n    line-height: 1.35;\n    margin-bottom: 12px;\n  }\n\n  .ar-plan-small {\n    text-align: center;\n    color: var(--ar-muted);\n    font-size: 14px;\n    line-height: 1.5;\n    margin: 0 0 24px;\n  }\n\n  .ar-feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 28px;\n  }\n\n  .ar-feature-list li {\n    display: flex;\n    gap: 9px;\n    align-items: flex-start;\n    font-size: 14px;\n    line-height: 1.4;\n    margin-bottom: 12px;\n  }\n\n  .ar-feature-list li::before {\n    content: \"\u2713\";\n    color: var(--ar-teal);\n    font-weight: 900;\n    flex: 0 0 auto;\n  }\n\n  .ar-price-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 50px;\n    padding: 14px 24px;\n    border-radius: 10px;\n    font-weight: 800;\n    text-decoration: none;\n    background: var(--ar-teal);\n    color: #fff !important;\n    transition: 0.2s ease;\n  }\n\n  .ar-price-btn:hover {\n    background: var(--ar-teal-dark);\n  }\n\n  .ar-price-btn.is-secondary {\n    background: #fff;\n    color: var(--ar-teal) !important;\n    border: 2px solid var(--ar-teal);\n  }\n\n  .ar-price-btn.is-secondary:hover {\n    background: var(--ar-cyan-pale);\n  }\n\n  \/* Free POS terms disclaimer *\/\n  .ar-free-terms {\n    margin: 20px auto 0;\n    max-width: 760px;\n    padding: 0 4px;\n    color: var(--ar-muted);\n    font-size: 12px;\n    line-height: 1.55;\n    text-align: center;\n  }\n\n  .ar-free-terms strong {\n    color: var(--ar-text);\n    font-weight: 700;\n  }\n\n  .ar-free-terms a {\n    color: var(--ar-teal);\n    font-weight: 700;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n\n  \/* FAQ *\/\n  .ar-faq {\n    display: grid;\n    gap: 14px;\n    max-width: 860px;\n    margin: 0 auto;\n  }\n\n  .ar-faq details {\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 14px;\n    padding: 16px 18px;\n    box-shadow: var(--ar-card-shadow);\n  }\n\n  .ar-faq summary {\n    cursor: pointer;\n    font-weight: 800;\n    color: var(--ar-text);\n    list-style: none;\n  }\n\n  .ar-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .ar-faq summary::after {\n    content: \"+\";\n    float: right;\n    color: var(--ar-teal);\n    font-weight: 900;\n  }\n\n  .ar-faq details[open] summary::after {\n    content: \"\u2013\";\n  }\n\n  .ar-faq p {\n    margin: 12px 0 0;\n    color: var(--ar-muted);\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  \/* Contact *\/\n  .ar-contact-card {\n    max-width: 720px;\n    margin: 0 auto;\n    background: #fff;\n    border: 1px solid var(--ar-border);\n    border-radius: 18px;\n    padding: 28px 24px;\n    box-shadow: var(--ar-card-shadow);\n    text-align: center;\n  }\n\n  .ar-contact-card p {\n    color: var(--ar-muted);\n    margin: 0 0 18px;\n    line-height: 1.55;\n  }\n\n  .ar-contact-meta {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px 20px;\n    margin-bottom: 22px;\n    font-size: 15px;\n    font-weight: 600;\n  }\n\n  .ar-contact-meta a {\n    color: var(--ar-teal);\n  }\n\n  \/* Tablet *\/\n  @media (max-width: 992px) {\n    .ar-hero {\n      padding: 54px 0;\n    }\n\n    .ar-hero-grid {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 36px;\n      text-align: center;\n    }\n\n    .ar-buttons {\n      justify-content: center;\n    }\n\n    .ar-feature-row,\n    .ar-grid,\n    .ar-steps {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ar-hardware-grid {\n      display: flex;\n      gap: 12px;\n      overflow-x: auto;\n      padding-bottom: 6px;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .ar-hardware {\n      flex: 0 0 160px;\n      scroll-snap-align: start;\n      min-height: 178px;\n    }\n\n    .ar-hardware-panel-inner {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 22px;\n    }\n\n    .ar-hw-overview {\n      grid-column: 1 \/ -1;\n    }\n\n    .ar-trust-grid {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 640px) {\n    .ar-hero,\n    .ar-section,\n    .ar-trusted {\n      padding: 40px 0;\n    }\n\n    .ar-container {\n      padding: 0 16px;\n    }\n\n    .ar-eyebrow {\n      font-size: 12px;\n    }\n\n    .ar-hero h1 {\n      font-size: 34px;\n      line-height: 1.12;\n    }\n\n    .ar-hero-lead {\n      font-size: 16px;\n    }\n\n    .ar-buttons {\n      flex-direction: column;\n      width: 100%;\n    }\n\n    .ar-btn {\n      width: 100%;\n    }\n\n    .ar-feature-row {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 12px;\n    }\n\n    .ar-feature-mini {\n      display: grid;\n      grid-template-columns: 44px 1fr;\n      text-align: left;\n      align-items: center;\n      column-gap: 12px;\n      padding: 14px;\n      border: 1px solid var(--ar-border);\n      border-radius: 14px;\n      background: #fff;\n    }\n\n    .ar-feature-icon {\n      grid-row: span 2;\n      margin: 0;\n    }\n\n    .ar-grid,\n    .ar-steps,\n    .ar-pricing-grid,\n    .ar-trust-grid {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .ar-hardware-grid {\n      display: flex;\n      gap: 12px;\n      overflow-x: auto;\n      padding-bottom: 6px;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .ar-hardware {\n      flex: 0 0 148px;\n      scroll-snap-align: start;\n    }\n\n    .ar-hardware-panel-inner {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 22px;\n    }\n\n    .ar-hw-overview {\n      grid-template-columns: 96px minmax(0, 1fr);\n    }\n\n    .ar-hw-overview-media img {\n      max-width: 96px;\n      height: 110px;\n    }\n\n    .ar-hw-caps {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .ar-hw-actions .ar-btn {\n      width: 100%;\n    }\n\n    .ar-price-card {\n      padding: 28px 18px;\n    }\n\n    .ar-free-terms {\n      text-align: left;\n    }\n  }\n<\/style>\n\n<style>\n  .ar-aio-modal-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 100000;\n    background: rgba(32, 42, 48, 0.5);\n    backdrop-filter: blur(3px);\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 20px;\n  }\n  .ar-aio-modal-overlay.is-open {\n    display: flex;\n  }\n  .ar-aio-modal {\n    background: #fff;\n    border-radius: 18px;\n    max-width: 480px;\n    width: 100%;\n    max-height: 92vh;\n    overflow-y: auto;\n    padding: 34px 30px;\n    position: relative;\n    font-family: Inter, system-ui, sans-serif;\n    box-shadow: 0 24px 60px rgba(32, 42, 48, 0.22);\n    color: #202a30;\n  }\n  .ar-aio-modal h3 {\n    font-family: Inter, system-ui, sans-serif;\n    font-weight: 800;\n    font-size: 1.45rem;\n    color: #202a30;\n    letter-spacing: -0.01em;\n    margin: 0 0 6px;\n  }\n  .ar-aio-modal .ar-aio-sub {\n    font-size: 0.92rem;\n    color: #5d6970;\n    margin: 0 0 22px;\n    line-height: 1.5;\n  }\n  .ar-aio-close {\n    position: absolute;\n    top: 14px;\n    right: 14px;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    border: none;\n    background: #e8f7fa;\n    color: #202a30;\n    font-size: 1.1rem;\n    line-height: 1;\n    cursor: pointer;\n  }\n  .ar-aio-close:hover {\n    background: #9ad5e2;\n  }\n  .ar-aio-field {\n    margin-bottom: 14px;\n  }\n  .ar-aio-field label {\n    display: block;\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: #202a30;\n    margin-bottom: 5px;\n  }\n  .ar-aio-field label .ar-aio-opt {\n    font-weight: 400;\n    color: #5d6970;\n  }\n  .ar-aio-field input,\n  .ar-aio-field select,\n  .ar-aio-field textarea {\n    width: 100%;\n    padding: 11px 13px;\n    border: 1.5px solid #dde8ec;\n    border-radius: 10px;\n    font-size: 0.95rem;\n    font-family: inherit;\n    color: #202a30;\n    background: #fff;\n    box-sizing: border-box;\n  }\n  .ar-aio-field input:focus,\n  .ar-aio-field select:focus,\n  .ar-aio-field textarea:focus {\n    outline: none;\n    border-color: #0a97ad;\n    box-shadow: 0 0 0 3px rgba(10, 151, 173, 0.18);\n  }\n  .ar-aio-hp {\n    position: absolute !important;\n    left: -9999px !important;\n    top: auto !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n  }\n  .ar-aio-submit {\n    width: 100%;\n    padding: 14px;\n    border: none;\n    border-radius: 999px;\n    cursor: pointer;\n    font-family: Inter, sans-serif;\n    font-weight: 700;\n    font-size: 1rem;\n    color: #fff;\n    background: #0a97ad;\n    margin-top: 6px;\n    transition:\n      transform 0.15s ease,\n      box-shadow 0.15s ease,\n      background 0.15s ease;\n  }\n  .ar-aio-submit:hover {\n    transform: translateY(-1px);\n    background: #08788b;\n    box-shadow: 0 8px 22px rgba(10, 151, 173, 0.32);\n  }\n  .ar-aio-submit:disabled {\n    opacity: 0.6;\n    cursor: wait;\n    transform: none;\n    box-shadow: none;\n  }\n  .ar-aio-note {\n    font-size: 0.78rem;\n    color: #5d6970;\n    text-align: center;\n    margin-top: 12px;\n  }\n  .ar-aio-success {\n    text-align: center;\n    padding: 26px 6px;\n    display: none;\n  }\n  .ar-aio-success .ar-aio-check {\n    width: 62px;\n    height: 62px;\n    border-radius: 50%;\n    margin: 0 auto 16px;\n    background: #0a97ad;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.7rem;\n  }\n  .ar-aio-success h4 {\n    font-family: Inter, sans-serif;\n    font-weight: 800;\n    font-size: 1.25rem;\n    color: #202a30;\n    margin: 0 0 8px;\n  }\n  .ar-aio-success p {\n    font-size: 0.92rem;\n    color: #5d6970;\n    margin: 0 0 20px;\n  }\n  .ar-aio-error {\n    display: none;\n    font-size: 0.85rem;\n    color: #b4232c;\n    background: #fdecec;\n    border-radius: 8px;\n    padding: 10px 12px;\n    margin-top: 10px;\n  }\n  @media (max-width: 520px) {\n    .ar-aio-modal {\n      padding: 28px 20px;\n      border-radius: 14px;\n    }\n  }\n<\/style>\n\n<div class=\"ar-landing-page\">\n  <span id=\"demo\" hidden aria-hidden=\"true\"><\/span>\n\n  <section class=\"ar-hero\" id=\"home\">\n    <div class=\"ar-container\">\n      <div class=\"ar-hero-grid\">\n        <div class=\"ar-hero-copy\">\n          <p class=\"ar-eyebrow\">Retail Point of Sale<\/p>\n          <h1>Run Your Retail Business From One System<\/h1>\n          <p class=\"ar-hero-lead\">\n            Manage checkout, inventory, employees, customers, reports, and payments from one\n            easy-to-use retail POS platform.\n          <\/p>\n          <div class=\"ar-buttons\">\n            <a href=\"https:\/\/app.aiosretail.com\/register\" class=\"ar-btn ar-btn-primary\">Sign Up<\/a>\n            <a href=\"#pricing\" class=\"ar-btn ar-btn-outline\">View Pricing<\/a>\n          <\/div>\n          <div class=\"ar-feature-row\">\n            <div class=\"ar-feature-mini\">\n              <div class=\"ar-feature-icon\">\ud83d\udda5\ufe0f<\/div>\n              <div class=\"ar-feature-title\">Powerful POS<\/div>\n              <div class=\"ar-feature-sub\">Fast retail checkout<\/div>\n            <\/div>\n            <div class=\"ar-feature-mini\">\n              <div class=\"ar-feature-icon\">\ud83d\udce6<\/div>\n              <div class=\"ar-feature-title\">Inventory<\/div>\n              <div class=\"ar-feature-sub\">Track stock in real time<\/div>\n            <\/div>\n            <div class=\"ar-feature-mini\">\n              <div class=\"ar-feature-icon\">\ud83d\udc65<\/div>\n              <div class=\"ar-feature-title\">Customers<\/div>\n              <div class=\"ar-feature-sub\">Profiles and history<\/div>\n            <\/div>\n            <div class=\"ar-feature-mini\">\n              <div class=\"ar-feature-icon\">\ud83d\udcc8<\/div>\n              <div class=\"ar-feature-title\">Insights<\/div>\n              <div class=\"ar-feature-sub\">Sales and settlements<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ar-hero-media\">\n          <!-- index:heroImages -->\n          <div class=\"ar-hero-carousel is-single\" data-ar-carousel>\n            <div class=\"ar-hero-slide is-active\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/Quick-Checkout-Mockup-Retail-2.png\"\n                alt=\"AIOS Retail POS checkout screen\"\n              \/>\n            <\/div>\n          <\/div>\n          <!-- \/index:heroImages -->\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-trusted\">\n    <div class=\"ar-container\">\n      <div class=\"ar-trusted-title\">Built for modern retail businesses<\/div>\n      <div class=\"ar-trust-grid\">\n        <div class=\"ar-trust-item\">Convenience<\/div>\n        <div class=\"ar-trust-item\">Boutique<\/div>\n        <div class=\"ar-trust-item\">Specialty<\/div>\n        <div class=\"ar-trust-item\">Grocery<\/div>\n        <div class=\"ar-trust-item\">Apparel<\/div>\n        <div class=\"ar-trust-item\">General Retail<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section\" id=\"features\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">Retail POS Features<\/h2>\n      <div class=\"ar-subtitle\">\n        Everything you need to run checkout, inventory, staff, and customers from one platform.\n      <\/div>\n      <div class=\"ar-grid\">\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Fast Checkout<\/h3>\n          <p>Process sales quickly with a clean, retail-ready point-of-sale flow.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Product & Inventory<\/h3>\n          <p>Manage products, categories, variants, and stock levels in one place.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Barcode Scanning<\/h3>\n          <p>Scan barcodes at checkout and during inventory updates to reduce errors.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Customer Management<\/h3>\n          <p>Save customer profiles and purchase history to support better service.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Employee PIN Access<\/h3>\n          <p>Give staff secure PIN access and control what each role can do.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Clock In & Clock Out<\/h3>\n          <p>Track employee time with clock-in and clock-out tools built into the POS.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Sales & Settlement Reports<\/h3>\n          <p>Review sales, settlements, and operational reports to understand performance.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Cash & Card Payments<\/h3>\n          <p>Accept cash and credit card payments with supported payment workflows.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Payment Terminal Integration<\/h3>\n          <p>Connect compatible payment terminals for countertop card acceptance.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Low-Stock Tracking<\/h3>\n          <p>Monitor inventory levels and stay ahead of low-stock products.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Discounts & Taxes<\/h3>\n          <p>Apply discounts and taxes during checkout to match your store policies.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-icon\">\u2713<\/div>\n          <h3>Loyalty & Marketing Tools<\/h3>\n          <p>Use customer loyalty and marketing tools to help bring shoppers back.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section ar-section-soft\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">How AIOS Retail Works<\/h2>\n      <div class=\"ar-subtitle\">A simple flow for cashiers, managers, and store owners.<\/div>\n      <div class=\"ar-steps\">\n        <div class=\"ar-card\">\n          <div class=\"ar-step-number\">1<\/div>\n          <h3>Set Up Products<\/h3>\n          <p>Add products, categories, prices, taxes, and inventory details.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-step-number\">2<\/div>\n          <h3>Ring Up Sales<\/h3>\n          <p>Check out customers with barcode scanning, discounts, and payments.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-step-number\">3<\/div>\n          <h3>Manage Your Team<\/h3>\n          <p>Give employees PIN access and track clock-in and clock-out activity.<\/p>\n        <\/div>\n        <div class=\"ar-card\">\n          <div class=\"ar-step-number\">4<\/div>\n          <h3>Review Reports<\/h3>\n          <p>Use sales and settlement reports to close shifts and understand results.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section\" id=\"hardware\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">Hardware & Payment Terminals<\/h2>\n      <div class=\"ar-subtitle\">\n        AIOS Retail works with these supported retail devices for checkout and payments.\n      <\/div>\n      <!-- index:hardwareItems -->\n      <div class=\"ar-hardware-showcase\" data-ar-hardware-showcase>\n        <div class=\"ar-hardware-grid\" role=\"group\" aria-label=\"Supported hardware\">\n          <button\n            type=\"button\"\n            class=\"ar-hardware\"\n            data-ar-hardware-id=\"pax-l1400\"\n            aria-label=\"View details for PAX L1400\"\n            aria-pressed=\"false\"\n            aria-controls=\"ar-hardware-panel\"\n            aria-expanded=\"false\"\n          >\n            <span class=\"ar-hardware-media\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/Quick-Checkout-Mockup-Retail-2.png\"\n                alt=\"PAX L1400 Android kiosk\"\n              \/>\n            <\/span>\n            <span class=\"ar-hardware-copy\">\n              <span class=\"ar-hardware-name\">PAX L1400<\/span>\n              <span class=\"ar-hardware-sub\">Android kiosk<\/span>\n            <\/span>\n            <span class=\"ar-hardware-chevron\" aria-hidden=\"true\"><\/span>\n          <\/button>\n          <button\n            type=\"button\"\n            class=\"ar-hardware\"\n            data-ar-hardware-id=\"pax-a3700\"\n            aria-label=\"View details for PAX A3700\"\n            aria-pressed=\"false\"\n            aria-controls=\"ar-hardware-panel\"\n            aria-expanded=\"false\"\n          >\n            <span class=\"ar-hardware-media\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/paxelys_a3700_tablet_front_1.png\"\n                alt=\"PAX A3700 payment device\"\n              \/>\n            <\/span>\n            <span class=\"ar-hardware-copy\">\n              <span class=\"ar-hardware-name\">PAX A3700<\/span>\n              <span class=\"ar-hardware-sub\">Payment device<\/span>\n            <\/span>\n            <span class=\"ar-hardware-chevron\" aria-hidden=\"true\"><\/span>\n          <\/button>\n          <button\n            type=\"button\"\n            class=\"ar-hardware\"\n            data-ar-hardware-id=\"printer\"\n            aria-label=\"View details for Printer\"\n            aria-pressed=\"false\"\n            aria-controls=\"ar-hardware-panel\"\n            aria-expanded=\"false\"\n          >\n            <span class=\"ar-hardware-media\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/star-micronics.webp\"\n                alt=\"Star Micronics receipt printer\"\n              \/>\n            <\/span>\n            <span class=\"ar-hardware-copy\">\n              <span class=\"ar-hardware-name\">Printer<\/span>\n              <span class=\"ar-hardware-sub\">Star Micronics<\/span>\n            <\/span>\n            <span class=\"ar-hardware-chevron\" aria-hidden=\"true\"><\/span>\n          <\/button>\n          <button\n            type=\"button\"\n            class=\"ar-hardware\"\n            data-ar-hardware-id=\"barcode-scanner\"\n            aria-label=\"View details for Barcode Scanner\"\n            aria-pressed=\"false\"\n            aria-controls=\"ar-hardware-panel\"\n            aria-expanded=\"false\"\n          >\n            <span class=\"ar-hardware-media\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/inateck_scanner.jpg\"\n                alt=\"Handheld barcode scanner\"\n              \/>\n            <\/span>\n            <span class=\"ar-hardware-copy\">\n              <span class=\"ar-hardware-name\">Barcode Scanner<\/span>\n              <span class=\"ar-hardware-sub\">Handheld scanner<\/span>\n            <\/span>\n            <span class=\"ar-hardware-chevron\" aria-hidden=\"true\"><\/span>\n          <\/button>\n          <button\n            type=\"button\"\n            class=\"ar-hardware\"\n            data-ar-hardware-id=\"cash-drawer\"\n            aria-label=\"View details for Cash Drawer\"\n            aria-pressed=\"false\"\n            aria-controls=\"ar-hardware-panel\"\n            aria-expanded=\"false\"\n          >\n            <span class=\"ar-hardware-media\">\n              <img decoding=\"async\"\n                src=\"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/volcora-cash-drawer.jpg\"\n                alt=\"Volcora cash drawer\"\n              \/>\n            <\/span>\n            <span class=\"ar-hardware-copy\">\n              <span class=\"ar-hardware-name\">Cash Drawer<\/span>\n              <span class=\"ar-hardware-sub\">Under-counter drawer<\/span>\n            <\/span>\n            <span class=\"ar-hardware-chevron\" aria-hidden=\"true\"><\/span>\n          <\/button>\n        <\/div>\n        <div\n          class=\"ar-hardware-panel\"\n          id=\"ar-hardware-panel\"\n          data-ar-hardware-panel\n hidden\n aria-hidden=\"true\"\n        >\n          <div class=\"ar-hardware-panel-pointer\" data-ar-hardware-pointer aria-hidden=\"true\"><\/div>\n          <div class=\"ar-hardware-panel-inner\" data-ar-hardware-panel-inner>\n            <div class=\"ar-hw-overview\">\n              <div class=\"ar-hw-overview-media\">\n                <img data-ar-hw-image alt=\"\" \/>\n              <\/div>\n              <div class=\"ar-hw-overview-copy\">\n                <h3 data-ar-hw-name><\/h3>\n                <p class=\"ar-hw-type\" data-ar-hw-type><\/p>\n                <p class=\"ar-hw-desc\" data-ar-hw-desc><\/p>\n              <\/div>\n              <div class=\"ar-hw-caps\" data-ar-hw-caps><\/div>\n            <\/div>\n            <div class=\"ar-hw-features\">\n              <h4>Key Features<\/h4>\n              <ul data-ar-hw-features><\/ul>\n            <\/div>\n            <div class=\"ar-hw-specs\">\n              <h4>Specifications<\/h4>\n              <div class=\"ar-hw-spec-list\" data-ar-hw-specs><\/div>\n            <\/div>\n            <div class=\"ar-hw-price-col\">\n              <h4>Hardware Price<\/h4>\n              <div class=\"ar-hw-price-row\">\n                <span class=\"ar-hw-price-prefix\">Starting at<\/span>\n                <span class=\"ar-hw-price\" data-ar-hw-price><\/span>\n              <\/div>\n              <div class=\"ar-hw-price-note\">\n                <span class=\"ar-hw-price-note-icon\" aria-hidden=\"true\">i<\/span>\n                <p data-ar-hw-note>\n                  Final pricing may vary based on configuration, availability, shipping,\n                  installation, and quantity.\n                <\/p>\n              <\/div>\n              <div class=\"ar-hw-actions\">\n                <a class=\"ar-btn ar-btn-primary ar-open-demo\" data-ar-hw-quote href=\"#demo\"\n                  >Book a Demo<\/a\n>\n              <\/div>\n            <\/div>\n          <\/div>\n          <button type=\"button\" class=\"ar-hw-close\" data-ar-hardware-close>\n            Close Details\n            <span aria-hidden=\"true\"><\/span>\n          <\/button>\n        <\/div>\n        <p class=\"ar-hardware-trust\">\n          <span class=\"ar-hardware-trust-icon\" aria-hidden=\"true\"><\/span>\n          <span>All devices are tested and fully compatible with AIOS Retail.<\/span>\n        <\/p>\n      <\/div>\n      <script type=\"application\/json\" id=\"ar-hardware-data\">\n        [\n          {\n            \"id\": \"pax-l1400\",\n            \"name\": \"PAX L1400\",\n            \"subtitle\": \"Android kiosk\",\n            \"type\": \"Android Kiosk\",\n            \"src\": \"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/Quick-Checkout-Mockup-Retail-2.png\",\n            \"alt\": \"PAX L1400 Android kiosk\",\n            \"description\": \"The PAX L1400 is an all-in-one Android kiosk designed for retail environments.\",\n            \"capabilities\": [\n              { \"icon\": \"android\", \"label\": \"Android 10\" },\n              { \"icon\": \"screen\", \"label\": \"14\\\" Touchscreen\" },\n              { \"icon\": \"wifi\", \"label\": \"Wi-Fi \/ LAN\" },\n              { \"icon\": \"secure\", \"label\": \"Secure\" }\n            ],\n            \"features\": [\n              \"14\\\" Full HD touchscreen display\",\n              \"Built-in receipt printer optional\",\n              \"Multiple connectivity options\",\n              \"Sleek, space-saving design\",\n              \"Reliable performance for retail POS\"\n            ],\n            \"specs\": [\n              { \"label\": \"Screen Size\", \"value\": \"14\\\"\" },\n              { \"label\": \"Resolution\", \"value\": \"1920 \u00d7 1080\" },\n              { \"label\": \"Processor\", \"value\": \"Quad-core\" },\n              { \"label\": \"Memory\", \"value\": \"4GB RAM \/ 64GB ROM\" },\n              { \"label\": \"Connectivity\", \"value\": \"Wi-Fi, LAN, Bluetooth\" },\n              { \"label\": \"OS\", \"value\": \"Android 10\" },\n              { \"label\": \"Weight\", \"value\": \"3.2 kg\" }\n            ],\n            \"price\": \"$1,099\",\n            \"priceNote\": \"Final pricing may vary based on configuration, availability, shipping, installation, and quantity.\",\n            \"quoteHref\": \"#demo\"\n          },\n          {\n            \"id\": \"pax-a3700\",\n            \"name\": \"PAX A3700\",\n            \"subtitle\": \"Payment device\",\n            \"type\": \"Payment Device\",\n            \"src\": \"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/paxelys_a3700_tablet_front_1.png\",\n            \"alt\": \"PAX A3700 payment device\",\n            \"description\": \"The PAX A3700 is a compact Android payment terminal built for fast, secure card acceptance at the counter.\",\n            \"capabilities\": [\n              { \"icon\": \"android\", \"label\": \"Android OS\" },\n              { \"icon\": \"screen\", \"label\": \"Touch Display\" },\n              { \"icon\": \"wifi\", \"label\": \"Wi-Fi \/ 4G\" },\n              { \"icon\": \"secure\", \"label\": \"PCI Secure\" }\n            ],\n            \"features\": [\n              \"Contactless, chip, and swipe payments\",\n              \"Customer-facing touchscreen checkout\",\n              \"Fast authorization for busy counters\",\n              \"Compact footprint for limited counter space\",\n              \"Compatible with AIOS Retail payment workflows\"\n            ],\n            \"specs\": [\n              { \"label\": \"Display\", \"value\": \"Color touchscreen\" },\n              { \"label\": \"Payments\", \"value\": \"NFC, EMV, MSR\" },\n              { \"label\": \"Processor\", \"value\": \"Quad-core\" },\n              { \"label\": \"Memory\", \"value\": \"2GB RAM \/ 16GB ROM\" },\n              { \"label\": \"Connectivity\", \"value\": \"Wi-Fi, Bluetooth, 4G*\" },\n              { \"label\": \"OS\", \"value\": \"Android\" },\n              { \"label\": \"Security\", \"value\": \"PCI PTS compliant*\" }\n            ],\n            \"price\": \"$599\",\n            \"priceNote\": \"Final pricing may vary based on configuration, availability, shipping, installation, and quantity.\",\n            \"quoteHref\": \"#demo\"\n          },\n          {\n            \"id\": \"printer\",\n            \"name\": \"Printer\",\n            \"subtitle\": \"Star Micronics\",\n            \"type\": \"Receipt Printer\",\n            \"src\": \"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/star-micronics.webp\",\n            \"alt\": \"Star Micronics receipt printer\",\n            \"description\": \"A Star Micronics receipt printer delivers clear, reliable receipts for everyday retail checkout.\",\n            \"capabilities\": [\n              { \"icon\": \"print\", \"label\": \"Thermal Print\" },\n              { \"icon\": \"speed\", \"label\": \"Fast Output\" },\n              { \"icon\": \"wifi\", \"label\": \"USB \/ LAN*\" },\n              { \"icon\": \"secure\", \"label\": \"Retail Ready\" }\n            ],\n            \"features\": [\n              \"Crisp thermal receipt printing\",\n              \"Designed for high-volume retail counters\",\n              \"Compact design that saves counter space\",\n              \"Easy drop-in paper loading\",\n              \"Works with AIOS Retail checkout flows\"\n            ],\n            \"specs\": [\n              { \"label\": \"Print Method\", \"value\": \"Direct thermal\" },\n              { \"label\": \"Paper Width\", \"value\": \"80 mm*\" },\n              { \"label\": \"Print Speed\", \"value\": \"Up to 250 mm\/s*\" },\n              { \"label\": \"Interfaces\", \"value\": \"USB, Ethernet*\" },\n              { \"label\": \"Auto Cutter\", \"value\": \"Yes*\" },\n              { \"label\": \"Color\", \"value\": \"Black \/ White*\" },\n              { \"label\": \"Use Case\", \"value\": \"Receipts & tickets\" }\n            ],\n            \"price\": \"$299\",\n            \"priceNote\": \"Final pricing may vary based on configuration, availability, shipping, installation, and quantity.\",\n            \"quoteHref\": \"#demo\"\n          },\n          {\n            \"id\": \"barcode-scanner\",\n            \"name\": \"Barcode Scanner\",\n            \"subtitle\": \"Handheld scanner\",\n            \"type\": \"Handheld Scanner\",\n            \"src\": \"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/inateck_scanner.jpg\",\n            \"alt\": \"Handheld barcode scanner\",\n            \"description\": \"A handheld barcode scanner helps cashiers ring up items quickly and keep inventory counts accurate.\",\n            \"capabilities\": [\n              { \"icon\": \"scan\", \"label\": \"1D \/ 2D*\" },\n              { \"icon\": \"speed\", \"label\": \"Fast Scan\" },\n              { \"icon\": \"wifi\", \"label\": \"USB \/ Wireless*\" },\n              { \"icon\": \"secure\", \"label\": \"Durable\" }\n            ],\n            \"features\": [\n              \"Quick barcode capture at checkout\",\n              \"Helps reduce manual entry errors\",\n              \"Comfortable handheld design for long shifts\",\n              \"Supports common retail barcode formats\",\n              \"Pairs with AIOS Retail product lookup\"\n            ],\n            \"specs\": [\n              { \"label\": \"Scan Type\", \"value\": \"1D \/ 2D barcodes*\" },\n              { \"label\": \"Interface\", \"value\": \"USB \/ Wireless*\" },\n              { \"label\": \"Form Factor\", \"value\": \"Handheld\" },\n              { \"label\": \"Trigger\", \"value\": \"Manual scan button\" },\n              { \"label\": \"Use Case\", \"value\": \"Checkout & inventory\" },\n              { \"label\": \"Durability\", \"value\": \"Retail counter use\" },\n              { \"label\": \"Compatibility\", \"value\": \"AIOS Retail POS\" }\n            ],\n            \"price\": \"$129\",\n            \"priceNote\": \"Final pricing may vary based on configuration, availability, shipping, installation, and quantity.\",\n            \"quoteHref\": \"#demo\"\n          },\n          {\n            \"id\": \"cash-drawer\",\n            \"name\": \"Cash Drawer\",\n            \"subtitle\": \"Under-counter drawer\",\n            \"type\": \"Cash Drawer\",\n            \"src\": \"https:\/\/aiosretail.com\/wp-content\/uploads\/2026\/07\/volcora-cash-drawer.jpg\",\n            \"alt\": \"Volcora cash drawer\",\n            \"description\": \"An under-counter cash drawer keeps bills and coins organized and secure during every shift.\",\n            \"capabilities\": [\n              { \"icon\": \"secure\", \"label\": \"Secure Lock\" },\n              { \"icon\": \"drawer\", \"label\": \"Multi-Till\" },\n              { \"icon\": \"speed\", \"label\": \"Auto Open*\" },\n              { \"icon\": \"print\", \"label\": \"Printer Kick*\" }\n            ],\n            \"features\": [\n              \"Secure storage for cash and coin\",\n              \"Organized till layout for faster counting\",\n              \"Fits standard under-counter setups\",\n              \"Can open with compatible receipt printers*\",\n              \"Built for everyday retail use\"\n            ],\n            \"specs\": [\n              { \"label\": \"Mount\", \"value\": \"Under-counter\" },\n              { \"label\": \"Lock\", \"value\": \"Key lock*\" },\n              { \"label\": \"Till Insert\", \"value\": \"Bill & coin compartments\" },\n              { \"label\": \"Open Method\", \"value\": \"Manual \/ printer kick*\" },\n              { \"label\": \"Material\", \"value\": \"Steel construction*\" },\n              { \"label\": \"Finish\", \"value\": \"Black*\" },\n              { \"label\": \"Compatibility\", \"value\": \"AIOS Retail POS\" }\n            ],\n            \"price\": \"$119\",\n            \"priceNote\": \"Final pricing may vary based on configuration, availability, shipping, installation, and quantity.\",\n            \"quoteHref\": \"#demo\"\n          }\n        ]\n      <\/script>\n      <!-- \/index:hardwareItems -->\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section ar-section-soft\" id=\"pricing\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">Simple, Transparent Pricing<\/h2>\n      <div class=\"ar-subtitle\">Choose the plan that fits how your store processes payments.<\/div>\n\n      <div class=\"ar-pricing-grid\">\n        <div class=\"ar-price-card is-featured\">\n          <div class=\"ar-badge\">Best Value<\/div>\n          <div class=\"ar-plan-name\">Free POS<\/div>\n          <div class=\"ar-price\">$0 <span>\/ month<\/span><\/div>\n          <div class=\"ar-plan-desc\">With AIOS Retail payment processing<\/div>\n          <p class=\"ar-plan-small\">\n            Included with approved AIOS Retail payment processing. Requires about $25,000\/month in\n            processing volume and a one-year commitment.\n          <\/p>\n          <ul class=\"ar-feature-list\">\n            <li>Full retail POS access<\/li>\n            <li>Checkout and payment tools<\/li>\n            <li>Product and inventory management<\/li>\n            <li>Employee access<\/li>\n            <li>Customer management<\/li>\n            <li>Sales and settlement reports<\/li>\n            <li>Payment terminal integration<\/li>\n            <li>Standard support<\/li>\n          <\/ul>\n          <a href=\"#demo\" class=\"ar-price-btn ar-open-demo\">Start With Processing<\/a>\n        <\/div>\n\n        <div class=\"ar-price-card\">\n          <div class=\"ar-plan-label\">Promotional Price<\/div>\n          <div class=\"ar-plan-name\">POS Subscription<\/div>\n          <div class=\"ar-price\">$99.99 <span>\/ month<\/span><\/div>\n          <div class=\"ar-plan-desc\">Use an eligible supported payment setup<\/div>\n          <p class=\"ar-plan-small\">\n            Promotional pricing may be changed or discontinued for future customers.\n          <\/p>\n          <ul class=\"ar-feature-list\">\n            <li>Full retail POS access<\/li>\n            <li>Use an eligible supported payment setup<\/li>\n            <li>Product and inventory management<\/li>\n            <li>Employee access<\/li>\n            <li>Customer management<\/li>\n            <li>Sales and settlement reports<\/li>\n            <li>Standard support<\/li>\n          <\/ul>\n          <a\n            href=\"https:\/\/aiosretail.com\/vi\/business\/\"\n            class=\"ar-price-btn is-secondary\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >Choose Subscription<\/a\n>\n        <\/div>\n      <\/div>\n\n      <p class=\"ar-free-terms\">\n        <strong>Free POS Subscription Terms.<\/strong> The $0 monthly POS plan is available only to\n        merchants approved for AIOS Retail payment processing who process approximately $25,000 or\n        more per month through an approved AIOS Retail processing partner and agree to a one-year\n        commitment. Merchants must keep an active eligible processing account and use AIOS Retail\n        processing as the primary payment solution for AIOS Retail transactions. Processing fees,\n        hardware, PCI, chargebacks, taxes, and other charges are separate. Approval is subject to\n        underwriting. If you stop qualifying, you may need to move to the paid POS subscription to\n        continue using AIOS Retail.\n        <a href=\"\/vi\/.\/terms.html\/\">Full Terms and Conditions<\/a>\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section\" id=\"faq\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">Frequently Asked Questions<\/h2>\n      <div class=\"ar-subtitle\">Simple answers about AIOS Retail pricing and retail features.<\/div>\n      <div class=\"ar-faq\">\n        <details>\n          <summary>Why is the POS subscription free with processing?<\/summary>\n          <p>\n            Merchants approved for AIOS Retail payment processing who meet the free-plan\n            requirements \u2014 including about $25,000\/month in processing volume and a one-year\n            commitment \u2014 can receive the POS subscription at $0 per month. Processing fees and\n            related charges remain separate.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>Are payment processing fees included?<\/summary>\n          <p>\n            No. Payment processing fees, equipment fees, PCI fees, chargebacks, refunds, taxes, and\n            similar charges are not included in the POS subscription.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>What happens if I stop processing with AIOS Retail?<\/summary>\n          <p>\n            If you close, cancel, stop using, or become ineligible for AIOS Retail payment\n            processing, the free POS subscription may end. You may need to move to the paid POS\n            subscription to continue using AIOS Retail.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>Is hardware included?<\/summary>\n          <p>\n            Hardware is not automatically included. Computers, terminals, printers, accessories, and\n            installation may require additional fees.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>Can I choose the $99.99 monthly plan instead?<\/summary>\n          <p>\n            Yes. The promotional POS Subscription plan is available for merchants who prefer an\n            eligible supported payment setup outside the free processing-based option.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>Does approval require underwriting?<\/summary>\n          <p>\n            Yes. Payment processing approval is subject to underwriting, identity verification,\n            business verification, and acceptance of the applicable merchant processing agreement.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>Can I manage inventory and employees?<\/summary>\n          <p>\n            Yes. AIOS Retail includes product and inventory tools, employee PIN access, and clock-in\n            \/ clock-out support.\n          <\/p>\n        <\/details>\n        <details>\n          <summary>Does AIOS Retail support cash and credit card payments?<\/summary>\n          <p>\n            Yes. AIOS Retail supports cash payments and credit card acceptance through compatible\n            payment workflows and terminals.\n          <\/p>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"ar-section ar-section-alt\" id=\"contact\">\n    <div class=\"ar-container\">\n      <h2 class=\"ar-title\">Contact<\/h2>\n      <div class=\"ar-subtitle\">Talk with AIOS Retail about POS setup and pricing.<\/div>\n      <div class=\"ar-contact-card\">\n        <p>\n          Ready to get started with AIOS Retail? Reach out and our team can help you choose the\n          right plan and payment setup for your store.\n        <\/p>\n        <div class=\"ar-contact-meta\">\n          <span\n            >Website:\n            <a href=\"https:\/\/aiosretail.com\/vi\/\" target=\"_blank\" rel=\"noopener noreferrer\"\n              >aiosretail.com<\/a\n><\/span\n>\n          <span>Email: <a href=\"mailto:support@aiosretail.com\">support@aiosretail.com<\/a><\/span>\n          <span>Phone: <a href=\"tel: 18336599930\">+1 (833) 659-9930<\/a><\/span>\n        <\/div>\n        <div class=\"ar-buttons\" style=\"justify-content: center; margin-bottom: 0\">\n          <a href=\"#demo\" class=\"ar-btn ar-btn-primary ar-open-demo\">Book a Demo<\/a>\n          <a\n            href=\"https:\/\/aiosretail.com\/vi\/business\/\"\n            class=\"ar-btn ar-btn-outline\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >Sign Up<\/a\n>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<div\n  class=\"ar-aio-modal-overlay\"\n  id=\"arDemoOverlay\"\n  role=\"dialog\"\n  aria-modal=\"true\"\n  aria-labelledby=\"arDemoTitle\"\n>\n  <div class=\"ar-aio-modal\">\n    <button class=\"ar-aio-close\" type=\"button\" aria-label=\"Close\" onclick=\"arDemoClose()\">\n      &#10005;\n    <\/button>\n\n    <div id=\"arDemoFormWrap\">\n      <h3 id=\"arDemoTitle\">Start With Processing<\/h3>\n      <p class=\"ar-aio-sub\">\n        Tell us a little about your store and our team will reach out to get you started with AIOS\n        Retail payment processing.\n      <\/p>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arBiz\">Business Name *<\/label>\n        <input\n          id=\"arBiz\"\n          name=\"salonName\"\n          type=\"text\"\n          required\n autocomplete=\"organization\"\n          placeholder=\"Enter your business name\"\n        \/>\n      <\/div>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arName\">Your Name *<\/label>\n        <input\n          id=\"arName\"\n          name=\"contactName\"\n          type=\"text\"\n          required\n autocomplete=\"name\"\n          placeholder=\"Enter your full name\"\n        \/>\n      <\/div>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arPhone\">Phone Number *<\/label>\n        <input\n          id=\"arPhone\"\n          name=\"phone\"\n          type=\"tel\"\n          required\n autocomplete=\"tel\"\n          placeholder=\"(xxx) xxx-xxxx\"\n        \/>\n      <\/div>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arEmail\">Email <span class=\"ar-aio-opt\">(optional)<\/span><\/label>\n        <input\n          id=\"arEmail\"\n          name=\"email\"\n          type=\"email\"\n          autocomplete=\"email\"\n          placeholder=\"Enter your email address\"\n        \/>\n      <\/div>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arCity\">City \/ State <span class=\"ar-aio-opt\">(optional)<\/span><\/label>\n        <input\n          id=\"arCity\"\n          name=\"location\"\n          type=\"text\"\n          autocomplete=\"address-level2\"\n          placeholder=\"Enter your city and state\"\n        \/>\n      <\/div>\n\n      <div class=\"ar-aio-field\">\n        <label for=\"arTime\">Best Time to Contact <span class=\"ar-aio-opt\">(optional)<\/span><\/label>\n        <select id=\"arTime\" name=\"bestTime\">\n          <option value=\"Anytime\" selected>Anytime<\/option>\n          <option value=\"Morning (9AM \u2013 12PM)\">Morning (9AM \u2013 12PM)<\/option>\n          <option value=\"Afternoon (12PM \u2013 5PM)\">Afternoon (12PM \u2013 5PM)<\/option>\n          <option value=\"Evening (5PM \u2013 8PM)\">Evening (5PM \u2013 8PM)<\/option>\n        <\/select>\n      <\/div>\n\n      <div class=\"ar-aio-hp\" aria-hidden=\"true\">\n        <label for=\"arWebsite\">Website<\/label>\n        <input\n          id=\"arWebsite\"\n          name=\"website\"\n          type=\"text\"\n          tabindex=\"-1\"\n          autocomplete=\"off\"\n          value=\"\"\n        \/>\n      <\/div>\n\n      <button class=\"ar-aio-submit\" type=\"button\" id=\"arSubmitBtn\" onclick=\"arDemoSubmit()\">\n        Submit Application\n      <\/button>\n      <div class=\"ar-aio-error\" id=\"arDemoError\">\n        Something went wrong \u2014 please try again, or call us at (833) 659-9930.\n      <\/div>\n      <p class=\"ar-aio-note\">We'll contact you shortly. Approval is subject to underwriting.<\/p>\n    <\/div>\n\n    <div class=\"ar-aio-success\" id=\"arDemoSuccess\">\n      <div class=\"ar-aio-check\">&#10003;<\/div>\n      <h4>Thank you!<\/h4>\n      <p>Your processing signup request has been sent.<br \/>Our team will contact you shortly.<\/p>\n      <button class=\"ar-aio-submit\" type=\"button\" onclick=\"arDemoClose()\">Close<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    var carousel = document.querySelector(\"[data-ar-carousel]\");\n    if (!carousel) return;\n    var slides = Array.prototype.slice.call(carousel.querySelectorAll(\".ar-hero-slide\"));\n    var dotsWrap = carousel.querySelector(\"[data-ar-dots]\");\n    var index = 0;\n\n    function show(i) {\n      index = (i + slides.length) % slides.length;\n      slides.forEach(function (slide, n) {\n        slide.classList.toggle(\"is-active\", n === index);\n      });\n      if (dotsWrap) {\n        Array.prototype.forEach.call(dotsWrap.children, function (dot, n) {\n          dot.classList.toggle(\"is-active\", n === index);\n        });\n      }\n    }\n\n    if (dotsWrap) {\n      slides.forEach(function (_, n) {\n        var dot = document.createElement(\"button\");\n        dot.type = \"button\";\n        dot.className = \"ar-hero-dot\" + (n === 0 ? \" is-active\" : \"\");\n        dot.setAttribute(\"aria-label\", \"Show image \" + (n + 1));\n        dot.addEventListener(\"click\", function () {\n          show(n);\n        });\n        dotsWrap.appendChild(dot);\n      });\n    }\n\n    var prev = carousel.querySelector(\".ar-hero-prev\");\n    var next = carousel.querySelector(\".ar-hero-next\");\n    if (prev)\n      prev.addEventListener(\"click\", function () {\n        show(index - 1);\n      });\n    if (next)\n      next.addEventListener(\"click\", function () {\n        show(index + 1);\n      });\n  });\n<\/script>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    var root = document.querySelector(\"[data-ar-hardware-showcase]\");\n    var dataEl = document.getElementById(\"ar-hardware-data\");\n    if (!root || !dataEl) return;\n\n    var items;\n    try {\n      items = JSON.parse(dataEl.textContent || \"[]\");\n    } catch (err) {\n      return;\n    }\n    if (!items.length) return;\n\n    var cards = Array.prototype.slice.call(root.querySelectorAll(\".ar-hardware\"));\n    var panel = root.querySelector(\"[data-ar-hardware-panel]\");\n    var pointer = root.querySelector(\"[data-ar-hardware-pointer]\");\n    var closeBtn = root.querySelector(\"[data-ar-hardware-close]\");\n    var selectedId = null;\n    var open = false;\n    var closeTimer = null;\n\n    var iconMap = {\n      android:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M17.6 9.48l1.84-3.18a.5.5 0 10-.87-.5l-1.9 3.28A7.9 7.9 0 0012 8c-1.55 0-3 .44-4.67 1.08l-1.9-3.28a.5.5 0 10-.87.5L6.4 9.48C4.34 10.86 3 13.05 3 15.5v.5h18v-.5c0-2.45-1.34-4.64-3.4-6.02zM8.5 13.25a.75.75 0 110-1.5.75.75 0 010 1.5zm7 0a.75.75 0 110-1.5.75.75 0 010 1.5zM7 17h2v3H7v-3zm8 0h2v3h-2v-3z\"\/><\/svg>',\n      screen:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M4 5h16a1 1 0 011 1v10a1 1 0 01-1 1h-6.2l.5 1.5H15a.75.75 0 010 1.5H9a.75.75 0 010-1.5h1.7L11.2 17H4a1 1 0 01-1-1V6a1 1 0 011-1zm1 2v8h14V7H5z\"\/><\/svg>',\n      wifi: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M12 18.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0-5.25a4.75 4.75 0 013.36 1.39.75.75 0 001.06-1.06 6.25 6.25 0 00-8.84 0 .75.75 0 101.06 1.06A4.75 4.75 0 0112 13.25zm0-4a8.75 8.75 0 016.19 2.56.75.75 0 001.06-1.06 10.25 10.25 0 00-14.5 0 .75.75 0 101.06 1.06A8.75 8.75 0 0112 9.25z\"\/><\/svg>',\n      secure:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M12 2.75l7 2.6v5.9c0 4.55-2.95 8.55-7 9.85-4.05-1.3-7-5.3-7-9.85v-5.9l7-2.6zm0 1.6L6.5 6.3v4.95c0 3.7 2.35 7 5.5 8.2 3.15-1.2 5.5-4.5 5.5-8.2V6.3L12 4.35zm-.1 3.4a.75.75 0 01.7.75v.85h.9a1.75 1.75 0 011.75 1.75v2.6A1.75 1.75 0 0113.5 15.45h-3A1.75 1.75 0 018.75 13.7v-2.6A1.75 1.75 0 0110.5 9.35h.9V8.5a.75.75 0 01.75-.75h-.25zm-1.4 4.1v2.6c0 .14.11.25.25.25h3c.14 0 .25-.11.25-.25v-2.6a.25.25 0 00-.25-.25h-3a.25.25 0 00-.25.25z\"\/><\/svg>',\n      print:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M7 3.75h10A1.25 1.25 0 0118.25 5v3.25H5.75V5A1.25 1.25 0 017 3.75zm-2.5 6h15A1.75 1.75 0 0121.25 11.5v5A1.75 1.75 0 0119.5 18.25h-1.25V21a.75.75 0 01-.75.75H6.5a.75.75 0 01-.75-.75v-2.75H4.5A1.75 1.75 0 012.75 16.5v-5A1.75 1.75 0 014.5 9.75zM7.25 17.5v2.75h9.5V17.5h-9.5zM5 12.5a1 1 0 100 2 1 1 0 000-2z\"\/><\/svg>',\n      speed:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M12 3.5a8.5 8.5 0 018.5 8.5c0 1.53-.4 2.96-1.12 4.2l-1.2-.9A7 7 0 0019 12a7 7 0 10-7 7 6.9 6.9 0 003.3-.82l.9 1.2A8.45 8.45 0 0112 20.5 8.5 8.5 0 0112 3.5zm5.03 4.47l-4.2 4.2a1.25 1.25 0 11-1.06.4l4.9-4.9a.75.75 0 011.06 1.06l-.7.7z\"\/><\/svg>',\n      scan: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M4 5.75A1.75 1.75 0 015.75 4h3a.75.75 0 010 1.5h-3a.25.25 0 00-.25.25v3a.75.75 0 01-1.5 0v-3zM15.25 4h3A1.75 1.75 0 0120 5.75v3a.75.75 0 01-1.5 0v-3a.25.25 0 00-.25-.25h-3a.75.75 0 010-1.5zM4 15.25a.75.75 0 011.5 0v3c0 .14.11.25.25.25h3a.75.75 0 010 1.5h-3A1.75 1.75 0 014 18.25v-3zm16 0a.75.75 0 00-1.5 0v3a.25.25 0 01-.25.25h-3a.75.75 0 000 1.5h3A1.75 1.75 0 0020 18.25v-3zM6.5 11.25h11a.75.75 0 010 1.5h-11a.75.75 0 010-1.5z\"\/><\/svg>',\n      drawer:\n        '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M4.75 5h14.5A1.75 1.75 0 0121 6.75v10.5A1.75 1.75 0 0119.25 19H4.75A1.75 1.75 0 013 17.25V6.75A1.75 1.75 0 014.75 5zm0 1.5a.25.25 0 00-.25.25v3h15v-3a.25.25 0 00-.25-.25H4.75zm-.25 9.75c0 .14.11.25.25.25h14.5a.25.25 0 00.25-.25v-5H4.5v5zM12 13.25a1 1 0 110 2 1 1 0 010-2z\"\/><\/svg>',\n    };\n\n    function findItem(id) {\n      for (var i = 0; i < items.length; i++) {\n        if (items[i].id === id) return items[i];\n      }\n      return null;\n    }\n\n    function findCard(id) {\n      for (var i = 0; i < cards.length; i++) {\n        if (cards[i].getAttribute(\"data-ar-hardware-id\") === id) return cards[i];\n      }\n      return null;\n    }\n\n    function updatePointer() {\n      if (!pointer || !panel) return;\n      var selected = root.querySelector(\".ar-hardware.is-selected\");\n      if (!selected || !open) {\n        pointer.style.opacity = \"0\";\n        return;\n      }\n      var rootRect = panel.getBoundingClientRect();\n      var cardRect = selected.getBoundingClientRect();\n      var left = cardRect.left + cardRect.width \/ 2 - rootRect.left;\n      pointer.style.left = left + \"px\";\n      pointer.style.opacity = \"1\";\n    }\n\n    function escapeText(value) {\n      return String(value || \"\")\n        .replace(\/&\/g, \"&amp;\")\n        .replace(\/<\/g, \"&lt;\")\n        .replace(\/>\/g, \"&gt;\")\n        .replace(\/\"\/g, \"&quot;\");\n    }\n\n    function fillPanel(item, animate) {\n      var panelInner = panel.querySelector(\"[data-ar-hardware-panel-inner]\");\n      var img = panel.querySelector(\"[data-ar-hw-image]\");\n      var name = panel.querySelector(\"[data-ar-hw-name]\");\n      var type = panel.querySelector(\"[data-ar-hw-type]\");\n      var desc = panel.querySelector(\"[data-ar-hw-desc]\");\n      var caps = panel.querySelector(\"[data-ar-hw-caps]\");\n      var features = panel.querySelector(\"[data-ar-hw-features]\");\n      var specs = panel.querySelector(\"[data-ar-hw-specs]\");\n      var price = panel.querySelector(\"[data-ar-hw-price]\");\n      var note = panel.querySelector(\"[data-ar-hw-note]\");\n      var quote = panel.querySelector(\"[data-ar-hw-quote]\");\n\n      function apply() {\n        if (img) {\n          img.src = item.src;\n          img.alt = item.alt || item.name;\n        }\n        if (name) name.textContent = item.name;\n        if (type) type.textContent = item.type;\n        if (desc) desc.textContent = item.description;\n        if (price) price.textContent = item.price;\n        if (note) note.textContent = item.priceNote;\n        if (quote) quote.href = item.quoteHref || \"#demo\";\n\n        if (caps) {\n          caps.innerHTML = (item.capabilities || [])\n            .map(function (cap) {\n              return (\n                '<div class=\"ar-hw-cap\"><span class=\"ar-hw-cap-icon\">' +\n                (iconMap[cap.icon] || iconMap.secure) +\n                '<\/span><span class=\"ar-hw-cap-label\">' +\n                escapeText(cap.label) +\n                \"<\/span><\/\" +\n                \"div>\"\n              );\n            })\n            .join(\"\");\n        }\n\n        if (features) {\n          features.innerHTML = (item.features || [])\n            .map(function (feature) {\n              return \"<li>\" + escapeText(feature) + \"<\/li>\";\n            })\n            .join(\"\");\n        }\n\n        if (specs) {\n          specs.innerHTML = (item.specs || [])\n            .map(function (spec) {\n              return (\n                '<div class=\"ar-hw-spec-row\"><span class=\"ar-hw-spec-label\">' +\n                escapeText(spec.label) +\n                '<\/span><span class=\"ar-hw-spec-value\">' +\n                escapeText(spec.value) +\n                \"<\/span><\/\" +\n                \"div>\"\n              );\n            })\n            .join(\"\");\n        }\n      }\n\n      if (animate && panelInner) {\n        panelInner.classList.add(\"is-switching\");\n        window.setTimeout(function () {\n          apply();\n          panelInner.classList.remove(\"is-switching\");\n          updatePointer();\n        }, 120);\n        return;\n      }\n\n      apply();\n    }\n\n    function syncCardState() {\n      cards.forEach(function (card) {\n        var isSelected = open && card.getAttribute(\"data-ar-hardware-id\") === selectedId;\n        card.classList.toggle(\"is-selected\", isSelected);\n        card.setAttribute(\"aria-pressed\", isSelected ? \"true\" : \"false\");\n        card.setAttribute(\"aria-expanded\", isSelected ? \"true\" : \"false\");\n      });\n    }\n\n    function setOpen(nextOpen, options) {\n      options = options || {};\n      if (closeTimer) {\n        window.clearTimeout(closeTimer);\n        closeTimer = null;\n      }\n\n      open = nextOpen;\n      syncCardState();\n\n      if (open) {\n        panel.hidden = false;\n        panel.setAttribute(\"aria-hidden\", \"false\");\n        requestAnimationFrame(function () {\n          panel.classList.add(\"is-open\");\n          updatePointer();\n        });\n        return;\n      }\n\n      panel.classList.remove(\"is-open\");\n      panel.setAttribute(\"aria-hidden\", \"true\");\n      pointer.style.opacity = \"0\";\n      closeTimer = window.setTimeout(function () {\n        if (!open) panel.hidden = true;\n        closeTimer = null;\n      }, 320);\n\n      if (options.focusId) {\n        var focusCard = findCard(options.focusId);\n        if (focusCard) focusCard.focus();\n      }\n    }\n\n    function closePanel(focusId) {\n      var previousId = selectedId;\n      selectedId = null;\n      setOpen(false, { focusId: focusId || previousId });\n    }\n\n    function selectCard(id) {\n      if (selectedId === id && open) {\n        closePanel(id);\n        return;\n      }\n\n      var item = findItem(id);\n      if (!item) return;\n\n      var shouldAnimate = open && selectedId !== id;\n      selectedId = id;\n      fillPanel(item, shouldAnimate);\n      setOpen(true);\n    }\n\n    cards.forEach(function (card) {\n      card.addEventListener(\"click\", function () {\n        selectCard(card.getAttribute(\"data-ar-hardware-id\"));\n      });\n    });\n\n    if (closeBtn) {\n      closeBtn.addEventListener(\"click\", function () {\n        closePanel(selectedId);\n      });\n    }\n\n    window.addEventListener(\"resize\", updatePointer);\n    syncCardState();\n    updatePointer();\n  });\n<\/script>\n\n<script>\n  (function () {\n    \/* Salon Ops public lead API (TWSS ops dropped). *\/\n    window.AR_FORM_ENDPOINT =\n      window.AR_FORM_ENDPOINT || \"https:\/\/ops.salonbookly.com\/api\/public\/leads\/demo-request\/\";\n    window.AR_DEMO_SOURCE = window.AR_DEMO_SOURCE || \"AIO Solutions - Book a Demo\";\n    window.AR_DEMO_PLATFORM = window.AR_DEMO_PLATFORM || \"store\";\n\n    var overlay = document.getElementById(\"arDemoOverlay\");\n    if (!overlay || overlay.dataset.arBound === \"1\") return;\n    overlay.dataset.arBound = \"1\";\n\n    window.arDemoOpen = function (e) {\n      if (e) e.preventDefault();\n      overlay.classList.add(\"is-open\");\n      document.body.style.overflow = \"hidden\";\n      document.getElementById(\"arDemoFormWrap\").style.display = \"\";\n      document.getElementById(\"arDemoSuccess\").style.display = \"none\";\n      document.getElementById(\"arDemoError\").style.display = \"none\";\n      var first = document.getElementById(\"arBiz\");\n      if (first) first.focus();\n    };\n    window.arDemoClose = function () {\n      overlay.classList.remove(\"is-open\");\n      document.body.style.overflow = \"\";\n    };\n    overlay.addEventListener(\"click\", function (e) {\n      if (e.target === overlay) arDemoClose();\n    });\n    document.addEventListener(\"keydown\", function (e) {\n      if (e.key === \"Escape\") arDemoClose();\n    });\n\n    function bindTriggers(root) {\n      (root || document)\n        .querySelectorAll('a[href=\"#demo\"], a[href$=\"#demo\"], .ar-open-demo, .js-open-demo')\n        .forEach(function (el) {\n          if (el.dataset.arDemoBound === \"1\") return;\n          el.dataset.arDemoBound = \"1\";\n          el.addEventListener(\"click\", arDemoOpen);\n        });\n    }\n    bindTriggers(document);\n\n    function getData() {\n      var websiteEl = document.getElementById(\"arWebsite\");\n      return {\n        salon_name: document.getElementById(\"arBiz\").value.trim(),\n        contact_name: document.getElementById(\"arName\").value.trim(),\n        phone: document.getElementById(\"arPhone\").value.trim(),\n        email: document.getElementById(\"arEmail\").value.trim(),\n        location: document.getElementById(\"arCity\").value.trim(),\n        best_time: document.getElementById(\"arTime\").value || \"\",\n        platform: window.AR_DEMO_PLATFORM || \"store\",\n        source: window.AR_DEMO_SOURCE,\n        website: websiteEl ? websiteEl.value : \"\",\n      };\n    }\n\n    function formatApiErrors(body) {\n      if (!body) return \"Unable to submit demo request.\";\n      if (body.message) return body.message;\n      if (body.errors && typeof body.errors === \"object\") {\n        var parts = [];\n        Object.keys(body.errors).forEach(function (key) {\n          var val = body.errors[key];\n          if (Array.isArray(val)) parts.push(val.join(\" \"));\n          else if (val) parts.push(String(val));\n        });\n        if (parts.length) return parts.join(\" \");\n      }\n      return \"Unable to submit demo request.\";\n    }\n\n    function showSuccess() {\n      document.getElementById(\"arDemoFormWrap\").style.display = \"none\";\n      document.getElementById(\"arDemoSuccess\").style.display = \"block\";\n    }\n\n    window.arDemoSubmit = function () {\n      var d = getData();\n      var err = document.getElementById(\"arDemoError\");\n      err.style.display = \"none\";\n\n      if (!d.salon_name || !d.contact_name || !d.phone) {\n        err.textContent = \"Please fill in the required fields (business name, your name, phone).\";\n        err.style.display = \"block\";\n        return;\n      }\n\n      var digits = d.phone.replace(\/\\D\/g, \"\");\n      if (digits.length < 10) {\n        err.textContent = \"Please enter a valid phone number (at least 10 digits).\";\n        err.style.display = \"block\";\n        return;\n      }\n\n      var btn = document.getElementById(\"arSubmitBtn\");\n      var endpoint = window.AR_FORM_ENDPOINT || \"\";\n      if (!endpoint) {\n        err.textContent = \"Signup form is not configured. Please call us at (833) 659-9930.\";\n        err.style.display = \"block\";\n        return;\n      }\n\n      btn.disabled = true;\n      btn.textContent = \"Sending\u2026\";\n\n      fetch(endpoint, {\n        method: \"POST\",\n        mode: \"cors\",\n        credentials: \"omit\",\n        headers: {\n          \"Content-Type\": \"application\/json\",\n          Accept: \"application\/json\",\n        },\n        body: JSON.stringify(d),\n      })\n        .then(function (res) {\n          return res\n            .json()\n            .catch(function () {\n              return null;\n            })\n            .then(function (body) {\n              if (res.status === 429) {\n                throw new Error(\"Too many requests \u2014 please wait a bit and try again.\");\n              }\n              if (!res.ok || !body || !body.success) {\n                throw new Error(formatApiErrors(body));\n              }\n              showSuccess();\n            });\n        })\n        .catch(function (error) {\n          err.textContent =\n            (error && error.message) ||\n            \"Something went wrong \u2014 please try again, or call us at (833) 659-9930.\";\n          err.style.display = \"block\";\n        })\n        .finally(function () {\n          btn.disabled = false;\n          btn.textContent = \"Submit Application\";\n        });\n    };\n  })();\n<\/script>\n\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Retail Point of Sale Run Your Retail Business From One System Manage checkout, inventory, employees, customers, reports, and payments from one easy-to-use retail POS platform. Sign Up View Pricing \ud83d\udda5\ufe0f Powerful POS Fast retail checkout \ud83d\udce6 Inventory Track stock in &hellip; <a href=\"https:\/\/aiosretail.com\/vi\/\">Read More<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-483","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aiosretail.com\/vi\/wp-json\/wp\/v2\/pages\/483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aiosretail.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aiosretail.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aiosretail.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aiosretail.com\/vi\/wp-json\/wp\/v2\/comments?post=483"}],"version-history":[{"count":5,"href":"https:\/\/aiosretail.com\/vi\/wp-json\/wp\/v2\/pages\/483\/revisions"}],"predecessor-version":[{"id":3739,"href":"https:\/\/aiosretail.com\/vi\/wp-json\/wp\/v2\/pages\/483\/revisions\/3739"}],"wp:attachment":[{"href":"https:\/\/aiosretail.com\/vi\/wp-json\/wp\/v2\/media?parent=483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}