/* VEXIAN Mobile storefront. Shared by the monitoring and accessory pages. */
:root{--mk-ink:#102a30;--mk-teal:#087b85;--mk-mint:#ddf1ee;--mk-paper:#f6f7f3;--mk-muted:#52676b;--mk-line:#d7e3e0;--mk-radius:20px}
.mk{color:var(--mk-ink);background:#fff;line-height:1.65;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.mk *{box-sizing:border-box}.mk a{color:inherit}.mk img{display:block;width:100%;height:auto}.mk svg{max-width:100%}
.mk h1,.mk h2,.mk h3{color:var(--mk-ink);line-height:1.09;letter-spacing:-.045em;margin:0 0 18px}
.mk h1{font-size:clamp(42px,5.5vw,76px);font-weight:850;max-width:900px}.mk h2{font-size:clamp(31px,4vw,49px);font-weight:800}.mk h3{font-size:23px;letter-spacing:-.025em}
.mk p{margin:0 0 18px;color:var(--mk-muted)}.mk strong{color:var(--mk-ink)}.mk em{font-style:normal;color:var(--mk-teal)}
.mk-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.mk-section{padding:88px 0;scroll-margin-top:110px}.mk-soft{background:var(--mk-paper)}.mk-tint{background:#edf6f3}
.mk-kicker{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:850;color:var(--mk-teal);margin:0 0 16px}.mk-lead{font-size:clamp(17px,1.65vw,20px);max-width:650px}
.mk-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:25px 0 16px}.mk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;gap:10px;padding:12px 23px;border:1px solid var(--mk-teal);border-radius:8px;background:var(--mk-teal);color:#fff!important;font-size:14px;font-weight:750;text-decoration:none;cursor:pointer;line-height:1.4}.mk-btn:hover{background:#075c65;border-color:#075c65}.mk-btn.secondary{background:transparent;color:var(--mk-ink)!important;border-color:#a4bdb8}.mk-btn.secondary:hover{background:#e5f2ee}.mk-btn:disabled{opacity:.65;cursor:wait}.mk-text-link{font-size:14px;font-weight:750;text-underline-offset:5px}
.mk-small{font-size:13px!important;line-height:1.65}.mk-center{text-align:center}.mk-center p{max-width:720px;margin-inline:auto}.mk-intro{max-width:760px;margin-bottom:34px}.mk-intro p{font-size:17px}
.mk-center .mk-actions{justify-content:center}.mk #enquiry{scroll-margin-top:110px;margin-top:30px}.mk #hardware-cart{scroll-margin-top:110px}.mk #mobileKitSelection{margin:25px 0 35px}.mk #mobileKitSelection h2{font-size:26px}.mk #sensors{margin-top:35px}.mk .mobile-form label{margin-bottom:0}.mk .mobile-products{margin-top:22px}.mk .mobile-cart p{font-size:13px}.mk .mobile-product a:not(.mobile-button){font-size:12px;text-underline-offset:4px}
.mk-hero{padding:68px 0 58px;background:linear-gradient(120deg,#f6f7f3,#e8f3ee)}.mk-split{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:60px}.mk-hero figure{margin:0}.mk-photo{border-radius:24px;overflow:hidden;box-shadow:0 20px 55px #12332a15}.mk-photo img{aspect-ratio:1.12;object-fit:cover}.mk-caption{font-size:11px;color:var(--mk-muted);padding:10px 2px}.mk-badges{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.mk-badge{display:inline-flex;border:1px solid #bad5cc;border-radius:99px;background:#ffffffb8;padding:6px 11px;font-size:11px;font-weight:750}
.mk-subnav{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:16px 0;font-size:13px;font-weight:750;border-bottom:1px solid var(--mk-line)}.mk-subnav a{text-decoration:none}.mk-subnav a:hover{text-decoration:underline;text-underline-offset:5px}
.mk-proof{background:var(--mk-ink);color:white}.mk-proof .mk-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-block:19px;font-size:13px;font-weight:650;text-align:center}.mk-proof a{color:#c1eee1}
.mk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mk-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-card{border:1px solid var(--mk-line);border-radius:var(--mk-radius);padding:29px;background:#fff;min-width:0}.mk-card p{font-size:14px}.mk-card h3{margin-bottom:12px}.mk-card ul{padding-left:20px;color:var(--mk-muted);font-size:14px;margin:18px 0 22px}.mk-card li{margin:7px 0}.mk-card .mk-btn{width:100%}.mk-kit{position:relative;display:flex;flex-direction:column}.mk-kit .mk-actions{margin-top:auto}.mk-kit.featured{border:2px solid var(--mk-teal);background:#f4faf7}.mk-label{display:inline-flex;align-self:flex-start;padding:5px 11px;background:var(--mk-ink);color:white;border-radius:6px;font-size:11px;font-weight:750;margin-bottom:21px}.mk-price{font-size:35px;font-weight:850;letter-spacing:-.04em;line-height:1.2;color:var(--mk-ink);display:block;margin:13px 0 5px}.mk-price small{font-size:14px;font-weight:500;letter-spacing:0}.mk-kit ul{flex:1}.mk-mini-list{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--mk-muted);margin-top:20px}
.mk-trial{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin-top:28px;padding:26px;border:1px solid #a3c8bd;border-radius:14px;background:#eaf5ef}.mk-trial b{font-size:38px;line-height:1;letter-spacing:-.06em}.mk-trial p{margin:3px 0 0;font-size:14px}.mk-trial strong{font-size:18px}.mk-trial a{white-space:nowrap}
.mk-diagram{background:#fff;border:1px solid var(--mk-line);border-radius:24px;padding:25px;overflow:hidden}.mk-diagram svg{display:block;width:100%;height:auto}.mk-diagram text{font-family:Inter,system-ui,sans-serif;fill:var(--mk-ink)}.mk-diagram-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.mk-diagram-legend p{font-size:13px;margin:0}.mk-number{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mk-teal);color:#fff;font-size:12px;margin-right:7px;flex:none}
.mk-step{display:grid;grid-template-columns:auto 1fr;gap:17px;margin:24px 0}.mk-step .mk-number{width:36px;height:36px;margin:0}.mk-step h3{font-size:20px;margin:2px 0 8px}.mk-step p{font-size:14px;margin:0}
.mk-feature{padding:24px 0;border-top:1px solid var(--mk-line)}.mk-feature h3{font-size:21px;margin:0 0 9px}.mk-feature p{font-size:15px;margin:0}.mk-alert{border-left:4px solid var(--mk-teal);background:#e8f3ef;border-radius:8px;padding:18px;margin-top:22px}.mk-alert p{margin:4px 0 0;font-size:14px}.mk-app{padding:25px;border:1px solid #cbdcd6;background:white;border-radius:24px;box-shadow:0 15px 50px #14332812;max-width:440px;margin-inline:auto}.mk-app .mk-kicker{font-size:10px}.mk-app h3{font-size:26px}.mk-app-row{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--mk-line);font-size:14px}.mk-app-row span{color:var(--mk-muted)}.mk-app-row b{font-size:13px}.mk-app-map{height:175px;border-radius:12px;display:grid;place-items:center;background:repeating-linear-gradient(35deg,#e1ede7 0 40px,#eff5f0 40px 80px);margin:18px 0;color:var(--mk-teal);font-weight:750}.mk-illustrative{font-size:11px!important;letter-spacing:.03em;color:var(--mk-muted);margin-top:15px!important}
.mk-dark{background:var(--mk-ink);color:white}.mk-dark h2,.mk-dark h3,.mk-dark strong{color:white}.mk-dark p{color:#c0d5d2}.mk-dark .mk-kicker{color:#96d9c8}.mk-dark .mk-btn.secondary{border-color:#96bab0;color:white!important}.mk-dark .mk-btn.secondary:hover{background:#23484c}.mk-dark .mk-price{color:white;font-size:52px}.mk-dark .mk-card{background:#1b3d42;border-color:#386065}.mk-dark .mk-card li{color:#d6e7e2}
.mk-faq{max-width:850px;margin:auto}.mk-faq details{border-bottom:1px solid var(--mk-line);padding:20px 0}.mk-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;font-size:17px;font-weight:750;line-height:1.5}.mk-faq summary::after{content:'+';font-size:23px;color:var(--mk-teal)}.mk-faq details[open] summary::after{content:'−'}.mk-faq details p{font-size:15px;margin:14px 30px 0 0}.mk-faq ul{color:var(--mk-muted);font-size:15px}.mk-note{padding:17px 20px;border:1px solid var(--mk-line);background:var(--mk-paper);border-radius:10px;font-size:13px!important}.mk-specs{margin:0}.mk-specs>div{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--mk-line);font-size:14px}.mk-specs dt{font-weight:750}.mk-specs dd{margin:0;color:var(--mk-muted)}
.mk-photo-placeholder{border:1px dashed #98b9b0;border-radius:22px;background:linear-gradient(145deg,#e0eee7,#f5f7f1);min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:35px;text-align:center}.mk-photo-placeholder .mk-product-wordmark{font-size:39px;font-weight:850;letter-spacing:-.06em;line-height:1.1}.mk-photo-placeholder small{font-size:11px;color:var(--mk-muted)}.mk-photo-placeholder svg{width:140px;height:110px;fill:none;stroke:var(--mk-teal);stroke-width:2}.mk-product-title{font-size:clamp(42px,5.1vw,66px)!important}.mk-product-subnav{padding-block:20px}.mk-mode{position:relative}.mk-mode .mk-label{background:#d9eee6;color:#17584f}.mk-mode ul{margin-bottom:0}.mk-breadcrumb{font-size:12px;margin-bottom:24px;color:var(--mk-muted)}.mk-breadcrumb a{text-decoration:none}.mk-inline-links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;font-weight:650}
.mk-demo{border:1px solid var(--mk-line);border-radius:22px;padding:28px;background:white}.mk-demo svg{display:block;width:100%;height:180px}.mk-demo .van{transform-box:fill-box;transform-origin:center;transition:transform .15s ease}.mk-demo label{display:block;font-size:13px;font-weight:650;margin:20px 0 8px}.mk-demo input[type=range]{width:100%;accent-color:var(--mk-teal)}.mk-demo output{font-variant-numeric:tabular-nums}.mk-demo text{font-size:14px;fill:var(--mk-muted)}.mk-demo .mk-btn{font-size:12px;min-height:36px;padding:7px 15px}.mk-relay-demo{display:grid;gap:0}.mk-relay-demo>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--mk-line)}.mk-relay-demo strong{font-size:15px}.mk-relay-demo small{font-size:12px;color:var(--mk-muted)}.mk-relay-demo button{border:1px solid #b3c8c1;min-width:80px;min-height:39px;border-radius:25px;background:#f0f3f0;color:var(--mk-ink);cursor:pointer;font-weight:750}.mk-relay-demo button[aria-pressed=true]{background:var(--mk-teal);color:white;border-color:var(--mk-teal)}
.mk-mobile-catalog-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.mk-mobile-catalog-tabs a{padding:9px 14px;background:#edf5f1;border-radius:7px;font-size:13px;font-weight:700;text-decoration:none}.mk-shopping-status{min-height:24px}.mk-launch-price{font-size:14px;letter-spacing:0;color:var(--mk-muted);font-weight:500}.mk-product-related{margin-top:28px}
.mk-sticky{position:sticky;bottom:0;z-index:20;border-top:1px solid var(--mk-line);background:#fffffff5;backdrop-filter:blur(12px);padding:13px 0}.mk-sticky .mk-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}.mk-sticky strong{font-size:14px}.mk-sticky small{display:block;font-size:11px;color:var(--mk-muted)}
@media(max-width:950px){.mk-split{gap:30px}.mk-grid{gap:12px}.mk-card{padding:22px}.mk-price{font-size:29px}.mk-wrap{width:calc(100% - 40px)}.mk-subnav{gap:18px}.mk-section{padding:65px 0}}
@media(max-width:740px){.mk-split,.mk-grid,.mk-grid.two{grid-template-columns:1fr}.mk-hero{padding:40px 0}.mk-hero .mk-split{gap:28px}.mk-hero h1{font-size:clamp(40px,10.5vw,62px)}.mk-proof .mk-wrap{grid-template-columns:1fr;gap:7px;font-size:12px;padding-block:14px}.mk-section{padding:52px 0}.mk-wrap{width:calc(100% - 36px)}.mk-card{padding:25px}.mk-trial{grid-template-columns:auto 1fr;padding:21px;gap:18px}.mk-trial a{grid-column:2}.mk-trial b{font-size:34px}.mk-photo img{aspect-ratio:1.4}.mk-subnav{gap:17px;font-size:12px;flex-wrap:nowrap;overflow:auto;white-space:nowrap;scrollbar-width:thin}.mk-photo-placeholder{min-height:280px}.mk-specs>div{grid-template-columns:1fr 1.3fr;gap:12px}.mk-sticky .mk-btn{padding:11px 15px;min-height:45px;font-size:12px}.mk-sticky strong{font-size:12px}.mk-demo{padding:21px}.mk-diagram{padding:12px}.mk-diagram-legend{grid-template-columns:1fr}.mk-product-title{font-size:44px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mk *{transition:none!important;animation:none!important}}