{"id":4507,"date":"2025-10-22T21:30:59","date_gmt":"2025-10-22T21:30:59","guid":{"rendered":"https:\/\/www.maqs.io\/?page_id=4507"},"modified":"2026-02-18T02:08:53","modified_gmt":"2026-02-18T02:08:53","slug":"maqs-360","status":"publish","type":"page","link":"https:\/\/www.maqs.io\/?page_id=4507","title":{"rendered":"MAQS 360"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4507\" class=\"elementor elementor-4507\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c619f2 e-con-full e-flex e-con e-parent\" data-id=\"6c619f2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-cd493d3 e-con-full e-flex e-con e-child\" data-id=\"cd493d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e57ac08 elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"e57ac08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.maqs.io\">\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2290\" height=\"989\" src=\"https:\/\/www.maqs.io\/wp-content\/uploads\/2024\/05\/maqs_logo_rectangle_light.png\" class=\"attachment-full size-full wp-image-9\" alt=\"\" srcset=\"https:\/\/www.maqs.io\/wp-content\/uploads\/2024\/05\/maqs_logo_rectangle_light.png 2290w, https:\/\/www.maqs.io\/wp-content\/uploads\/2024\/05\/maqs_logo_rectangle_light-300x130.png 300w, https:\/\/www.maqs.io\/wp-content\/uploads\/2024\/05\/maqs_logo_rectangle_light-1024x442.png 1024w, https:\/\/www.maqs.io\/wp-content\/uploads\/2024\/05\/maqs_logo_rectangle_light-768x332.png 768w, https:\/\/www.maqs.io\/wp-content\/uploads\/2024\/05\/maqs_logo_rectangle_light-1536x663.png 1536w, https:\/\/www.maqs.io\/wp-content\/uploads\/2024\/05\/maqs_logo_rectangle_light-2048x884.png 2048w\" sizes=\"(max-width: 2290px) 100vw, 2290px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-151c267 e-con-full e-flex e-con e-child\" data-id=\"151c267\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85fd56e elementor-nav-menu__text-align-center elementor-nav-menu__align-center elementor-widget-tablet__width-auto elementor-nav-menu--dropdown-tablet elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"85fd56e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none\">\n\t\t\t\t<ul id=\"menu-1-85fd56e\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-87\"><a href=\"https:\/\/www.maqs.io\/\" class=\"elementor-item\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6676\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\">Features<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6664\"><a href=\"https:\/\/www.maqs.io\/?page_id=4727\" class=\"elementor-sub-item\">Overview<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6666\"><a href=\"https:\/\/www.maqs.io\/?page_id=4507\" class=\"elementor-sub-item\">MAQS 360<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6665\"><a href=\"https:\/\/www.maqs.io\/?page_id=4624\" class=\"elementor-sub-item\">Monitor<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-962\"><a href=\"https:\/\/www.maqs.io\/?page_id=957\" class=\"elementor-item\">Contact Us<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2008\"><a href=\"https:\/\/www.maqs.io\/?page_id=2003\" class=\"elementor-item\">About Us<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1860\"><a target=\"_blank\" href=\"http:\/\/portal.maqs.io\" class=\"elementor-item\">Portal Access<\/a><\/li>\n<li class=\"custom-menu-button menu-item menu-item-type-post_type menu-item-object-page menu-item-6655\"><a href=\"https:\/\/www.maqs.io\/?page_id=137\" class=\"elementor-item\">Schedule Demo<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t\t<span class=\"elementor-screen-only\">Menu<\/span>\n\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-85fd56e\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-87\"><a href=\"https:\/\/www.maqs.io\/\" class=\"elementor-item\" tabindex=\"-1\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-6676\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">Features<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6664\"><a href=\"https:\/\/www.maqs.io\/?page_id=4727\" class=\"elementor-sub-item\" tabindex=\"-1\">Overview<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6666\"><a href=\"https:\/\/www.maqs.io\/?page_id=4507\" class=\"elementor-sub-item\" tabindex=\"-1\">MAQS 360<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6665\"><a href=\"https:\/\/www.maqs.io\/?page_id=4624\" class=\"elementor-sub-item\" tabindex=\"-1\">Monitor<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-962\"><a href=\"https:\/\/www.maqs.io\/?page_id=957\" class=\"elementor-item\" tabindex=\"-1\">Contact Us<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2008\"><a href=\"https:\/\/www.maqs.io\/?page_id=2003\" class=\"elementor-item\" tabindex=\"-1\">About Us<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-1860\"><a target=\"_blank\" href=\"http:\/\/portal.maqs.io\" class=\"elementor-item\" tabindex=\"-1\">Portal Access<\/a><\/li>\n<li class=\"custom-menu-button menu-item menu-item-type-post_type menu-item-object-page menu-item-6655\"><a href=\"https:\/\/www.maqs.io\/?page_id=137\" class=\"elementor-item\" tabindex=\"-1\">Schedule Demo<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8177d3d e-flex e-con-boxed e-con e-parent\" data-id=\"8177d3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d86f5d elementor-widget elementor-widget-html\" data-id=\"3d86f5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=SF+Pro+Display:wght@400;500;600;700&family=Roboto+Condensed:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mx-premium-hero\" id=\"mxHeroSection\" aria-label=\"MAQS Max 360 Gallery\">\n  <style>\n    \/* --- VARIABLES & THEME --- *\/\n    .mx-premium-hero {\n      --mx-blue: #0071e3;\n      --mx-text: #1d1d1f;\n      --mx-text-soft: #86868b;\n      --mx-radius: 24px;\n      --mx-shadow-lg: 0 40px 80px -20px rgba(0, 0, 0, 0.15);\n      \n      font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", Roboto, Helvetica, sans-serif;\n      \n      \/* --- BACKGROUND FIXED: PURE WHITE --- *\/\n      background: #ffffff; \n      \n      \/* --- FIXED SIZING --- *\/\n      padding: 80px 24px 60px;\n      min-height: 700px;\n      height: auto;\n      \n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      transition: all 0.5s ease;\n      z-index: 1;\n    }\n    \n    .mx-premium-hero * { box-sizing: border-box; }\n\n    \/* --- THE INNER CARD (KEEPS THE GREY STYLING) --- *\/\n    .mx-surface {\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n      border-radius: 24px;\n      \/* This keeps the card distinct from the white background *\/\n      background: linear-gradient(145deg, #f8f9fb 0%, #f1f5f9 100%);\n      border: 1px solid #e2e8f0;\n      box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.05);\n      padding: 56px 40px;\n      position: relative;\n    }\n\n    @media (max-width: 900px){\n      .mx-surface{ padding: 44px 18px; border-radius: 20px; }\n    }\n\n    \/* --- IMMERSIVE MODE (True Full Screen) --- *\/\n    .mx-premium-hero.is-immersive {\n      position: fixed; \n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      width: 100%;\n      height: 100%;\n      min-height: 0;\n      padding: 0;\n      margin: 0;\n      background: #000000; \/* Black in full screen *\/\n      z-index: 99999;\n      border-radius: 0;\n    }\n\n    \/* Make surface transparent\/full in immersive *\/\n    .mx-premium-hero.is-immersive .mx-surface {\n      max-width: none;\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      padding: 0;\n      border-radius: 0;\n      border: 0;\n      box-shadow: none;\n      background: transparent;\n    }\n\n    .mx-premium-hero.is-immersive .mx-content {\n      opacity: 0;\n      pointer-events: none;\n      height: 0; \n      margin: 0;\n      overflow: hidden;\n    }\n\n    \/* Device Expands to Fill Viewport *\/\n    .mx-premium-hero.is-immersive .mx-device {\n      width: 100%;\n      height: 100%;\n      max-width: none;\n      border-radius: 0;\n      transform: none;\n      box-shadow: none;\n      background: black;\n      margin: 0;\n    }\n\n    .mx-premium-hero.is-immersive .mx-device img {\n      object-fit: contain;\n      width: 100%;\n      height: 100%;\n    }\n\n    \/* --- TOP BADGE --- *\/\n    .mx-status-pill {\n      display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px 8px 12px;\n      background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\n      border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 100px; margin-bottom: 24px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n    }\n\n    .mx-dot { width: 8px; height: 8px; background-color: #34c759; border-radius: 50%; position: relative; }\n    .mx-dot::after {\n      content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px;\n      border-radius: 50%; border: 1px solid #34c759; opacity: 0;\n      animation: ripple 2s infinite cubic-bezier(0, 0.2, 0.8, 1);\n    }\n    @keyframes ripple { 0% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }\n\n    .mx-badge-text { font-size: 13px; font-weight: 600; text-transform: uppercase; color: #1d1d1f; font-family: \"Roboto Condensed\", sans-serif; }\n    .mx-badge-sub { color: #86868b; font-weight: 400; border-left: 1px solid rgba(0,0,0,0.1); padding-left: 10px; margin-left: 2px; }\n\n    \/* --- PRODUCT NAME STYLES --- *\/\n    .mx-product-name {\n      font-size: 13px;\n      font-weight: 600;\n      text-transform: uppercase;\n      color: #4b5563;\n      font-family: \"Roboto Condensed\", sans-serif;\n      border-left: 1px solid rgba(0,0,0,0.1);\n      padding-left: 10px;\n      margin-left: 2px;\n    }\n\n    .mx-heading-product-name {\n      display: block;\n      font-size: 15px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      color: #4b5563;\n      font-family: \"Roboto Condensed\", sans-serif;\n      margin-bottom: 12px;\n    }\n\n    \/* --- TYPOGRAPHY --- *\/\n    .mx-content {\n      max-width: 900px; margin: 0 auto 32px; transition: opacity 0.4s ease, transform 0.4s ease;\n      position: relative; z-index: 20; text-align: center;\n    }\n    .mx-premium-hero h1 {\n      margin: 0; font-size: clamp(42px, 5vw, 64px); line-height: 1.05; font-weight: 700; letter-spacing: -0.02em;\n      color: var(--mx-text);\n      background: linear-gradient(135deg, #1d1d1f 0%, #434344 100%);\n      -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n    }\n    .mx-desc { margin: 20px auto 28px; max-width: 620px; font-size: 19px; line-height: 1.5; color: var(--mx-text-soft); font-weight: 400; }\n\n    .mx-cta-expand {\n      display: inline-flex; align-items: center; gap: 10px; padding: 12px 28px;\n      background: #12499F; color: white; border: none; cursor: pointer;\n      border-radius: 100px; font-weight: 500; font-size: 16px;\n      transition: all 0.3s ease; box-shadow: 0 10px 25px -8px rgba(0, 113, 227, 0.5);\n    }\n    .mx-cta-expand:hover { background: #0062c4; transform: translateY(-2px); box-shadow: 0 14px 30px -8px rgba(0, 113, 227, 0.6); }\n    .mx-cta-expand svg { width: 16px; height: 16px; }\n\n    \/* --- CAROUSEL DEVICE --- *\/\n    .mx-stage { \n      width: 100%; \n      display: flex; \n      justify-content: center; \n      perspective: 1000px; \n      padding: 0 12px; \n      height: auto; \n      transition: all 0.8s ease; \n    }\n    .mx-premium-hero.is-immersive .mx-stage { padding: 0; height: 100%; width: 100%; }\n\n    .mx-device {\n      width: 94%; \n      max-width: 1100px; \n      background: #000;\n      border-radius: var(--mx-radius);\n      box-shadow: var(--mx-shadow-lg);\n      position: relative; aspect-ratio: 16 \/ 9;\n      transform: translateZ(0); overflow: hidden;\n      transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\n    }\n\n    .mx-track { height: 100%; display: flex; will-change: transform; cursor: grab; }\n    .mx-track:active { cursor: grabbing; }\n    .mx-slide { flex: 0 0 100%; width: 100%; height: 100%; position: relative; }\n    .mx-slide img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }\n\n    \/* --- IMMERSIVE HUD --- *\/\n    .mx-hud {\n      position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%) translateY(100px);\n      background: rgba(20, 20, 20, 0.85);\n      backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\n      border: 1px solid rgba(255,255,255,0.15);\n      padding: 16px 24px; border-radius: 20px;\n      display: flex; flex-direction: column; align-items: center; gap: 16px;\n      z-index: 100; opacity: 0; transition: all 0.6s 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);\n      width: 90%; max-width: 500px;\n    }\n    .mx-premium-hero.is-immersive .mx-hud { transform: translateX(-50%) translateY(0); opacity: 1; }\n\n    .mx-caption { color: white; font-size: 15px; font-weight: 500; letter-spacing: 0.02em; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.1); width: 100%; text-align: center; }\n    \n    .mx-thumbs { display: flex; gap: 10px; justify-content: center; }\n    .mx-thumb {\n      width: 48px; height: 32px; border-radius: 6px; overflow: hidden; cursor: pointer;\n      border: 2px solid transparent; opacity: 0.5; transition: all 0.2s;\n    }\n    .mx-thumb img { width: 100%; height: 100%; object-fit: cover; }\n    .mx-thumb:hover { opacity: 1; transform: scale(1.1); }\n    .mx-thumb.active { border-color: var(--mx-blue); opacity: 1; transform: scale(1.05); }\n\n    \/* --- CONTROLS OVERLAY --- *\/\n    .mx-controls-layer {\n      position: absolute; bottom: 0; left: 0; width: 100%; height: 80px;\n      background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);\n      display: flex; align-items: flex-end; justify-content: center; padding-bottom: 24px; z-index: 20;\n      transition: opacity 0.5s;\n    }\n    .mx-premium-hero.is-immersive .mx-controls-layer { opacity: 0; pointer-events: none; }\n\n    .mx-segments { display: flex; gap: 6px; width: 100%; max-width: 280px; height: 4px; }\n    .mx-segment { flex: 1; background: rgba(255, 255, 255, 0.3); border-radius: 4px; overflow: hidden; position: relative; }\n    .mx-segment-fill { position: absolute; top: 0; left: 0; bottom: 0; width: 0%; background: #fff; will-change: width; }\n    .mx-segment-fill.animate { width: 100%; transition: width 4000ms linear; }\n    .mx-segment-fill.completed { width: 100%; }\n\n    .mx-nav {\n      position: absolute; top: 50%; transform: translateY(-50%);\n      width: 48px; height: 48px; border-radius: 50%;\n      background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px);\n      border: 1px solid rgba(255,255,255,0.2);\n      display: flex; align-items: center; justify-content: center;\n      cursor: pointer; color: #fff; transition: 0.2s; z-index: 25; opacity: 0;\n    }\n    .mx-device:hover .mx-nav { opacity: 1; }\n    .mx-premium-hero.is-immersive .mx-nav { opacity: 0; }\n    .mx-premium-hero.is-immersive .mx-device:hover .mx-nav { opacity: 1; }\n    \n    .mx-nav:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-50%) scale(1.05); }\n    .mx-nav.prev { left: 20px; }\n    .mx-nav.next { right: 20px; }\n    .mx-nav svg { width: 20px; height: 20px; fill: currentColor; }\n\n    \/* --- CLOSE BUTTON --- *\/\n    .mx-close-btn {\n      position: fixed; \n      top: 30px; right: 30px; width: 44px; height: 44px;\n      background: rgba(30,30,30,0.6); border-radius: 50%;\n      display: flex; align-items: center; justify-content: center; cursor: pointer;\n      z-index: 100000;\n      opacity: 0; pointer-events: none; transform: scale(0.8);\n      transition: all 0.4s 0.2s ease; border: 1px solid rgba(255,255,255,0.1); color: #fff;\n      backdrop-filter: blur(10px);\n    }\n    .mx-close-btn:hover { background: rgba(50,50,50,0.8); transform: scale(1.1); }\n    .mx-premium-hero.is-immersive .mx-close-btn { opacity: 1; pointer-events: auto; transform: scale(1); }\n  <\/style>\n\n  <button class=\"mx-close-btn\" id=\"mxExitBtn\" aria-label=\"Close Immersive View\">\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n    <\/svg>\n  <\/button>\n\n  <div class=\"mx-surface\">\n\n    <div class=\"mx-content\">\n      <div class=\"mx-status-pill\">\n        <div class=\"mx-dot\"><\/div>\n        <span class=\"mx-badge-text\">MAQS360 System<\/span>\n        <span class=\"mx-badge-text mx-badge-sub\">Gallery<\/span>\n      <\/div>\n\n      <span class=\"mx-heading-product-name\">MAQS Max 360<\/span>\n      <h1>Every Angle.<br>Captured.<\/h1>\n      <p class=\"mx-desc\">\n A complete visual record before a unit leaves your facility\u2014with up to 16 cameras, guided capture, and cloud-based viewing.\n      <\/p>\n      \n      <button class=\"mx-cta-expand\" id=\"mxImmersiveTrigger\">\n        Enter Immersive View\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M15 3h6v6\"\/><path d=\"M9 21H3v-6\"\/><path d=\"M21 3l-7 7\"\/><path d=\"M3 21l7-7\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"mx-stage\">\n      <div class=\"mx-device\" id=\"mxPremiumCarousel\">\n        <div class=\"mx-gloss\"><\/div>\n        \n        <button class=\"mx-nav prev\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg><\/button>\n\n        <div class=\"mx-track\">\n           <div class=\"mx-slide\" data-caption=\"Doorside-Rear\">\n               <img decoding=\"async\" src=\"https:\/\/www.maqs.io\/wp-content\/uploads\/2025\/12\/20251217064938_485_AH9101930_8854376_402707_441967_6_SMC8GP73SEHC4N08_ITEM_maqs360_image_6-scaled.png\" alt=\"Doorside-Rear\">\n           <\/div>\n           <div class=\"mx-slide\" data-caption=\"Rear-Top\">\n               <img decoding=\"async\" src=\"https:\/\/www.maqs.io\/wp-content\/uploads\/2025\/12\/20251203070620_485_AL9012558_8436366_402707_441967_8_9SIQW642BWBU420V_ITEM_maqs360_image_8-scaled.png\" alt=\"Rear-Top\">\n           <\/div>\n           <div class=\"mx-slide\" data-caption=\"Top-Middle\">\n               <img decoding=\"async\" src=\"https:\/\/www.maqs.io\/wp-content\/uploads\/2025\/12\/20251218073522_485_TD9013770_8972176_402707_441967_9_0ND5CBYS3DR4O1J3_ITEM_maqs360_image_9-scaled.png\" alt=\"Top-Middle\">\n           <\/div>\n           <div class=\"mx-slide\" data-caption=\"Front-Top\">\n               <img decoding=\"async\" src=\"https:\/\/www.maqs.io\/wp-content\/uploads\/2025\/12\/MAQS360-scaled.png\" alt=\"Front-Top\">\n           <\/div>\n        <\/div>\n\n        <button class=\"mx-nav next\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z\"\/><\/svg><\/button>\n        \n        <div class=\"mx-controls-layer\">\n          <div class=\"mx-segments\" id=\"mxSegments\"><\/div>\n        <\/div>\n        \n        <div class=\"mx-hud\">\n          <span class=\"mx-caption\" id=\"mxLiveCaption\">Doorside-Rear<\/span>\n          <div class=\"mx-thumbs\" id=\"mxThumbs\"><\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      \/\/ Elements\n      const section = document.getElementById('mxHeroSection');\n      const triggerBtn = document.getElementById('mxImmersiveTrigger');\n      const exitBtn = document.getElementById('mxExitBtn');\n      const root = document.getElementById('mxPremiumCarousel');\n      const track = root.querySelector('.mx-track');\n      const segmentContainer = document.getElementById('mxSegments');\n      const thumbContainer = document.getElementById('mxThumbs');\n      const captionEl = document.getElementById('mxLiveCaption');\n      \n      const originalSlides = Array.from(track.children);\n      const SLIDE_COUNT = originalSlides.length;\n      const DISPLAY_DURATION = 4000;\n      const TRANSITION_DURATION = 500;\n\n      \/\/ --- INITIALIZATION ---\n\n      let segmentFills = [];\n      let thumbEls = [];\n\n      originalSlides.forEach((slide, index) => {\n        \/\/ Segments\n        const seg = document.createElement('div');\n        seg.className = 'mx-segment';\n        const fill = document.createElement('div');\n        fill.className = 'mx-segment-fill';\n        seg.appendChild(fill);\n        segmentContainer.appendChild(seg);\n        segmentFills.push(fill);\n\n        \/\/ Thumbnails\n        const thumb = document.createElement('div');\n        thumb.className = 'mx-thumb';\n        const imgClone = slide.querySelector('img').cloneNode(true);\n        thumb.appendChild(imgClone);\n        thumb.addEventListener('click', (e) => {\n           e.stopPropagation();\n           killAutomation();\n           jumpToSlide(index + 1);\n        });\n        thumbContainer.appendChild(thumb);\n        thumbEls.push(thumb);\n      });\n\n      \/\/ Clone Slides for Loop\n      const firstClone = originalSlides[0].cloneNode(true);\n      const lastClone = originalSlides[SLIDE_COUNT - 1].cloneNode(true);\n      track.appendChild(firstClone);\n      track.insertBefore(lastClone, originalSlides[0]);\n      \n      const allSlides = Array.from(track.children);\n\n      \/\/ State\n      let currentIndex = 1; \n      let isAnimating = false;\n      let timer = null;\n      let isAutoMode = true; \n\n      \/\/ Start\n      track.style.transform = `translateX(-${currentIndex * 100}%)`;\n      updateUI();\n\n      \/\/ --- CORE FUNCTIONS ---\n\n      function moveSlide(direction) {\n        if(isAnimating) return;\n        isAnimating = true;\n        \n        const currentRealIndex = getRealIndex(currentIndex);\n        segmentFills[currentRealIndex].classList.remove('animate');\n        segmentFills[currentRealIndex].style.width = '100%';\n\n        currentIndex += direction;\n        track.style.transition = `transform ${TRANSITION_DURATION}ms cubic-bezier(0.2, 0.8, 0.2, 1)`;\n        track.style.transform = `translateX(-${currentIndex * 100}%)`;\n      }\n\n      function jumpToSlide(index) {\n        if(isAnimating || index === currentIndex) return;\n        isAnimating = true;\n        \n        const currentRealIndex = getRealIndex(currentIndex);\n        segmentFills[currentRealIndex].classList.remove('animate');\n        segmentFills[currentRealIndex].style.width = '100%';\n\n        currentIndex = index;\n        track.style.transition = `transform ${TRANSITION_DURATION}ms cubic-bezier(0.2, 0.8, 0.2, 1)`;\n        track.style.transform = `translateX(-${currentIndex * 100}%)`;\n      }\n\n      function getRealIndex(index) {\n        if (index === 0) return SLIDE_COUNT - 1;\n        if (index === SLIDE_COUNT + 1) return 0;\n        return index - 1;\n      }\n\n      function killAutomation() {\n        if (!isAutoMode) return;\n        isAutoMode = false;\n        clearTimeout(timer);\n        const realIndex = getRealIndex(currentIndex);\n        segmentFills[realIndex].classList.remove('animate');\n      }\n\n      function updateUI() {\n        const realIndex = getRealIndex(currentIndex);\n\n        segmentFills.forEach((fill, i) => {\n          fill.classList.remove('animate');\n          if (i < realIndex) {\n              fill.style.width = '100%';\n              fill.classList.add('completed');\n          } else {\n              fill.style.width = '0%';\n              fill.classList.remove('completed');\n          }\n        });\n        \n        thumbEls.forEach((t, i) => {\n            if(i === realIndex) t.classList.add('active');\n            else t.classList.remove('active');\n        });\n\n        const captionText = allSlides[currentIndex].getAttribute('data-caption') || \"View \" + (realIndex + 1);\n        captionEl.textContent = captionText;\n\n        if (isAutoMode) {\n            void segmentFills[realIndex].offsetWidth; \n            segmentFills[realIndex].classList.add('animate');\n            clearTimeout(timer);\n            timer = setTimeout(() => { moveSlide(1); }, DISPLAY_DURATION);\n        }\n      }\n\n      \/\/ --- EVENTS ---\n\n      track.addEventListener('transitionend', () => {\n        isAnimating = false;\n        if (currentIndex === 0) {\n          track.style.transition = 'none';\n          currentIndex = SLIDE_COUNT;\n          track.style.transform = `translateX(-${currentIndex * 100}%)`;\n        } else if (currentIndex === SLIDE_COUNT + 1) {\n          track.style.transition = 'none';\n          currentIndex = 1;\n          track.style.transform = `translateX(-${currentIndex * 100}%)`;\n        }\n        updateUI();\n      });\n\n      root.querySelector('.next').addEventListener('click', (e) => { \n          e.preventDefault(); killAutomation(); moveSlide(1); \n      });\n      root.querySelector('.prev').addEventListener('click', (e) => { \n          e.preventDefault(); killAutomation(); moveSlide(-1); \n      });\n\n      \/\/ --- IMMERSIVE MODE & SCROLL LOCK ---\n      function openImmersive() {\n        section.classList.add('is-immersive');\n        document.body.style.overflow = 'hidden'; \n        updateUI();\n      }\n\n      function closeImmersive() {\n        section.classList.remove('is-immersive');\n        document.body.style.overflow = '';\n      }\n\n      triggerBtn.addEventListener('click', openImmersive);\n      exitBtn.addEventListener('click', closeImmersive);\n\n      document.addEventListener('keydown', (e) => {\n        if (e.key === \"Escape\" && section.classList.contains('is-immersive')) {\n          closeImmersive();\n        }\n      });\n\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e4d594 elementor-widget elementor-widget-html\" data-id=\"0e4d594\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mx360-how\" aria-label=\"How it works\">\n  <style>\n    \/* Scoped box-sizing for safety *\/\n    .mx360-how { box-sizing: border-box; }\n    .mx360-how *, .mx360-how *::before, .mx360-how *::after { box-sizing: inherit; }\n\n    .mx360-how {\n      font-family: \"Roboto Condensed\", Arial, sans-serif;\n      background: #fff;\n      padding: 72px 20px;\n    }\n    \n    .mx360-how .container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n    \n    .mx360-how .head {\n      text-align: center;\n      margin: 0 0 32px; \n    }\n    \n    .mx360-how .kicker {\n      font-size: 14px;\n      letter-spacing: .12em;\n      text-transform: uppercase;\n      color: #4b5563;\n      margin: 0 0 10px 0;\n      font-weight: 600;\n      display: block;\n    }\n    \n    .mx360-how h2 {\n      margin: 0;\n      font-size: clamp(30px, 3.6vw, 40px);\n      line-height: 1.08;\n      font-weight: 800;\n      letter-spacing: -0.02em;\n      color: #000;\n    }\n\n    .mx360-how .list {\n      max-width: 800px; \n      margin: 0 auto;\n      display: grid;\n      gap: 16px;\n      padding: 0;\n      list-style: none;\n    }\n    \n    .mx360-how .row {\n      display: flex;\n      flex-direction: row; \/* \u2190 explicitly locked so parent styles can't override *\/\n      flex-wrap: nowrap;   \/* \u2190 prevents wrapping that pushes content below *\/\n      gap: 20px;\n      align-items: flex-start; \n      background: #fff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      padding: 24px;\n      transition: all 0.2s ease;\n    }\n\n    .mx360-how .row:hover {\n      border-color: #cbd5e1;\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px rgba(0,0,0,0.03);\n    }\n    \n    .mx360-how .n {\n      width: 28px; \n      height: 28px; \n      border-radius: 6px;\n      background: rgba(18,73,159,0.08);\n      border: 1px solid rgba(18,73,159,0.18);\n      color: #12499F;\n      font-weight: 800;\n      font-size: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      margin-top: 2px;\n      user-select: none;\n    }\n\n    \/* \u2190 NEW: lets the content block fill the remaining row width *\/\n    .mx360-how .content {\n      flex: 1;\n      min-width: 0;\n    }\n    \n    .mx360-how h3 {\n      margin: 0 0 6px 0;\n      font-size: 18px; \n      font-weight: 700;\n      color: #0f172a;\n      line-height: 1.2;\n    }\n    \n    .mx360-how p {\n      margin: 0;\n      font-size: 15px; \n      line-height: 1.5;\n      color: #64748b;\n    }\n\n    \/* Tablet and Mobile Fix *\/\n    @media (max-width: 991px) {\n      .mx360-how {\n        padding: 48px 20px;\n      }\n      .mx360-how .row {\n        flex-direction: column; \/* Moves text UNDER the number *\/\n        align-items: center;\n        text-align: center;\n        padding: 30px 20px;\n        gap: 12px;\n      }\n      .mx360-how .n {\n        margin-top: 0;\n        width: 32px;\n        height: 32px;\n        font-size: 16px;\n      }\n      .mx360-how .list {\n        gap: 20px;\n      }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <div class=\"head\">\n      <span class=\"kicker\">WORKFLOW<\/span>\n      <h2>How It Works<\/h2>\n    <\/div>\n\n    <ol class=\"list\">\n      <li class=\"row\">\n        <div class=\"n\" aria-hidden=\"true\">1<\/div>\n        <div class=\"content\">\n          <h3>Place Your Cameras<\/h3>\n          <p>Choose the number and placement of cameras to match your line\u2014from a few views to a full 360\u00b0 grid.<\/p>\n        <\/div>\n      <\/li>\n      <li class=\"row\">\n        <div class=\"n\" aria-hidden=\"true\">2<\/div>\n        <div class=\"content\">\n          <h3>Scan Identifier<\/h3>\n          <p>Start a session by VIN, serial number, or unit number to link photos to the exact unit.<\/p>\n        <\/div>\n      <\/li>\n      <li class=\"row\">\n        <div class=\"n\" aria-hidden=\"true\">3<\/div>\n        <div class=\"content\">\n          <h3>Guided Capture<\/h3>\n          <p>Our Android app guides users through each required angle. Operators review, confirm, and move on\u2014no special training needed.<\/p>\n        <\/div>\n      <\/li>\n      <li class=\"row\">\n        <div class=\"n\" aria-hidden=\"true\">4<\/div>\n        <div class=\"content\">\n          <h3>Automatic Upload<\/h3>\n          <p>Images sync to the cloud in real time for immediate supervisor review.<\/p>\n        <\/div>\n      <\/li>\n      <li class=\"row\">\n        <div class=\"n\" aria-hidden=\"true\">5<\/div>\n        <div class=\"content\">\n          <h3>Verify & Export<\/h3>\n          <p>Review by unit, access proof-of-condition images, and share with partners and dealers.<\/p>\n        <\/div>\n      <\/li>\n    <\/ol>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96c698e elementor-widget elementor-widget-html\" data-id=\"96c698e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mx360-value\" id=\"mx360-value\" aria-label=\"What you get\">\n  <style>\n    \/* --- Core Settings --- *\/\n    .mx360-value, .mx360-value * { font-family: \"Roboto Condensed\", Arial, sans-serif; box-sizing: border-box; }\n    .mx360-value { background: #fff; padding: 60px 20px; }\n     \n    \/* --- Main Container & Surface --- *\/\n    .mx360-value .container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: center; }\n    .mx360-value .surface {\n      width: 100%;\n      max-width: 1000px;\n      border-radius: 24px;\n      background: #f1f5f9;\n      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 10px 15px -3px rgba(0, 0, 0, 0.04), 0 0 0 1px #e2e8f0;\n      padding: 64px 48px; \n      position: relative;\n    }\n\n    \/* --- Typography & Headings --- *\/\n    .mx360-value .head { text-align: center; margin: 0 0 48px; }\n    .mx360-value .kicker {\n      font-size: 13px; letter-spacing: 0.15em; text-transform: uppercase;\n      color: #12499F; margin: 0 0 12px 0; font-weight: 700;\n      background: rgba(18, 73, 159, 0.06); display: inline-block;\n      padding: 5px 14px; border-radius: 99px;\n    }\n    .mx360-value h2 {\n      margin: 0; font-size: clamp(28px, 5vw, 44px);\n      line-height: 1.1; font-weight: 800; letter-spacing: -0.02em; color: #0f172a;\n    }\n    .mx360-value .sub {\n      margin: 16px auto 0; max-width: 60ch;\n      font-size: 17px; line-height: 1.5; color: #64748b; font-weight: 400;\n    }\n\n    \/* --- Grid Layout --- *\/\n    .mx360-value .grid {\n      display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;\n      margin-top: 32px;\n    }\n\n    \/* --- Cards --- *\/\n    .mx360-value .card {\n      background: #ffffff; \n      border: 1px solid #e2e8f0; \n      border-radius: 16px;\n      padding: 32px 24px; \n      display: flex; flex-direction: column;\n      transition: all 0.25s ease;\n    }\n    .mx360-value .card:hover {\n      transform: translateY(-4px);\n      border-color: #cbd5e1;\n      box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.05);\n    }\n\n    .mx360-value .icon-box {\n      width: 52px; height: 52px; \n      background: #f8fafc; border: 1px solid #e2e8f0;\n      border-radius: 12px; display: flex; align-items: center; justify-content: center;\n      margin-bottom: 24px; color: #12499F;\n    }\n    .mx360-value .icon-box svg { width: 26px; height: 26px; fill: currentColor; }\n\n    .mx360-value .card-kicker {\n      font-size: 12px; font-weight: 700; text-transform: uppercase; \n      letter-spacing: 0.05em; color: #94a3b8; margin-bottom: 8px; display: block;\n    }\n    .mx360-value h3 { margin: 0 0 12px 0; font-size: 20px; font-weight: 700; color: #0f172a; }\n    .mx360-value p { margin: 0; font-size: 15px; line-height: 1.6; color: #475569; }\n\n    \/* --- Responsive Fixes --- *\/\n    \n    \/* Tablet (900px down) *\/\n    @media (max-width: 900px){\n      .mx360-value { padding: 40px 15px; }\n      .mx360-value .surface { padding: 40px 30px; }\n      \/* Switch to 1 column sooner to prevent \"thin\" cards *\/\n      .mx360-value .grid { grid-template-columns: 1fr; gap: 20px; max-width: 600px; margin-left: auto; margin-right: auto; }\n      .mx360-value .card { flex-direction: row; align-items: flex-start; gap: 20px; padding: 24px; }\n      .mx360-value .icon-box { margin-bottom: 0; flex-shrink: 0; }\n      .mx360-value .card-content { flex: 1; }\n    }\n\n    \/* Mobile (600px down) *\/\n    @media (max-width: 600px){\n      .mx360-value .surface { padding: 32px 20px; border-radius: 16px; }\n      .mx360-value .card { flex-direction: column; text-align: left; }\n      .mx360-value .icon-box { margin-bottom: 16px; }\n      .mx360-value h2 { font-size: 28px; }\n      .mx360-value .sub { font-size: 16px; }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <div class=\"surface\">\n      <div class=\"head\">\n        <span class=\"kicker\">Value<\/span>\n        <h2>What You Get<\/h2>\n        <p class=\"sub\">Full coverage, fast capture, and instant proof of condition\u2014designed to protect your assets and bottom line.<\/p>\n      <\/div>\n\n      <div class=\"grid\">\n        <article class=\"card\">\n          <div class=\"icon-box\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 9a3.001 3.001 0 0 1 3 3 3 3 0 0 1-6 0c0-1.657 1.343-3 3-3zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0-9a9 9 0 0 1 9 9c0 1.957-.636 3.77-1.71 5.253l-3.37-1.684A6.972 6.972 0 0 0 12 4a7 7 0 0 0-7 7c0 2.227 1.042 4.214 2.673 5.535l-2.887 2.406A8.966 8.966 0 0 1 3 11a9 9 0 0 1 9-9zm9.414 15L10 22.414l-1.414-1.414L20 9.586l1.414 1.414z\"\/><\/svg>\n          <\/div>\n          <div class=\"card-content\">\n            <span class=\"card-kicker\">Visual Record<\/span>\n            <h3>Every Angle Captured<\/h3>\n            <p>Images from up to 16 cameras provide proof of condition. Search by unit, VIN, or batch in seconds.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\">\n          <div class=\"icon-box\">\n             <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M3.783 2.826L12 1l8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976zM5 4.604v9.185a4 4 0 0 0 1.781 3.328L12 20.597l5.219-3.48A4 4 0 0 0 19 13.79V4.604L12 3.05 5 4.604zM12 11a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm-4.473 5a4.5 4.5 0 0 1 8.946 0H7.527z\"\/><\/svg>\n          <\/div>\n          <div class=\"card-content\">\n            <span class=\"card-kicker\">Cost Savings<\/span>\n            <h3>Reduce Warranty Claims<\/h3>\n            <p>Clear photo evidence reduces claims, prevents disputes, and improves customer relations.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\">\n          <div class=\"icon-box\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 3a7.001 7.001 0 0 1 6.93 6.002A5 5 0 0 1 18 19H6a5 5 0 0 1-.928-9.914A7.002 7.002 0 0 1 12 3zm0 2a5 5 0 0 0-4.904 4.096l-.16.892-.888.16A3 3 0 0 0 6 17h12a3 3 0 0 0 2.924-3.66l-.214-1.07.962-.516A5.002 5.002 0 0 0 12 5z\"\/><\/svg>\n          <\/div>\n          <div class=\"card-content\">\n            <span class=\"card-kicker\">Cloud Access<\/span>\n            <h3>Anytime, Anywhere<\/h3>\n            <p>High-resolution images are securely stored in the cloud with role-based access, allowing review and export without burdening local IT.<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26935ff elementor-widget elementor-widget-html\" data-id=\"26935ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mx360-results\" aria-label=\"Results you can measure\">\n  <style>\n    \/* 1. Global Reset & Font Lock *\/\n    .mx360-results { box-sizing: border-box; }\n    .mx360-results *, .mx360-results *::before, .mx360-results *::after { \n      box-sizing: inherit; \n      font-family: \"Roboto Condensed\", Arial, sans-serif; \/* Strict Font Enforced *\/\n    }\n\n    .mx360-results {\n      background: #fff;\n      padding: 72px 20px;\n    }\n    \n    .mx360-results .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      display: flex;\n      justify-content: center;\n    }\n    \n    .mx360-results .surface {\n      width: 100%;\n      max-width: 980px;\n      border-radius: 24px;\n      \/* Original Gradient Preserved *\/\n      background: linear-gradient(145deg, #f8f9fb 0%, #fff 0%);\n      border: 1px solid #e2e8f0;\n      \/* Slightly deeper shadow for depth without color *\/\n      box-shadow: 0 20px 40px -10px rgba(0,0,0,0.05);\n      padding: 56px 50px;\n    }\n    \n    .mx360-results .head {\n      text-align: center;\n      margin: 0 0 32px;\n    }\n    \n    .mx360-results .kicker {\n      font-size: 14px;\n      letter-spacing: .12em;\n      text-transform: uppercase;\n      color: #4b5563;\n      margin: 0 0 10px 0;\n      font-weight: 600;\n      display: block;\n    }\n    \n    .mx360-results h2 {\n      margin: 0;\n      font-size: clamp(30px, 3.6vw, 40px);\n      line-height: 1.08;\n      font-weight: 800;\n      letter-spacing: -0.02em;\n      color: #000;\n    }\n    \n    .mx360-results .sub {\n      margin: 10px auto 0;\n      max-width: 70ch;\n      font-size: 16px;\n      line-height: 1.6;\n      color: #475569;\n    }\n\n    .mx360-results .grid {\n      margin-top: 28px;\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 14px;\n    }\n    \n    .mx360-results .stat {\n      background: #fff;\n      border: 1px solid #e2e8f0;\n      border-radius: 14px;\n      padding: 20px 16px; \/* Slightly more breathing room than original *\/\n      text-align: left;\n      \/* Smooth Hover Animation *\/\n      transition: all 0.2s ease;\n    }\n\n    \/* THE POP: Motion instead of Color *\/\n    \/* When user hovers, card lifts up and shadow gets darker *\/\n    .mx360-results .stat:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 10px 20px rgba(0,0,0,0.06);\n      border-color: #cbd5e1; \/* Subtle darkening of border *\/\n    }\n    \n    .mx360-results .k {\n      font-size: 15px; \/* Bumped from 12px for better readability *\/\n      font-weight: 800;\n      color: #0f172a;\n      text-transform: uppercase; \/* Clean style *\/\n    }\n    \n    .mx360-results .s {\n      margin-top: 6px;\n      font-size: 14px; \/* Bumped from 12px *\/\n      line-height: 1.4;\n      color: #64748b;\n    }\n\n    \/* Mobile Responsive *\/\n    @media (max-width: 980px) {\n      .mx360-results .surface { padding: 44px 24px; }\n      .mx360-results .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n    }\n    \n    @media (max-width: 520px) {\n      .mx360-results .grid { grid-template-columns: 1fr; }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <div class=\"surface\">\n      <div class=\"head\">\n        <span class=\"kicker\">OUTCOMES<\/span>\n        <h2>Results You Can Measure<\/h2>\n        <p class=\"sub\">Reduce costs, boost accountability, and minimize claims<\/p>\n      <\/div>\n\n      <div class=\"grid\" role=\"list\" aria-label=\"Benefits\">\n        \n        <div class=\"stat\" role=\"listitem\">\n          <div class=\"k\">Warranty<\/div>\n          <div class=\"s\">Fewer dealer claims<\/div>\n        <\/div>\n        \n        <div class=\"stat\" role=\"listitem\">\n          <div class=\"k\">Disputes<\/div>\n          <div class=\"s\">Proof of condition<\/div>\n        <\/div>\n        \n        <div class=\"stat\" role=\"listitem\">\n          <div class=\"k\">Visibility<\/div>\n          <div class=\"s\">Know what shipped<\/div>\n        <\/div>\n        \n        <div class=\"stat\" role=\"listitem\">\n          <div class=\"k\">Quality<\/div>\n          <div class=\"s\">Spot production issues<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36aed41 elementor-widget elementor-widget-html\" data-id=\"36aed41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mx360-faq\" aria-label=\"FAQ\">\n  <style>\n    \/* VARIABLES *\/\n    .mx360-faq {\n      \/* KEEPING YOUR ACCENT COLOR HERE *\/\n      --accent: #12499F; \n      \n      --text-main: #0f172a;\n      --text-muted: #64748b;\n      --bg-color: #f1f5f9; \n      --item-border: #e2e8f0; \n      \n      font-family: \"Roboto Condensed\", Arial, sans-serif;\n      box-sizing: border-box;\n      background: var(--bg-color);\n      padding: 60px 20px;\n\n      \/* BORDER & SHAPE *\/\n      border: 2px solid #e2e8f0; \n      border-radius: 24px;        \n      max-width: 900px;          \n      margin: 24px auto;         \n    }\n    \n    .mx360-faq * { box-sizing: border-box; }\n    .mx360-faq .container { max-width: 800px; margin: 0 auto; }\n\n    \/* HEADINGS *\/\n    .mx360-faq .head { text-align: center; margin-bottom: 48px; }\n    .mx360-faq .kicker {\n      font-size: 13px; letter-spacing: 0.15em; text-transform: uppercase;\n      color: var(--accent); margin: 0 0 12px 0; font-weight: 700;\n    }\n    .mx360-faq h2 {\n      margin: 0 0 16px 0; font-size: clamp(32px, 4vw, 42px);\n      line-height: 1.1; font-weight: 800; color: var(--text-main);\n    }\n    .mx360-faq .sub {\n      margin: 0 auto; font-size: 18px; line-height: 1.5; color: var(--text-muted);\n    }\n\n    \/* LIST & ITEMS *\/\n    .mx360-faq .list { display: flex; flex-direction: column; gap: 16px; }\n    \n    .mx360-faq details {\n      \/* CHANGED TO WHITE: This creates the best contrast with the background *\/\n      background: #ffffff; \n      \n      border-radius: 8px;\n      border: 1px solid var(--item-border); \n      transition: all 0.3s ease;\n      overflow: hidden;\n    }\n\n    .mx360-faq details:hover {\n      border-color: #cbd5e1; \n      box-shadow: 0 4px 12px rgba(0,0,0,0.05); \n    }\n\n    .mx360-faq summary {\n      cursor: pointer; list-style: none; padding: 20px 24px;\n      font-weight: 700; font-size: 18px; color: var(--text-main);\n      display: flex; justify-content: space-between; align-items: center;\n    }\n\n    \/* HIDE DEFAULT MARKER *\/\n    .mx360-faq summary::-webkit-details-marker { display: none; }\n\n    \/* CUSTOM ARROW ICON *\/\n    .mx360-faq summary::after {\n      content: '';\n      width: 8px; height: 8px;\n      border-right: 2px solid var(--text-main);\n      border-bottom: 2px solid var(--text-main);\n      transform: rotate(45deg);\n      transition: transform 0.3s ease;\n      margin-left: 12px;\n    }\n\n    \/* OPEN STATE *\/\n    .mx360-faq details[open] summary { color: var(--accent); border-bottom: 1px solid var(--item-border); }\n    .mx360-faq details[open] summary::after {\n      transform: rotate(-135deg); \n      border-color: var(--accent);\n    }\n\n    \/* BODY TEXT *\/\n    .mx360-faq .body {\n      padding: 24px;\n      margin: 0;\n      font-size: 16px; line-height: 1.6; color: var(--text-muted);\n      animation: slideDown 0.3s ease-out;\n    }\n\n    @keyframes slideDown {\n      from { opacity: 0; transform: translateY(-5px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <div class=\"head\">\n      <p class=\"kicker\">Support<\/p>\n      <h2>FAQ<\/h2>\n      <p class=\"sub\">Answers for common setup questions<\/p>\n    <\/div>\n\n    <div class=\"list\">\n      <details>\n        <summary>How many cameras can we use?<\/summary>\n        <p class=\"body\">Each station supports up to 16 cameras. Start small and scale as your needs grow.<\/p>\n      <\/details>\n      <details>\n        <summary>What devices are supported?<\/summary>\n        <p class=\"body\">Capture and review on supported Android devices, then access the cloud portal from any browser.<\/p>\n      <\/details>\n      <details>\n        <summary>How do teams find the right photos later?<\/summary>\n        <p class=\"body\">Search by VIN, serial number, or unit number, with every session showing who captured it and when.<\/p>\n      <\/details>\n      <details>\n        <summary>Do we need on site servers?<\/summary>\n        <p class=\"body\"> No local server is needed\u2014just space for a small hardware cabinet and a hardline internet connection. Images are securely stored in the cloud with role-based access controls.<\/p>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0d0d7b elementor-widget elementor-widget-html\" data-id=\"e0d0d7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Condensed:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mx360-cta\" aria-label=\"Max 360 CTA\">\n  <style>\n    .mx360-cta {\n      \/* THEME VARIABLES (MATCH MAQS GREY SURFACE VIBE) *\/\n      --mx-blue: #12499F;\n\n      --ink: #0b1324;\n      --muted: #4b5563;\n      --slate: #475569;\n      --soft: #64748b;\n\n      --border: #e2e8f0;\n      --surface-grad: linear-gradient(145deg, #f8f9fb 0%, #f1f5f9 100%);\n\n      font-family: \"Roboto Condensed\", Arial, sans-serif;\n      background: #fff;\n      padding: 80px 20px 40px;\n      box-sizing: border-box;\n    }\n    .mx360-cta * { box-sizing: border-box; }\n\n    .mx360-cta .container {\n      max-width: 900px;\n      margin: 0 auto;\n    }\n\n    \/* MAIN CARD *\/\n    .mx360-cta .bar {\n      border-radius: 24px;\n      background: #fff;\n      border: 1px solid var(--border);\n      box-shadow: 0 20px 40px -10px rgba(0,0,0,0.05);\n      padding: 48px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      color: var(--ink);\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* SOFT DEPTH HIGHLIGHT *\/\n    .mx360-cta .bar::before {\n      content: '';\n      position: absolute;\n      top: -50%;\n      right: -15%;\n      width: 340px;\n      height: 340px;\n      background: rgba(18,73,159,0.14);\n      filter: blur(90px);\n      opacity: 0.18;\n      pointer-events: none;\n    }\n\n    \/* TYPOGRAPHY *\/\n    .mx360-cta h3 {\n      margin: 0 0 14px;\n      font-size: clamp(26px, 3vw, 34px);\n      font-weight: 800;\n      letter-spacing: -0.02em;\n      line-height: 1.1;\n      color: #000;\n    }\n\n    .mx360-cta p {\n      margin: 0 0 28px;\n      font-size: 16px;\n      line-height: 1.6;\n      color: var(--slate);\n      max-width: 640px;\n      font-weight: 400;\n    }\n\n    \/* ACTIONS *\/\n    .mx360-cta .actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n\n    .mx360-cta .btn {\n      appearance: none;\n      padding: 12px 18px;\n      border-radius: 12px;\n      font-weight: 700;\n      font-size: 15px;\n      letter-spacing: 0.02em;\n      text-decoration: none;\n      cursor: pointer;\n      transition: opacity 0.18s ease, transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      line-height: 1.1;\n      white-space: nowrap;\n      border: 1px solid transparent;\n    }\n\n    .mx360-cta .btn.primary {\n      background: var(--mx-blue);\n      color: #fff;\n      border-color: var(--mx-blue);\n    }\n    .mx360-cta .btn.primary:hover {\n      opacity: 0.92;\n      transform: translateY(-1px);\n    }\n\n    .mx360-cta .btn.ghost {\n      background: #fff;\n      color: var(--mx-blue);\n      border-color: var(--border);\n    }\n    .mx360-cta .btn.ghost:hover {\n      border-color: #cbd5e1;\n      transform: translateY(-1px);\n    }\n\n    \/* FINE PRINT *\/\n    .mx360-cta .fineprint {\n      max-width: 900px;\n      margin: 16px auto 0;\n      font-size: 12px;\n      color: #94a3b8;\n      text-align: center;\n    }\n\n    \/* MOBILE *\/\n    @media (max-width: 800px) {\n      .mx360-cta .bar {\n        padding: 32px 24px;\n      }\n      .mx360-cta .actions {\n        width: 100%;\n      }\n      .mx360-cta .btn {\n        flex: 1;\n      }\n    }\n  <\/style>\n\n  <div class=\"container\">\n    <div class=\"bar\">\n      <h3>See MAQS360 In Action<\/h3>\n      <p>\n        Schedule a walkthrough to see how automated capture fits into your workflow and how images are reviewed by VIN in the portal.\n      <\/p>\n\n      <div class=\"actions\">\n        <a class=\"btn primary\" href=\"https:\/\/www.maqs.io\/?page_id=137\">Schedule Demo<\/a>\n        <a class=\"btn ghost\" href=\"https:\/\/www.maqs.io\/?page_id=957\">Contact Us<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"fineprint\">\n    MAQS and MAQS360 are trademarks of ReveCorp Inc. \n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ada38e4 e-flex e-con-boxed e-con e-parent\" data-id=\"ada38e4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4976bc2 elementor-widget elementor-widget-html\" data-id=\"4976bc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* --- GLOBAL FIXES --- *\/\n  body {\n    overflow-x: hidden;\n    margin: 0;\n  }\n\n  \/* --- WRAPPER: Full Screen Grey --- *\/\n  .maqs-footer-wrapper {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    background-color: #F5F5F7;\n    padding: 60px 0 20px 0;\n    box-sizing: border-box;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    margin-bottom: 0;\n  }\n\n  \/* --- INNER CONTENT --- *\/\n  .maqs-footer-inner {\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 0 20px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between; \n    gap: 40px; \n    align-items: flex-start;\n  }\n\n  \/* --- COLUMNS --- *\/\n  .maqs-col {\n    flex: 0 1 auto;\n    min-width: 120px;\n  }\n\n  \/* LOGO COLUMN *\/\n  .maqs-col-logo {\n    flex: 0 0 auto;\n  }\n\n  \/* --- LOGO IMAGE --- *\/\n  .maqs-logo-img {\n    width: 220px; \n    height: auto;\n    display: block;\n    margin-top: -8px; \n  }\n\n  \/* --- TYPOGRAPHY --- *\/\n  h4 {\n    font-size: 15px;\n    font-weight: 600;\n    color: #1d1d1f;\n    margin: 0 0 14px 0;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  p, a {\n    font-size: 15px;\n    line-height: 2;\n    color: #424245;\n    text-decoration: none;\n    display: block;\n    margin: 0;\n    transition: color 0.2s ease;\n  }\n\n  a:hover {\n    color: #12499F; \n    text-decoration: none;\n  }\n\n  \/* --- DIVIDER & COPYRIGHT --- *\/\n  .maqs-divider {\n    max-width: 1000px;\n    margin: 40px auto 15px auto;\n    border-top: 1px solid #d2d2d7;\n    width: 100%;\n  }\n\n  .maqs-copyright {\n    max-width: 1000px; \n    margin: 0 auto;\n    padding: 0 20px;\n    color: #86868b;\n    font-size: 11px;\n    padding-left: 0; \n  }\n\n  \/* --- MOBILE\/TABLET RESPONSE --- *\/\n  @media (max-width: 900px) { \n    .maqs-footer-inner {\n      flex-direction: row;\n      justify-content: center;\n      text-align: center;\n      gap: 40px 20px; \n    }\n\n    .maqs-col-logo {\n      flex: 0 0 100%;\n      display: flex;\n      justify-content: center;\n      margin-bottom: 10px;\n    }\n\n    .maqs-logo-img {\n      width: 160px;\n    }\n\n    .maqs-col {\n      flex: 1 1 140px; \n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .maqs-col:first-of-type {\n       min-width: 250px; \n    }\n\n    .maqs-copyright {\n      padding-left: 0;\n      text-align: center;\n    }\n  }\n<\/style>\n\n<div class=\"maqs-footer-wrapper\">\n  \n  <div class=\"maqs-footer-inner\">\n    \n    <div class=\"maqs-col-logo\">\n      <a href=\"https:\/\/www.maqs.io\/\" aria-label=\"MAQS Home\">\n        <img decoding=\"async\" src=\"https:\/\/www.maqs.io\/wp-content\/uploads\/2024\/06\/meow.png\" alt=\"MAQS Logo\" class=\"maqs-logo-img\">\n      <\/a>\n    <\/div>\n\n    <div class=\"maqs-col\">\n      <h4>Contact Info<\/h4>\n      <p>Revecorp Inc<\/p>\n      <a href=\"https:\/\/www.google.com\/maps\/place\/Revecorp+Inc\/@38.81336,-121.291902,16z\/data=!4m15!1m8!3m7!1s0x809b2238d776f1d1:0xd1047bbb8eb22dc6!2s5732+Lonetree+Blvd,+Rocklin,+CA+95765!3b1!8m2!3d38.81336!4d-121.291902!16s%2Fg%2F11c5jlgbz6!3m5!1s0x809b2238d776f1d1:0x8f1b3ff3613abf7d!8m2!3d38.81336!4d-121.291902!16s%2Fg%2F1hhxv8jmn?entry=ttu\" target=\"_blank\">\n        5732 Lonetree Blvd,<br>Rocklin, CA 95765\n      <\/a>\n      <p style=\"margin-top: 8px;\">\n        <a href=\"tel:9167861006\">(916)-786-1006<\/a>\n        <a href=\"mailto:info@maqs.io\">info@maqs.io<\/a>\n      <\/p>\n    <\/div>\n\n    <div class=\"maqs-col\">\n        <h4>Features<\/h4>\n        <a href=\"https:\/\/www.maqs.io\/?page_id=4727\">Overview<\/a>\n        <a href=\"https:\/\/www.maqs.io\/?page_id=4624\">MAQS Monitor<\/a>\n        <a href=\"https:\/\/www.maqs.io\/?page_id=4507\">MAQS360<\/a>\n    <\/div>\n\n    <div class=\"maqs-col\">\n      <h4>Navigation<\/h4>\n      <a href=\"\/\">Home<\/a>\n      <a href=\"https:\/\/portal07.maqs.io\/ords\/f?p=300:LOGIN_DESKTOP:5631456611491:::::\">Customer Login<\/a>\n      <a href=\"https:\/\/www.maqs.io\/?page_id=137\">Schedule Demo<\/a>\n    <\/div>\n\n    <div class=\"maqs-col\">\n      <h4>Company<\/h4>\n      <a href=\"https:\/\/www.maqs.io\/?page_id=957\">Contact Us<\/a>\n      <a href=\"https:\/\/www.maqs.io\/?page_id=2003\">About Us<\/a>\n      <a href=\"https:\/\/www.maqs.io\/?page_id=4694\">FAQ<\/a>\n      <a href=\"https:\/\/www.maqs.io\/?page_id=4448\">Privacy Policy<\/a>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"maqs-divider\"><\/div>\n\n  <div class=\"maqs-footer-inner\">\n    <div class=\"maqs-copyright\" style=\"padding:0; width:100%;\">\n      Copyright \u00a9 <span id=\"year\">2026<\/span> Revecorp Inc. All rights reserved.\n    <\/div>\n  <\/div>\n  \n  <script>\n    document.getElementById(\"year\").innerHTML = new Date().getFullYear();\n  <\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MAQS360 System Gallery MAQS Max 360 Every Angle.Captured. A complete visual record before a unit leaves your facility\u2014with up to 16 cameras, guided capture, and cloud-based viewing. Enter Immersive View &#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4507","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.maqs.io\/index.php?rest_route=\/wp\/v2\/pages\/4507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.maqs.io\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.maqs.io\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.maqs.io\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.maqs.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4507"}],"version-history":[{"count":226,"href":"https:\/\/www.maqs.io\/index.php?rest_route=\/wp\/v2\/pages\/4507\/revisions"}],"predecessor-version":[{"id":6615,"href":"https:\/\/www.maqs.io\/index.php?rest_route=\/wp\/v2\/pages\/4507\/revisions\/6615"}],"wp:attachment":[{"href":"https:\/\/www.maqs.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}