{"id":16289,"date":"2023-02-11T12:41:40","date_gmt":"2023-02-11T12:41:40","guid":{"rendered":"https:\/\/wal.rfid-dresden.de\/live-home1\/"},"modified":"2026-06-22T09:09:54","modified_gmt":"2026-06-22T07:09:54","slug":"live-home1","status":"publish","type":"page","link":"https:\/\/www.liz.solutions\/en\/","title":{"rendered":"LIZ Home page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16289\" class=\"elementor elementor-16289 elementor-13047\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-af11add elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"af11add\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e87b9d3\" data-id=\"e87b9d3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ce09000 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ce09000\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2c72b18\" data-id=\"2c72b18\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e418c8c elementor-widget elementor-widget-spacer\" data-id=\"e418c8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-590477f elementor-widget elementor-widget-html\" data-id=\"590477f\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: #061A52 !important;\n  background-image: none !important;\n  padding: 6rem 0 6rem;\n  position: relative;\n  overflow: hidden;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(-50vw + 50%) !important;\n  margin-right: calc(-50vw + 50%) !important;\n  left: 0 !important;\n  right: 0 !important;\n  box-sizing: border-box !important;\n}\n\n\/* Floating image \u2014 right side, absolutely placed *\/\n.hero-visual {\n  position: absolute;\n  top: 50%;\n  right: 4%;\n  transform: translateY(-50%);\n  width: 42%;\n  max-width: 520px;\n  pointer-events: none;\n  z-index: 1;\n}\n.hero-visual img {\n  width: 100%;\n  height: auto;\n  display: block;\n  border-radius: 24px;\n}\n\n\/* Content sits left, only 52% wide so it doesn't overlap image *\/\n.hero-content {\n  position: relative;\n  z-index: 2;\n  max-width: 52%;\n}\n.hero-content h1 {\n  color: var(--white);\n  margin-bottom: 1.5rem;\n  font-size: clamp(2.4rem, 4.5%, 3.8rem);\n}\n.hero-content h1 span { color: #FFCDD6 !important; }\n.hero-content p {\n  color: rgba(255,255,255,0.7);\n  font-size: 1.05rem;\n  margin-bottom: 2.5rem;\n  max-width: 480px;\n  line-height: 1.75;\n}\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.55) !important;\n  display:flex; align-items:center; gap:6px;\n}\n.trust-pill::before { display:none !important; content:none !important; }\n.tp-check {\n  display:inline-flex !important; align-items:center !important; justify-content:center !important;\n  width:16px !important; height:16px !important;\n  border-radius:50% !important;\n  background:#FFCDD6 !important;\n  flex-shrink:0 !important;\n  line-height:1 !important;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n@media (max-width: 860px) {\n  .hero { padding: 4rem 0 12rem; }\n  .hero-content { max-width: 100%; }\n  .hero-visual {\n    position: relative;\n    top: auto; right: auto;\n    transform: none;\n    width: 85%;\n    max-width: 400px;\n    margin: 2.5rem auto 0;\n    pointer-events: auto;\n  }\n}\n@media (max-width: 600px) {\n  .hero { padding: 3rem 0 3rem; }\n  .hero-visual { display: none; }\n}\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hero\" aria-label=\"Workspace Management Software for Modern Businesses\" style=\"background:#061A52 !important;background-image:none !important;\">\n  <!-- Floating image \u2013 absolutely centred on the right, Elementor-proof -->\n  <div class=\"hero-visual\" aria-hidden=\"true\">\n    <img fetchpriority=\"high\" decoding=\"async\"\n      src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Home_caroussel-scaled.png\"\n      alt=\"LIZ Smart Office App \u2013 Workspace Management Interface\"\n      loading=\"eager\" width=\"640\" height=\"520\"\n    >\n  <\/div>\n  <div class=\"container\">\n    <div class=\"hero-content\">\n      <span class=\"eyebrow eyebrow--white fade-up\">Workspace Management Software<\/span>\n      <h1 class=\"fade-up d1\">\n        WORKSPACE MANAGEMENT FOR <span>MODERN BUSINESSES<\/span>\n      <\/h1>\n      <p class=\"fade-up d2\">LIZ Smart Office is a workspace management platform from Germany for hybrid working environments. Desks, meeting rooms, parking, lockers, visitors, and workplace analytics \u2014 all in one central software.<\/p>\n      <div class=\"hero-actions fade-up d3\">\n        <a href=\"https:\/\/www.liz.solutions\/en\/request-demo\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-white\">Request a Demo<\/a>\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/liz\/call?__hstc=235540382.315cc003b0c76b4790e5d452860ef16b.1760360464084.1781504530737.1781506891166.312&__hssc=235540382.21.1781506891166&__hsfp=882d640fbe2ce5b7dfa56d780a7b1743\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline-white\">Explore the Platform<\/a>\n      <\/div>\n      <div class=\"trust-row fade-up d4\">\n        <span class=\"trust-pill\"><span class=\"tp-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Made in Germany<\/span>\n        <span class=\"trust-sep\">\u00b7<\/span>\n        <span class=\"trust-pill\"><span class=\"tp-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>GDPR Compliant<\/span>\n        <span class=\"trust-sep\">\u00b7<\/span>\n        <span class=\"trust-pill\"><span class=\"tp-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>ISO 27001<\/span>\n        <span class=\"trust-sep\">\u00b7<\/span>\n        <span class=\"trust-pill\"><span class=\"tp-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Microsoft 365 Integration<\/span>\n        <span class=\"trust-sep\">\u00b7<\/span>\n        <span class=\"trust-pill\"><span class=\"tp-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Dedicated Customer Success<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d5c3e5e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d5c3e5e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a774b3\" data-id=\"3a774b3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b99846a elementor-widget elementor-widget-global elementor-global-35515 elementor-widget-image-carousel\" data-id=\"b99846a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;8&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:0,&quot;speed&quot;:9000,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:61,&quot;sizes&quot;:[]},&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Bild Karussell\" dir=\"rtl\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2024\/06\/1-1.png\" alt=\"Goldbeck Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2024\/06\/5.png\" alt=\"Handelsblatt Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2024\/06\/4.png\" alt=\"Afry Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-tk_Secondary_Logo_RGB_72dpi.png\" alt=\"thyssenkrupp logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-VDM_Metals_Logo_Orange_RGB.png\" alt=\"VDM Metals Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-Roomarts.png\" alt=\"roomarts logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-GOLDBECK.svg_.png\" alt=\"Goldbeck Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-Fiege_Logo_2019.svg_.png\" alt=\"Fiege Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-e51ea80d-b035-4b66-b948-0154994f5c5c.jpg\" alt=\"WVM Gruppe Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/3833c7af-a801-4b0e-a230-a877366e.png\" alt=\"roomArt\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/AFRY.png\" alt=\"Afry Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/android-icon-192x192-1.png\" alt=\"EITCO Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/images-1.png\" alt=\"VDM Metals Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/division_one_logo.jpg\" alt=\"Division One Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"15 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/staehlin-Logo.png\" alt=\"Staehlin Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"16 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/ddddae25-ee43-4171-bdb5-7f11f13a4708.png\" alt=\"Handelsblatt Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"17 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/1747126594881.jpg\" alt=\"Wefox Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"18 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/DGNB-1200x1200-1.webp\" alt=\"DGNB Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"19 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Nexia_Logo_rgb-1.png\" alt=\"Nexia Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"20 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/DGNB_Verein2.png\" alt=\"DGNB Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"21 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-Staehlin-1855.png\" alt=\"Staehlin Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"22 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-SZ-Logo_mit-Claim_zentriert_150x35.png\" alt=\"Sunzinet logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"23 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-Tagesspiegel-Logo.svg_-scaled.png\" alt=\"Tagesspiegel logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"24 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-Veritas_2_Logo_EZ_RGB_Schutzzone-scaled.jpg\" alt=\"Veritas Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"25 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-Wefox_logo_RGB.png\" alt=\"Wefox Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"26 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/vde-logo-Edited.png\" alt=\"VDE Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"27 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-Nexia_Logo_CMYK_300dpi-scaled.jpg\" alt=\"nexia logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"28 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-Merkur-Logo.png\" alt=\"merkur logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"29 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-logo_full_rgb-scaled.png\" alt=\"ALSO logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"30 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-LOGICHECK_300dpi_15cm_4c.png\" alt=\"logicheck logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"31 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-Kreis-GG-Logo.png\" alt=\"Kreis Gro\u00df-Gerau Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"32 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-KitaZentrum_StSimpert_Logo.jpg\" alt=\"Kita Zentrum St. Simpert Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"33 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2024\/01\/Screenshot_2023-05-12_at_14.12.16-removebg-preview.png\" alt=\"Screenshot_2023-05-12_at_14.12.16-removebg-preview.png\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"34 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-AFRY_Primary_Horizontal_RGB_Black-scaled.png\" alt=\"ARFY Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"35 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-CIRCLE_Logo_Schwarz_Web_Size-S.png\" alt=\"Circle Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"36 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-d1_300dpi_RGB_2608x1093-scaled.jpg\" alt=\"Division One Logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"37 of 37\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/Copy-of-eitco_Wortmarke_Color_claim_804x380.png\" alt=\"EITCO Logo\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-88a56cc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"88a56cc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c0ef6ae\" data-id=\"c0ef6ae\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e95434e elementor-widget elementor-widget-html\" data-id=\"e95434e\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n  display: flex;\n  flex-direction: column;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; flex:1; }\n\n.pc-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 1.25rem;\n  font-size: 0.78rem;\n  font-weight: 700;\n  color: var(--blue);\n  text-decoration: none;\n  letter-spacing: 0.04em;\n  transition: gap 0.2s, opacity 0.2s;\n  opacity: 0.7;\n}\n.pc-link:hover { gap: 10px; opacity: 1; }\n.pc-link svg { flex-shrink: 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"platform section\" id=\"platform\" aria-labelledby=\"platform-heading\">\n  <div class=\"container\">\n    <div class=\"platform-header reveal\">\n      <span class=\"eyebrow eyebrow--white\">Platform Overview<\/span>\n      <h2 id=\"platform-heading\">ONE PLATFORM FOR YOUR ENTIRE WORKSPACE MANAGEMENT<\/h2>\n      <p>LIZ Smart Office brings together all key areas of modern office management in one central solution.<\/p>\n    <\/div>\n    <div class=\"platform-grid reveal\">\n      <article class=\"platform-card\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n        <\/div>\n        <h3>DESK MANAGEMENT<\/h3>\n        <p>Employees find and book available desks matched to location, team, equipment, and daily planning.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/work-desk-booking\/\" target=\"_blank\" rel=\"noopener\" class=\"pc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n      <article class=\"platform-card\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <\/div>\n        <h3>MEETING ROOM MANAGEMENT<\/h3>\n        <p>Meeting rooms, equipment, catering, check-ins, and room availability can be planned centrally and shown transparently.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/meeting-room-booking\/\" target=\"_blank\" rel=\"noopener\" class=\"pc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n      <article class=\"platform-card\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 4v4h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n        <\/div>\n        <h3>PARKING MANAGEMENT<\/h3>\n        <p>Parking spaces can be reserved flexibly, allocated fairly, and used more efficiently.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/parking-booking\/\" target=\"_blank\" rel=\"noopener\" class=\"pc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n      <article class=\"platform-card\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n        <\/div>\n        <h3>LOCKER MANAGEMENT<\/h3>\n        <p>Lockers can be booked digitally and integrated into hybrid workplace concepts.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/work-desk-booking\/\" target=\"_blank\" rel=\"noopener\" class=\"pc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n      <article class=\"platform-card\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n        <\/div>\n        <h3>VISITOR MANAGEMENT<\/h3>\n        <p>Visitors can be invited, welcomed, and documented entirely digitally.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/meeting-room-booking\/\" target=\"_blank\" rel=\"noopener\" class=\"pc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n      <article class=\"platform-card\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n        <\/div>\n        <h3>WORKPLACE ANALYTICS<\/h3>\n        <p>Companies gain visibility into utilization, booking behavior, no-shows, and optimization potential across their office space.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/work-desk-booking\/\" target=\"_blank\" rel=\"noopener\" class=\"pc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1b464c8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1b464c8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-864ef1e\" data-id=\"864ef1e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30a3389 elementor-widget elementor-widget-html\" data-id=\"30a3389\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DEF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px; --r-md: 16px; --r-lg: 24px; --r-xl: 32px;\n}\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\nh2,h3 { font-family:'Montserrat',sans-serif; font-weight:800; text-transform:uppercase; line-height:1.1; }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: 0.95rem; }\np  { font-size:1rem; line-height:1.75; color:var(--navy-text); }\n\n.eyebrow {\n  display:inline-block; font-size:0.68rem; font-weight:700;\n  letter-spacing:0.16em; text-transform:uppercase;\n  color:var(--white); background:var(--navy);\n  padding:5px 14px; border-radius:50px; margin-bottom:1.2rem;\n}\n\n.container { max-width:1180px; margin:0 auto; padding:0 2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CLARITY SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity {\n  background: var(--mint);\n  padding: 7rem 0;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* subtle bg pattern *\/\n.clarity::before {\n  display: none;\n}\n\n.clarity-inner {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 5rem;\n  align-items: center;\n}\n\n\/* \u2500\u2500 LEFT: Platform visual \u2500\u2500 *\/\n.clarity-visual {\n  position: relative;\n}\n\n\/* Central hub circle *\/\n.clarity-hub {\n  width: 140px;\n  height: 140px;\n  border-radius: 50%;\n  background: var(--navy);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto;\n  position: relative;\n  z-index: 3;\n  box-shadow: 0 0 0 16px rgba(6,26,82,0.08), 0 0 0 32px rgba(6,26,82,0.04);\n}\n.clarity-hub-logo {\n  font-size: 1.1rem;\n  font-weight: 800;\n  color: var(--white);\n  letter-spacing: 0.04em;\n}\n.clarity-hub-sub {\n  font-size: 0.52rem;\n  font-weight: 600;\n  color: rgba(255,255,255,0.5);\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  margin-top: 2px;\n}\n\n\/* Orbit ring *\/\n.clarity-orbit {\n  position: absolute;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 340px;\n  height: 340px;\n  border-radius: 50%;\n  border: 1.5px dashed rgba(6,26,82,0.15);\n  z-index: 1;\n}\n\n\/* Module nodes around the hub *\/\n.clarity-nodes {\n  position: relative;\n  width: 340px;\n  height: 340px;\n  margin: 0 auto;\n}\n\n.clarity-node {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  transform: translate(-50%, -50%);\n  z-index: 2;\n}\n\n.node-icon {\n  width: 52px;\n  height: 52px;\n  border-radius: var(--r-sm);\n  background: var(--white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 20px rgba(6,26,82,0.12);\n  transition: transform 0.2s;\n}\n.node-icon:hover { transform: scale(1.08); }\n.node-icon svg { color: var(--navy); }\n\n.node-label {\n  font-size: 0.6rem;\n  font-weight: 700;\n  color: var(--navy);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  white-space: nowrap;\n  text-align: center;\n  background: var(--white);\n  padding: 2px 7px;\n  border-radius: 20px;\n  box-shadow: 0 2px 8px rgba(6,26,82,0.08);\n}\n\n\/* Connection lines from center (SVG overlay) *\/\n.clarity-lines {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  pointer-events: none;\n}\n\n\/* Node positions (clock: top, top-right, right, bottom-right, bottom, bottom-left, left, top-left) *\/\n.node-1  { top:  2%; left: 50%; } \/* 12 o'clock *\/\n.node-2  { top: 17%; left: 83%; } \/* 2 o'clock *\/\n.node-3  { top: 50%; left: 98%; } \/* 3 o'clock *\/\n.node-4  { top: 83%; left: 83%; } \/* 5 o'clock *\/\n.node-5  { top: 98%; left: 50%; } \/* 6 o'clock *\/\n.node-6  { top: 83%; left: 17%; } \/* 7 o'clock *\/\n.node-7  { top: 50%; left:  2%; } \/* 9 o'clock *\/\n.node-8  { top: 17%; left: 17%; } \/* 10 o'clock *\/\n\n\/* Pulse animation on hub *\/\n@keyframes hubPulse {\n  0%, 100% { box-shadow: 0 0 0 16px rgba(6,26,82,0.08), 0 0 0 32px rgba(6,26,82,0.04); }\n  50%       { box-shadow: 0 0 0 20px rgba(6,26,82,0.06), 0 0 0 40px rgba(6,26,82,0.02); }\n}\n.clarity-hub { animation: hubPulse 3s ease-in-out infinite; }\n\n\/* Floating stat cards *\/\n.clarity-stat-cards {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin-top: 3.5rem;\n}\n.clarity-stat-card {\n  background: var(--navy);\n  border-radius: var(--r-md);\n  padding: 1.1rem 1.25rem;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n.csc-icon {\n  width: 40px; height: 40px;\n  border-radius: 8px;\n  background: rgba(218,246,230,0.12);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.csc-icon svg { color: var(--mint); }\n.csc-num  { font-size: 1.1rem; font-weight: 800; color: var(--white); line-height: 1; }\n.csc-lbl  { font-size: 0.65rem; color: rgba(255,255,255,0.5); margin-top: 3px; }\n\n\/* \u2500\u2500 RIGHT: Text content \u2500\u2500 *\/\n.clarity-content h2 { color: var(--navy); margin-bottom: 1.25rem; }\n.clarity-content > p { margin-bottom: 1rem; font-size: 0.95rem; }\n\n.clarity-modules {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 8px;\n  margin-top: 1.75rem;\n}\n.clarity-module {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  background: var(--white);\n  border-radius: var(--r-sm);\n  padding: 10px 14px;\n  font-size: 0.8rem;\n  font-weight: 600;\n  color: var(--navy);\n  box-shadow: 0 2px 8px rgba(6,26,82,0.06);\n}\n.clarity-module-dot {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: var(--navy);\n  flex-shrink: 0;\n}\n\n.clarity-trust {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-top: 2.5rem;\n  padding-top: 2rem;\n  border-top: 1px solid rgba(6,26,82,0.1);\n}\n.clarity-trust-tag {\n  background: rgba(6,26,82,0.08);\n  color: var(--navy);\n  font-size: 0.7rem;\n  font-weight: 600;\n  padding: 5px 12px;\n  border-radius: 50px;\n  letter-spacing: 0.04em;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 860px) {\n  .clarity-inner { grid-template-columns: 1fr; gap: 3rem; }\n  .clarity-nodes { width: 280px; height: 280px; }\n  .clarity-orbit { width: 280px; height: 280px; }\n  .node-icon { width: 44px; height: 44px; }\n}\n@media (max-width: 600px) {\n  .clarity { padding: 4rem 0; }\n  .clarity-stat-cards { grid-template-columns: 1fr 1fr; }\n  .clarity-modules { grid-template-columns: 1fr; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"clarity\" id=\"was-ist-liz\" aria-labelledby=\"clarity-heading\">\n  <div class=\"container\">\n    <div class=\"clarity-inner\">\n\n      <!-- LEFT: Visual diagram -->\n      <div class=\"clarity-visual\" aria-hidden=\"true\">\n        <div style=\"position:relative; width:340px; height:340px; margin:0 auto;\">\n\n          <!-- Orbit ring -->\n          <div class=\"clarity-orbit\"><\/div>\n\n          <!-- SVG connection lines -->\n          <svg class=\"clarity-lines\" viewBox=\"0 0 340 340\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <line x1=\"170\" y1=\"170\" x2=\"170\" y2=\"7\"   stroke=\"rgba(6,26,82,0.12)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\/>\n            <line x1=\"170\" y1=\"170\" x2=\"282\" y2=\"58\"  stroke=\"rgba(6,26,82,0.12)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\/>\n            <line x1=\"170\" y1=\"170\" x2=\"333\" y2=\"170\" stroke=\"rgba(6,26,82,0.12)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\/>\n            <line x1=\"170\" y1=\"170\" x2=\"282\" y2=\"282\" stroke=\"rgba(6,26,82,0.12)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\/>\n            <line x1=\"170\" y1=\"170\" x2=\"170\" y2=\"333\" stroke=\"rgba(6,26,82,0.12)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\/>\n            <line x1=\"170\" y1=\"170\" x2=\"58\"  y2=\"282\" stroke=\"rgba(6,26,82,0.12)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\/>\n            <line x1=\"170\" y1=\"170\" x2=\"7\"   y2=\"170\" stroke=\"rgba(6,26,82,0.12)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\/>\n            <line x1=\"170\" y1=\"170\" x2=\"58\"  y2=\"58\"  stroke=\"rgba(6,26,82,0.12)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\/>\n          <\/svg>\n\n          <!-- Center hub -->\n          <div class=\"clarity-hub\" style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;\">\n            <span class=\"clarity-hub-logo\">LIZ<\/span>\n            <span class=\"clarity-hub-sub\">Smart Office<\/span>\n          <\/div>\n\n          <!-- Module nodes -->\n          <div class=\"clarity-nodes\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\">\n\n            <div class=\"clarity-node node-1\">\n              <div class=\"node-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n              <\/div>\n              <span class=\"node-label\">Desk<\/span>\n            <\/div>\n\n            <div class=\"clarity-node node-2\">\n              <div class=\"node-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n              <\/div>\n              <span class=\"node-label\">Meeting Room<\/span>\n            <\/div>\n\n            <div class=\"clarity-node node-3\">\n              <div class=\"node-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 4v4h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n              <\/div>\n              <span class=\"node-label\">Parking<\/span>\n            <\/div>\n\n            <div class=\"clarity-node node-4\">\n              <div class=\"node-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n              <\/div>\n              <span class=\"node-label\">Locker<\/span>\n            <\/div>\n\n            <div class=\"clarity-node node-5\">\n              <div class=\"node-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n              <\/div>\n              <span class=\"node-label\">Visitor Mgmt<\/span>\n            <\/div>\n\n            <div class=\"clarity-node node-6\">\n              <div class=\"node-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n              <\/div>\n              <span class=\"node-label\">Analytics<\/span>\n            <\/div>\n\n            <div class=\"clarity-node node-7\">\n              <div class=\"node-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12.5C2 9.46 4.46 7 7.5 7H13\"\/><circle cx=\"17\" cy=\"12\" r=\"3\"\/><path d=\"M20 12h2M14 12h-2\"\/><\/svg>\n              <\/div>\n              <span class=\"node-label\">Sensors<\/span>\n            <\/div>\n\n            <div class=\"clarity-node node-8\">\n              <div class=\"node-icon\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 9h6M9 12h6M9 15h4\"\/><\/svg>\n              <\/div>\n              <span class=\"node-label\">Integrations<\/span>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n        <!-- Stat cards below diagram -->\n        <div class=\"clarity-stat-cards\">\n          <div class=\"clarity-stat-card\">\n            <div class=\"csc-icon\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"csc-num\">500+<\/div>\n              <div class=\"csc-lbl\">companies trust LIZ<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"clarity-stat-card\">\n            <div class=\"csc-icon\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"csc-num\">ISO 27001<\/div>\n              <div class=\"csc-lbl\">Certified &amp; GDPR Compliant<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"clarity-stat-card\">\n            <div class=\"csc-icon\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"csc-num\">94 NPS<\/div>\n              <div class=\"csc-lbl\">Net Promoter Score<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"clarity-stat-card\">\n            <div class=\"csc-icon\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"csc-num\">20+<\/div>\n              <div class=\"csc-lbl\">integrations available<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: Text content -->\n      <div class=\"clarity-content\">\n        <span class=\"eyebrow\">What is LIZ Smart Office?<\/span>\n        <h2 id=\"clarity-heading\">THE WORKSPACE MANAGEMENT SOFTWARE FOR HYBRID WORKING ENVIRONMENTS<\/h2>\n        <p>LIZ Smart Office is a workspace management software for companies that want to centrally manage hybrid work, flexible desks, and modern office organization.<\/p>\n        <p>All key areas of modern office management are united in one central platform \u2014 from booking to strategic analysis.<\/p>\n\n        <div class=\"clarity-modules\" role=\"list\" aria-label=\"All modules\">\n          <div class=\"clarity-module\" role=\"listitem\"><span class=\"clarity-module-dot\"><\/span>Desk Booking<\/div>\n          <div class=\"clarity-module\" role=\"listitem\"><span class=\"clarity-module-dot\"><\/span>Room Booking<\/div>\n          <div class=\"clarity-module\" role=\"listitem\"><span class=\"clarity-module-dot\"><\/span>Parking Booking<\/div>\n          <div class=\"clarity-module\" role=\"listitem\"><span class=\"clarity-module-dot\"><\/span>Locker Booking<\/div>\n          <div class=\"clarity-module\" role=\"listitem\"><span class=\"clarity-module-dot\"><\/span>Visitor Management<\/div>\n          <div class=\"clarity-module\" role=\"listitem\"><span class=\"clarity-module-dot\"><\/span>Workplace Analytics<\/div>\n          <div class=\"clarity-module\" role=\"listitem\"><span class=\"clarity-module-dot\"><\/span>Sensor Integration<\/div>\n          <div class=\"clarity-module\" role=\"listitem\"><span class=\"clarity-module-dot\"><\/span>Integrations<\/div>\n        <\/div>\n\n        <div class=\"clarity-trust\" role=\"list\" aria-label=\"Trust badges\">\n          <span class=\"clarity-trust-tag\" role=\"listitem\">Made in Germany<\/span>\n          <span class=\"clarity-trust-tag\" role=\"listitem\">GDPR Compliant<\/span>\n          <span class=\"clarity-trust-tag\" role=\"listitem\">ISO 27001<\/span>\n          <span class=\"clarity-trust-tag\" role=\"listitem\">Dedicated Customer Success<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-94dcd2a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"94dcd2a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d3fe27a\" data-id=\"d3fe27a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7505a0d elementor-widget elementor-widget-html\" data-id=\"7505a0d\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap: 1.5rem;\n  border-radius: var(--r-xl);\n}\n.benefits-panel { padding:3.5rem 3rem; border-radius: var(--r-xl); }\n.benefits-panel--navy { background: var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* image removed *\/\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BENEFIT VISUALS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ben-visual {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  padding: 1.5rem;\n  height: 280px;\n  display: flex;\n  flex-direction: column;\n}\n.ben-visual--light {\n  background: var(--surface, #F7F9FB);\n  border: 1px solid var(--navy-08);\n}\n.ben-visual--dark {\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.1);\n}\n\n.bv-label {\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--navy-text);\n  margin-bottom: 1rem;\n}\n\n\/* Booking steps *\/\n.bv-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  flex: 1;\n  overflow: hidden;\n}\n.bv-step {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  background: var(--white);\n  border-radius: var(--r-sm);\n  padding: 10px 12px;\n  border: 1px solid var(--navy-08);\n}\n.bv-step--done { opacity: 1; }\n.bv-step-icon {\n  width: 30px; height: 30px;\n  border-radius: 8px;\n  background: var(--navy-08);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.bv-step-icon svg { color: var(--navy); }\n.bv-step-text { flex: 1; min-width: 0; }\n.bv-step-title { font-size: 0.78rem; font-weight: 700; color: var(--navy); }\n.bv-step-sub   { font-size: 0.68rem; color: var(--navy-text); margin-top: 1px; }\n.bv-step-badge {\n  font-size: 0.62rem; font-weight: 700;\n  padding: 3px 9px; border-radius: 20px;\n  flex-shrink: 0; white-space: nowrap;\n}\n.bv-badge--green { background: var(--mint); color: var(--navy); }\n.bv-badge--blue  { background: var(--blue); color: var(--navy); }\n.bv-badge--pink  { background: var(--pink); color: var(--navy); }\n\n\/* Analytics bars *\/\n.bv-bars {\n  display: flex;\n  gap: 8px;\n  align-items: flex-end;\n  flex: 1;\n  margin-bottom: 0.75rem;\n}\n.bv-bar-col {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  height: 100%;\n}\n.bv-bar-wrap {\n  flex: 1;\n  width: 100%;\n  display: flex;\n  align-items: flex-end;\n}\n.bv-bar {\n  width: 100%;\n  border-radius: 4px 4px 0 0;\n  transition: height 0.3s;\n}\n.bv-bar-day {\n  font-size: 0.65rem;\n  font-weight: 600;\n  color: rgba(255,255,255,0.4);\n  text-transform: uppercase;\n}\n.bv-metrics {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n  padding-top: 1rem;\n  border-top: 1px solid rgba(255,255,255,0.08);\n}\n.bv-metric-num {\n  font-size: 1.15rem;\n  font-weight: 800;\n  color: var(--blue);\n  line-height: 1;\n}\n.bv-metric-lbl {\n  font-size: 0.62rem;\n  color: rgba(255,255,255,0.4);\n  margin-top: 3px;\n  line-height: 1.3;\n}\n\n@media (max-width: 600px) {\n  .bv-steps { gap: 0.5rem; }\n}\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; gap: 1rem; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"benefits section\" aria-labelledby=\"benefits-heading\">\n  <div class=\"container\">\n    <div class=\"benefits-split reveal\">\n\n      <!-- LEFT: Employees -->\n      <div class=\"benefits-panel\" style=\"background:var(--white); border: 1px solid var(--navy-08);\">\n        <span class=\"eyebrow\">For Employees<\/span>\n        <h2 id=\"benefits-heading\">ORGANIZE HYBRID WORK WITH EASE<\/h2>\n        <p>With LIZ, employees see available desks, meeting rooms, parking, and lockers directly in the app. Find colleagues, coordinate teams, and plan workdays better \u2014 turning the office into a place people choose to be.<\/p>\n        <ul class=\"benefit-list\" aria-label=\"Benefits for employees\">\n          <li><span class=\"benefit-check bc-mint\" aria-hidden=\"true\">\u2713<\/span>Book a desk in advance<\/li>\n          <li><span class=\"benefit-check bc-mint\" aria-hidden=\"true\">\u2713<\/span>Find colleagues in the office<\/li>\n          <li><span class=\"benefit-check bc-mint\" aria-hidden=\"true\">\u2713<\/span>Reserve meeting rooms<\/li>\n          <li><span class=\"benefit-check bc-mint\" aria-hidden=\"true\">\u2713<\/span>Secure a parking spot<\/li>\n          <li><span class=\"benefit-check bc-mint\" aria-hidden=\"true\">\u2713<\/span>Use a locker<\/li>\n          <li><span class=\"benefit-check bc-mint\" aria-hidden=\"true\">\u2713<\/span>Manage bookings on mobile<\/li>\n        <\/ul>\n\n        <!-- Visual: App booking flow -->\n        <div class=\"ben-visual ben-visual--light\" aria-hidden=\"true\">\n          <div class=\"bv-label\">Today in the office<\/div>\n          <div class=\"bv-steps\">\n            <div class=\"bv-step bv-step--done\">\n              <div class=\"bv-step-icon\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n              <\/div>\n              <div class=\"bv-step-text\">\n                <div class=\"bv-step-title\">Desk A-12<\/div>\n                <div class=\"bv-step-sub\">9:00 AM \u2013 6:00 PM \u00b7 Floor 3<\/div>\n              <\/div>\n              <div class=\"bv-step-badge bv-badge--green\">Booked<\/div>\n            <\/div>\n            <div class=\"bv-step bv-step--done\">\n              <div class=\"bv-step-icon\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n              <\/div>\n              <div class=\"bv-step-text\">\n                <div class=\"bv-step-title\">3 colleagues on-site<\/div>\n                <div class=\"bv-step-sub\">Anna, Ben, and Mia are in today<\/div>\n              <\/div>\n              <div class=\"bv-step-badge bv-badge--blue\">Visible<\/div>\n            <\/div>\n            <div class=\"bv-step\">\n              <div class=\"bv-step-icon\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 4v4h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n              <\/div>\n              <div class=\"bv-step-text\">\n                <div class=\"bv-step-title\">Parking P-04<\/div>\n                <div class=\"bv-step-sub\">Spot reserved<\/div>\n              <\/div>\n              <div class=\"bv-step-badge bv-badge--green\">Booked<\/div>\n            <\/div>\n            <div class=\"bv-step\">\n              <div class=\"bv-step-icon\">\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\n              <\/div>\n              <div class=\"bv-step-text\">\n                <div class=\"bv-step-title\">Meeting: Team Sync<\/div>\n                <div class=\"bv-step-sub\">Room B2 \u00b7 2:00 \u2013 3:00 PM<\/div>\n              <\/div>\n              <div class=\"bv-step-badge bv-badge--pink\">In progress<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: Companies -->\n      <div class=\"benefits-panel benefits-panel--navy\">\n        <span class=\"eyebrow eyebrow--blue\">For Companies<\/span>\n        <h2>MORE CONTROL FOR OFFICE, HR, IT, AND FACILITY MANAGEMENT<\/h2>\n        <p>LIZ Smart Office helps companies not just book office space, but actively manage it \u2014 transparently, measurably, and without manual coordination.<\/p>\n        <ul class=\"benefit-list\" aria-label=\"Benefits for companies\">\n          <li><span class=\"benefit-check bc-blue\" aria-hidden=\"true\">\u2713<\/span>Central management of all resources<\/li>\n          <li><span class=\"benefit-check bc-blue\" aria-hidden=\"true\">\u2713<\/span>Better space utilization<\/li>\n          <li><span class=\"benefit-check bc-blue\" aria-hidden=\"true\">\u2713<\/span>Less manual coordination<\/li>\n          <li><span class=\"benefit-check bc-blue\" aria-hidden=\"true\">\u2713<\/span>Transparent booking data<\/li>\n          <li><span class=\"benefit-check bc-blue\" aria-hidden=\"true\">\u2713<\/span>Automated check-ins and no-show processes<\/li>\n          <li><span class=\"benefit-check bc-blue\" aria-hidden=\"true\">\u2713<\/span>Clear decision-making basis for office space<\/li>\n        <\/ul>\n\n        <!-- Visual: Analytics dashboard -->\n        <div class=\"ben-visual ben-visual--dark\" aria-hidden=\"true\">\n          <div class=\"bv-label\" style=\"color:rgba(255,255,255,0.45);\">Utilization this week<\/div>\n          <div class=\"bv-bars\">\n            <div class=\"bv-bar-col\">\n              <div class=\"bv-bar-wrap\"><div class=\"bv-bar\" style=\"height:55%;background:rgba(201,232,245,0.3);\"><\/div><\/div>\n              <div class=\"bv-bar-day\">Mon<\/div>\n            <\/div>\n            <div class=\"bv-bar-col\">\n              <div class=\"bv-bar-wrap\"><div class=\"bv-bar\" style=\"height:80%;background:var(--blue);\"><\/div><\/div>\n              <div class=\"bv-bar-day\">Tue<\/div>\n            <\/div>\n            <div class=\"bv-bar-col\">\n              <div class=\"bv-bar-wrap\"><div class=\"bv-bar\" style=\"height:92%;background:var(--blue);\"><\/div><\/div>\n              <div class=\"bv-bar-day\">Wed<\/div>\n            <\/div>\n            <div class=\"bv-bar-col\">\n              <div class=\"bv-bar-wrap\"><div class=\"bv-bar\" style=\"height:85%;background:var(--blue);\"><\/div><\/div>\n              <div class=\"bv-bar-day\">Thu<\/div>\n            <\/div>\n            <div class=\"bv-bar-col\">\n              <div class=\"bv-bar-wrap\"><div class=\"bv-bar\" style=\"height:38%;background:rgba(201,232,245,0.3);\"><\/div><\/div>\n              <div class=\"bv-bar-day\">Fri<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"bv-metrics\">\n            <div class=\"bv-metric\">\n              <div class=\"bv-metric-num\">78%<\/div>\n              <div class=\"bv-metric-lbl\">avg. utilization<\/div>\n            <\/div>\n            <div class=\"bv-metric\">\n              <div class=\"bv-metric-num\">4.2%<\/div>\n              <div class=\"bv-metric-lbl\">No-Show Rate<\/div>\n            <\/div>\n            <div class=\"bv-metric\">\n              <div class=\"bv-metric-num\">+20%<\/div>\n              <div class=\"bv-metric-lbl\">vs. last month<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-733850f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"733850f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-375d95b\" data-id=\"375d95b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b31277d elementor-widget elementor-widget-html\" data-id=\"b31277d\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n  display: flex;\n  flex-direction: column;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; flex: 1; }\n\n.fc-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 1.25rem;\n  font-size: 0.78rem;\n  font-weight: 700;\n  color: var(--navy);\n  text-decoration: none;\n  letter-spacing: 0.04em;\n  opacity: 0.5;\n  transition: gap 0.2s, opacity 0.2s;\n}\n.fc-link:hover { gap: 10px; opacity: 1; }\n.fc-link svg { flex-shrink: 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"features section\" id=\"features\" aria-labelledby=\"features-heading\">\n  <div class=\"container\">\n    <div class=\"features-header reveal\">\n      <span class=\"eyebrow eyebrow--navy\">All Features<\/span>\n      <h2 id=\"features-heading\">THE KEY FEATURES OF LIZ SMART OFFICE<\/h2>\n      <p>From simple app bookings to company-wide management \u2014 LIZ offers everything in one platform.<\/p>\n    <\/div>\n    <ul class=\"sr-only\" aria-label=\"LIZ Smart Office Features\">\n  <li><strong>SENSOR INTEGRATION<\/strong>: Sensors automatically detect actual occupancy, trigger no-shows, and deliver valid usage data \u2014 optional and retrofittable at any time.<\/li>\n  <li><strong>MICROSOFT TEAMS APP, MOBILE APP, AND WEB APP<\/strong>: Employees book desks, rooms, and parking directly in Microsoft Teams, via the iOS\/Android app, or in the browser \u2014 anywhere, anytime.<\/li>\n  <li><strong>WORKPLACE ANALYTICS<\/strong>: Heatmaps, utilization reports, no-show analyses, and CSV export deliver the data companies need for data-driven space decisions.<\/li>\n  <li><strong>INTERACTIVE FLOORPLAN<\/strong>: Employees see the entire office at a glance and book desks, rooms, and parking directly by clicking on the digital floor plan.<\/li>\n  <li><strong>BOOKING RULES AND PERMISSIONS<\/strong>: Companies flexibly define who can book which resources, when, and for how long \u2014 with quotas, VIP seats, and department permissions.<\/li>\n  <li><strong>TEAM AND COLLEAGUE FEATURES<\/strong>: Employees see who is in the office and when, can book seats near colleagues, and deliberately synchronize their workdays.<\/li>\n<\/ul>\n\n<div class=\"features-grid\">\n      <article class=\"feature-card reveal\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12.5C2 9.46 4.46 7 7.5 7H13\"\/><circle cx=\"17\" cy=\"12\" r=\"3\"\/><path d=\"M20 12h2M14 12h-2\"\/><\/svg>\n        <\/div>\n        <h3>SENSOR INTEGRATION<\/h3>\n        <p>Sensors automatically detect actual occupancy, trigger no-shows, and deliver valid usage data \u2014 optional and retrofittable at any time.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/sensor\/\" target=\"_blank\" rel=\"noopener\" class=\"fc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n\n      <article class=\"feature-card reveal\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 9h6M9 12h6M9 15h4\"\/><\/svg>\n        <\/div>\n        <h3>MICROSOFT TEAMS APP, MOBILE APP, AND WEB APP<\/h3>\n        <p>Employees book desks, rooms, and parking directly in Microsoft Teams, via the iOS\/Android app, or in the browser \u2014 anywhere, anytime.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/integrationen\/\" target=\"_blank\" rel=\"noopener\" class=\"fc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n\n      <article class=\"feature-card reveal\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n        <\/div>\n        <h3>WORKPLACE ANALYTICS<\/h3>\n        <p>Heatmaps, utilization reports, no-show analyses, and CSV export deliver the data companies need for data-driven space decisions.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/work-desk-booking\/\" target=\"_blank\" rel=\"noopener\" class=\"fc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n\n      <article class=\"feature-card reveal\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"\/><\/svg>\n        <\/div>\n        <h3>INTERACTIVE FLOORPLAN<\/h3>\n        <p>Employees see the entire office at a glance and book desks, rooms, and parking directly by clicking on the digital floor plan.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/work-desk-booking\/\" target=\"_blank\" rel=\"noopener\" class=\"fc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n\n      <article class=\"feature-card reveal\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14\"\/><\/svg>\n        <\/div>\n        <h3>BOOKING RULES AND PERMISSIONS<\/h3>\n        <p>Companies flexibly define who can book which resources, when, and for how long \u2014 with quotas, VIP seats, and department permissions.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/work-desk-booking\/\" target=\"_blank\" rel=\"noopener\" class=\"fc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n\n      <article class=\"feature-card reveal\">\n        <div class=\"icon-box\" aria-hidden=\"true\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <\/div>\n        <h3>TEAM AND COLLEAGUE FEATURES<\/h3>\n        <p>Employees see who is in the office and when, can book seats near colleagues, and deliberately synchronize their workdays.<\/p>\n        <a href=\"https:\/\/www.liz.solutions\/en\/work-desk-booking\/\" target=\"_blank\" rel=\"noopener\" class=\"fc-link\">Learn more <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-486fc68 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"486fc68\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9c8fc26\" data-id=\"9c8fc26\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9d7628e elementor-widget elementor-widget-html\" data-id=\"9d7628e\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANALYTICS DASHBOARD VISUAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.dash-wrap {\n  background: var(--navy);\n  border-radius: var(--r-xl);\n  padding: 1.5rem;\n  box-shadow: 0 24px 80px rgba(6,26,82,0.18);\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n\/* Top bar *\/\n.dash-topbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n.dash-topbar-title {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  font-size: 0.8rem;\n  font-weight: 700;\n  color: var(--white);\n}\n.dash-topbar-title svg { color: rgba(255,255,255,0.5); }\n.dash-topbar-period {\n  font-size: 0.68rem;\n  color: rgba(255,255,255,0.3);\n  font-weight: 500;\n}\n\n\/* KPIs *\/\n.dash-kpis {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 8px;\n}\n.dash-kpi {\n  background: rgba(255,255,255,0.05);\n  border-radius: var(--r-sm);\n  padding: 0.85rem 0.75rem;\n}\n.dash-kpi-val {\n  font-size: 1.3rem;\n  font-weight: 800;\n  line-height: 1;\n  font-family: 'Montserrat', sans-serif;\n  color: var(--white);\n}\n.dash-kpi-lbl {\n  font-size: 0.58rem;\n  color: rgba(255,255,255,0.35);\n  margin-top: 3px;\n  line-height: 1.3;\n}\n.dash-kpi-trend {\n  font-size: 0.62rem;\n  font-weight: 700;\n  margin-top: 4px;\n  color: rgba(255,255,255,0.4);\n}\n\n\/* Chart *\/\n.dash-chart-area {\n  background: rgba(255,255,255,0.04);\n  border-radius: var(--r-md);\n  padding: 1rem;\n}\n.dash-chart-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 0.85rem;\n}\n.dash-chart-title {\n  font-size: 0.72rem;\n  font-weight: 700;\n  color: rgba(255,255,255,0.5);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n.dash-legend {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 0.6rem;\n  color: rgba(255,255,255,0.35);\n}\n.dash-leg-dot {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  display: inline-block;\n}\n.dash-bars {\n  display: flex;\n  gap: 8px;\n  align-items: flex-end;\n  height: 100px;\n}\n.dash-bar-group {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 5px;\n  height: 100%;\n}\n.dash-bar-pair {\n  flex: 1;\n  width: 100%;\n  display: flex;\n  align-items: flex-end;\n  gap: 3px;\n}\n.dash-bar {\n  flex: 1;\n  border-radius: 3px 3px 0 0;\n  min-height: 4px;\n}\n.dash-bar-lbl {\n  font-size: 0.6rem;\n  color: rgba(255,255,255,0.25);\n  text-transform: uppercase;\n  font-weight: 600;\n}\n\n\/* Bottom row *\/\n.dash-bottom {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n}\n\n\/* Heatmap *\/\n.dash-heatmap {\n  background: rgba(255,255,255,0.04);\n  border-radius: var(--r-md);\n  padding: 0.85rem;\n}\n.dash-section-title {\n  font-size: 0.6rem;\n  font-weight: 700;\n  color: rgba(255,255,255,0.35);\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  margin-bottom: 0.6rem;\n}\n.dash-hm-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 4px;\n}\n.hm {\n  aspect-ratio: 1;\n  border-radius: 3px;\n}\n\n\/* Room list *\/\n.dash-rooms {\n  background: rgba(255,255,255,0.04);\n  border-radius: var(--r-md);\n  padding: 0.85rem;\n}\n.dash-room-list {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.dash-room {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.dash-room-name {\n  font-size: 0.6rem;\n  color: rgba(255,255,255,0.45);\n  font-weight: 500;\n  min-width: 72px;\n  white-space: nowrap;\n}\n.dash-room-bar-wrap {\n  flex: 1;\n  height: 5px;\n  background: rgba(255,255,255,0.08);\n  border-radius: 10px;\n  overflow: hidden;\n}\n.dash-room-bar {\n  height: 100%;\n  background: rgba(255,255,255,0.3);\n  border-radius: 10px;\n}\n.dash-room-pct {\n  font-size: 0.6rem;\n  font-weight: 700;\n  color: rgba(255,255,255,0.5);\n  min-width: 28px;\n  text-align: right;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"analytics section\" id=\"analytics\" aria-labelledby=\"analytics-heading\">\n  <div class=\"container\">\n    <div class=\"analytics-inner\">\n\n      <!-- LEFT: Custom Dashboard Visual -->\n      <div class=\"analytics-image reveal\" aria-hidden=\"true\">\n        <div class=\"dash-wrap\">\n\n          <!-- Top bar -->\n          <div class=\"dash-topbar\">\n            <div class=\"dash-topbar-title\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n              Workplace Analytics\n            <\/div>\n            <div class=\"dash-topbar-period\">Weeks 20\u201324 \u00b7 2025<\/div>\n          <\/div>\n\n          <!-- KPI row -->\n          <div class=\"dash-kpis\">\n            <div class=\"dash-kpi\">\n              <div class=\"dash-kpi-val\">78%<\/div>\n              <div class=\"dash-kpi-lbl\">avg. utilization<\/div>\n              <div class=\"dash-kpi-trend\">\u2191 +6%<\/div>\n            <\/div>\n            <div class=\"dash-kpi\">\n              <div class=\"dash-kpi-val\">4.2%<\/div>\n              <div class=\"dash-kpi-lbl\">No-Show Rate<\/div>\n              <div class=\"dash-kpi-trend\">\u2193 \u22121.8%<\/div>\n            <\/div>\n            <div class=\"dash-kpi\">\n              <div class=\"dash-kpi-val\">312<\/div>\n              <div class=\"dash-kpi-lbl\">bookings\/week<\/div>\n              <div class=\"dash-kpi-trend\">\u2191 +24<\/div>\n            <\/div>\n            <div class=\"dash-kpi\">\n              <div class=\"dash-kpi-val\">89%<\/div>\n              <div class=\"dash-kpi-lbl\">check-in rate<\/div>\n              <div class=\"dash-kpi-trend\">\u2191 +3%<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Chart area -->\n          <div class=\"dash-chart-area\">\n            <div class=\"dash-chart-header\">\n              <span class=\"dash-chart-title\">Occupancy by Weekday<\/span>\n              <div class=\"dash-legend\">\n                <span class=\"dash-leg-dot\" style=\"background:rgba(255,255,255,0.5);\"><\/span><span>Desks<\/span>\n                <span class=\"dash-leg-dot\" style=\"background:rgba(255,255,255,0.2);\"><\/span><span>Meeting Rooms<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"dash-bars\">\n              <!-- Mon -->\n              <div class=\"dash-bar-group\">\n                <div class=\"dash-bar-pair\">\n                  <div class=\"dash-bar\" style=\"height:52%;background:rgba(255,255,255,0.15);\"><\/div>\n                  <div class=\"dash-bar\" style=\"height:38%;background:rgba(255,255,255,0.08);\"><\/div>\n                <\/div>\n                <div class=\"dash-bar-lbl\">Mon<\/div>\n              <\/div>\n              <!-- Tue -->\n              <div class=\"dash-bar-group\">\n                <div class=\"dash-bar-pair\">\n                  <div class=\"dash-bar\" style=\"height:84%;background:rgba(255,255,255,0.55);\"><\/div>\n                  <div class=\"dash-bar\" style=\"height:72%;background:rgba(255,255,255,0.25);\"><\/div>\n                <\/div>\n                <div class=\"dash-bar-lbl\">Tue<\/div>\n              <\/div>\n              <!-- Wed -->\n              <div class=\"dash-bar-group\">\n                <div class=\"dash-bar-pair\">\n                  <div class=\"dash-bar\" style=\"height:96%;background:rgba(255,255,255,0.7);\"><\/div>\n                  <div class=\"dash-bar\" style=\"height:88%;background:rgba(255,255,255,0.3);\"><\/div>\n                <\/div>\n                <div class=\"dash-bar-lbl\">Wed<\/div>\n              <\/div>\n              <!-- Thu -->\n              <div class=\"dash-bar-group\">\n                <div class=\"dash-bar-pair\">\n                  <div class=\"dash-bar\" style=\"height:90%;background:rgba(255,255,255,0.6);\"><\/div>\n                  <div class=\"dash-bar\" style=\"height:76%;background:rgba(255,255,255,0.25);\"><\/div>\n                <\/div>\n                <div class=\"dash-bar-lbl\">Thu<\/div>\n              <\/div>\n              <!-- Fri -->\n              <div class=\"dash-bar-group\">\n                <div class=\"dash-bar-pair\">\n                  <div class=\"dash-bar\" style=\"height:36%;background:rgba(255,255,255,0.15);\"><\/div>\n                  <div class=\"dash-bar\" style=\"height:28%;background:rgba(255,255,255,0.08);\"><\/div>\n                <\/div>\n                <div class=\"dash-bar-lbl\">Fri<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Heatmap + floor row -->\n          <div class=\"dash-bottom\">\n\n            <!-- Mini heatmap -->\n            <div class=\"dash-heatmap\">\n              <div class=\"dash-section-title\">Heatmap \u00b7 Floor 3<\/div>\n              <div class=\"dash-hm-grid\">\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.05)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.12)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.35)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.55)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.05)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.12)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.5)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.65)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.7)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.4)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.05)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.2)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.45)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.6)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.12)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.05)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.1)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.3)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.25)\"><\/div>\n                <div class=\"hm\" style=\"background:rgba(255,255,255,0.1)\"><\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Top rooms -->\n            <div class=\"dash-rooms\">\n              <div class=\"dash-section-title\">Top Rooms<\/div>\n              <div class=\"dash-room-list\">\n                <div class=\"dash-room\">\n                  <span class=\"dash-room-name\">Room Berlin<\/span>\n                  <div class=\"dash-room-bar-wrap\"><div class=\"dash-room-bar\" style=\"width:92%\"><\/div><\/div>\n                  <span class=\"dash-room-pct\">92%<\/span>\n                <\/div>\n                <div class=\"dash-room\">\n                  <span class=\"dash-room-name\">Room Munich<\/span>\n                  <div class=\"dash-room-bar-wrap\"><div class=\"dash-room-bar\" style=\"width:78%\"><\/div><\/div>\n                  <span class=\"dash-room-pct\">78%<\/span>\n                <\/div>\n                <div class=\"dash-room\">\n                  <span class=\"dash-room-name\">Room Vienna<\/span>\n                  <div class=\"dash-room-bar-wrap\"><div class=\"dash-room-bar\" style=\"width:65%\"><\/div><\/div>\n                  <span class=\"dash-room-pct\">65%<\/span>\n                <\/div>\n                <div class=\"dash-room\">\n                  <span class=\"dash-room-name\">Room Zurich<\/span>\n                  <div class=\"dash-room-bar-wrap\"><div class=\"dash-room-bar\" style=\"width:41%\"><\/div><\/div>\n                  <span class=\"dash-room-pct\">41%<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: Text content -->\n      <div class=\"analytics-content reveal\">\n        <span class=\"eyebrow\">Workplace Analytics<\/span>\n        <h2 id=\"analytics-heading\">WORKPLACE ANALYTICS FOR BETTER OFFICE DECISIONS<\/h2>\n        <p>LIZ Smart Office shows how office space is really being used. Companies get data on utilization, bookings, no-shows, attendance trends, and resource needs \u2014 enabling them to optimize space, reduce costs, and develop workplace strategies based on data.<\/p>\n        <ul class=\"analytics-qs\" aria-label=\"Typical questions LIZ answers\">\n          <li>Which office spaces are actually being used?<\/li>\n          <li>Which days have particularly high utilization?<\/li>\n          <li>Which locations have spare capacity?<\/li>\n          <li>How often are booked resources left unused?<\/li>\n          <li>Which teams use the office regularly?<\/li>\n          <li>Where can space, cleaning, or energy be planned more efficiently?<\/li>\n        <\/ul>\n        <a href=\"https:\/\/www.liz.solutions\/en\/work-desk-booking\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">Discover Workplace Analytics<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c85900e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c85900e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-247df2b\" data-id=\"247df2b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-198e3e8 elementor-widget elementor-widget-spacer\" data-id=\"198e3e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fbb6071 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fbb6071\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ca09343\" data-id=\"ca09343\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d88c4db elementor-widget elementor-widget-spacer\" data-id=\"d88c4db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cface59 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cface59\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7ba9e2f\" data-id=\"7ba9e2f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9d366b1 elementor-widget elementor-widget-spacer\" data-id=\"9d366b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6f3879c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6f3879c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b2206d\" data-id=\"3b2206d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7932d0a elementor-widget elementor-widget-html\" data-id=\"7932d0a\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\nh2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.15rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem; font-weight: 700;\n  letter-spacing: 0.16em; text-transform: uppercase;\n  color: var(--navy); background: var(--mint);\n  padding: 5px 14px; border-radius: 50px; margin-bottom: 1.2rem;\n}\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--blue { background: var(--blue); color: var(--navy); }\n.eyebrow--pink { background: var(--pink); color: var(--navy); }\n\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none; padding: 13px 26px;\n  border-radius: var(--r-sm); border: 2px solid transparent;\n  cursor: pointer; transition: all 0.22s ease; letter-spacing: 0.02em;\n}\n.btn-primary { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   USE CASES SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.usecases { background: var(--white); }\n\n.uc-header {\n  text-align: center;\n  max-width: 680px;\n  margin: 0 auto 3.5rem;\n}\n.uc-header h2 { margin-bottom: 1rem; }\n.uc-header p  { font-size: 1rem; }\n\n\/* Tab navigation *\/\n.uc-tabs {\n  display: flex;\n  gap: 0;\n  background: #C9E8F5 !important;\n  border-radius: var(--r-lg);\n  padding: 6px;\n  margin-bottom: 3rem;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n.uc-tabs::-webkit-scrollbar { display: none; }\n\n.uc-tab {\n  flex: 1 1 0;\n  min-width: 0;\n  width: 25%; \/* equal width always *\/\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  padding: 14px 16px;\n  border-radius: var(--r-md);\n  border: none;\n  background: transparent !important;\n  cursor: pointer;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.78rem;\n  font-weight: 600;\n  color: var(--navy) !important;\n  transition: all 0.22s ease;\n  text-align: center;\n  line-height: 1.3;\n}\n.uc-tab-icon {\n  width: 36px; height: 36px;\n  border-radius: 8px;\n  background: var(--white);\n  display: flex; align-items: center; justify-content: center;\n  transition: all 0.22s;\n}\n.uc-tab-icon svg { color: var(--navy); }\n\n.uc-tab.active {\n  background: var(--navy) !important;\n  color: var(--white) !important;\n}\n.uc-tab.active .uc-tab-icon {\n  background: rgba(255,255,255,0.15);\n}\n.uc-tab.active .uc-tab-icon svg { color: var(--white); }\n\n\/* Hover: stay navy, never go white *\/\n.uc-tab:hover:not(.active) {\n  background: var(--navy) !important;\n  color: var(--white) !important;\n}\n.uc-tab:hover:not(.active) .uc-tab-icon {\n  background: rgba(255,255,255,0.15);\n}\n.uc-tab:hover:not(.active) .uc-tab-icon svg { color: var(--white); }\n\n\/* Panel *\/\n.uc-panel { display: none; }\n.uc-panel.active { display: block; }\n\n.uc-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2px;\n  border-radius: var(--r-xl);\n  overflow: hidden;\n  background: var(--blue);\n}\n\n\/* Left: Problem *\/\n.uc-left {\n  background: var(--navy);\n  padding: 3rem;\n}\n.uc-left h3 { color: var(--white); margin-bottom: 1rem; font-size: 1.3rem; }\n.uc-left .uc-intro { color: rgba(255,255,255,0.75); font-size: 0.92rem; margin-bottom: 2rem; line-height: 1.7; }\n\n.uc-pain-list {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n}\n.uc-pain-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 0.85rem;\n  color: rgba(255,255,255,0.85);\n  line-height: 1.55;\n}\n.uc-pain-dot {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n  background: #C9E8F5 !important;\n  flex-shrink: 0;\n  margin-top: 6px;\n}\n\n\/* Right: Solution + Stats *\/\n.uc-right {\n  background: var(--white);\n  padding: 3rem;\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.uc-solution h4 {\n  font-size: 0.68rem;\n  letter-spacing: 0.14em;\n  color: var(--navy);\n  opacity: 0.6;\n  margin-bottom: 0.75rem;\n  font-weight: 700;\n}\n.uc-solution p {\n  font-size: 0.92rem;\n  color: var(--navy);\n  line-height: 1.7;\n}\n\n\/* Stats: light blue background instead of grey *\/\n.uc-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n.uc-stat {\n  background: #C9E8F5 !important;\n  border-radius: var(--r-md);\n  padding: 1.25rem 1rem;\n  text-align: center;\n}\n.uc-stat-num {\n  font-size: 1.6rem;\n  font-weight: 800;\n  color: var(--navy);\n  line-height: 1;\n  display: block;\n  margin-bottom: 0.4rem;\n}\n.uc-stat-lbl {\n  font-size: 0.7rem;\n  color: var(--navy);\n  opacity: 0.65;\n  line-height: 1.4;\n  font-weight: 600;\n}\n\n.uc-result {\n  border-top: 1px solid var(--navy-08);\n  padding-top: 1.5rem;\n}\n.uc-result h4 {\n  font-size: 0.68rem;\n  letter-spacing: 0.14em;\n  color: var(--navy);\n  opacity: 0.6;\n  margin-bottom: 0.75rem;\n  font-weight: 700;\n}\n.uc-result-list {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.uc-result-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 0.85rem;\n  color: var(--navy);\n  font-weight: 600;\n  line-height: 1.5;\n}\n.uc-check {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px; height: 18px;\n  border-radius: 50%;\n  background: #C9E8F5 !important;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n.uc-cta {\n  text-align: center;\n  margin-top: 3rem;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 860px) {\n  .uc-layout { grid-template-columns: 1fr; }\n  .uc-stats   { grid-template-columns: 1fr 1fr; }\n  .uc-tab     { min-width: 130px; font-size: 0.72rem; }\n}\n@media (max-width: 600px) {\n  .section { padding: 4rem 0; }\n  .uc-left, .uc-right { padding: 2rem; }\n  .uc-stats { grid-template-columns: 1fr 1fr; }\n  .uc-tab-icon { display: none; }\n}\n.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"usecases section\" id=\"use-cases\" aria-labelledby=\"uc-heading\">\n  <div class=\"container\">\n\n    <!-- Header -->\n    <div class=\"uc-header\">\n      <span class=\"eyebrow\">Use Cases<\/span>\n      <h2 id=\"uc-heading\">SOLUTIONS FOR EVERY CHALLENGE IN THE MODERN OFFICE<\/h2>\n      <p>From cost savings to stress-free meetings \u2014 LIZ Smart Office solves the concrete problems companies face every day.<\/p>\n    <\/div>\n\n    <!-- Tab Navigation -->\n    <div class=\"sr-only\" aria-label=\"LIZ Use Cases Overview\">\n  <h3>CUT COSTS WITHOUT LOSING CONTROL<\/h3>\n  <p>Operating costs are rising, but the cost drivers are unclear<\/p>\n  <p>Decisions are based on assumptions instead of usage data<\/p>\n  <p>Operations run at full capacity even though attendance fluctuates significantly<\/p>\n  <p>ESG targets are set, but a practical control logic is missing<\/p>\n  <p>Facility and Finance debate without reliable figures<\/p>\n  <p>Significant space optimization without loss of productivity<\/p>\n  <p>20% more efficient utilization of parking spaces<\/p>\n  <p>Long-term reduced maintenance and insurance costs<\/p>\n  <p>Data-driven decision basis for budget & ESG goals<\/p>\n  <h3>SUSTAINABLE SPACE MANAGEMENT THROUGH TARGETED USAGE<\/h3>\n  <p>Companies don't know how heavily desks are actually utilized<\/p>\n  <p>Decisions on space reduction are based on assumptions instead of data<\/p>\n  <p>Management demands cost savings without a clear decision basis<\/p>\n  <p>Vacancy goes undetected and causes unnecessary operating costs<\/p>\n  <p>Facility Management lacks transparency on usage patterns and peak times<\/p>\n  <p>Transparent decision templates for Facility Management and leadership<\/p>\n  <p>Savings through targeted space reduction<\/p>\n  <p>Sustainable operations with less vacancy<\/p>\n  <p>Confidence in leadership decisions through real usage data<\/p>\n  <h3>STRESS-FREE MEETINGS THROUGH TRANSPARENT ROOM AVAILABILITY<\/h3>\n  <p>Employees can't find an available meeting room<\/p>\n  <p>Rooms are booked but actually empty<\/p>\n  <p>Double bookings lead to conflicts between teams<\/p>\n  <p>Meetings start late due to organizational issues<\/p>\n  <p>Unclear which technology or equipment a room has<\/p>\n  <p>Meetings start on time, planning is reliable<\/p>\n  <p>Up to 30% better room utilization<\/p>\n  <p>Less friction and fewer conflicts within teams<\/p>\n  <p>A more professional impression for external guests<\/p>\n  <h3>SIMPLE PARKING MANAGEMENT FOR MORE FAIRNESS<\/h3>\n  <p>Employees spend a long time looking for parking in the morning<\/p>\n  <p>EV charging points are blocked or used inefficiently<\/p>\n  <p>Visitors can't find parking or have to search for a long time<\/p>\n  <p>Conflicts caused by perceived unfair allocation of parking spots<\/p>\n  <p>Missing data makes efficient use of parking and charging areas difficult<\/p>\n  <p>Significantly less stress at the start of the workday<\/p>\n  <p>Higher utilization of parking and charging areas at no extra cost<\/p>\n  <p>Improved fairness and planning reliability for employees<\/p>\n  <p>Sustainable use of limited space resources<\/p>\n<\/div>\n\n<div class=\"uc-tabs\" role=\"tablist\" aria-label=\"Use Cases\">\n\n      <button class=\"uc-tab active\" onclick=\"ucSwitch(this,'uc1')\" role=\"tab\" aria-selected=\"true\" aria-controls=\"uc1\">\n        <div class=\"uc-tab-icon\" aria-hidden=\"true\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n        <\/div>\n        Cut Costs\n      <\/button>\n\n      <button class=\"uc-tab\" onclick=\"ucSwitch(this,'uc2')\" role=\"tab\" aria-selected=\"false\" aria-controls=\"uc2\">\n        <div class=\"uc-tab-icon\" aria-hidden=\"true\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n        <\/div>\n        Space Management\n      <\/button>\n\n      <button class=\"uc-tab\" onclick=\"ucSwitch(this,'uc3')\" role=\"tab\" aria-selected=\"false\" aria-controls=\"uc3\">\n        <div class=\"uc-tab-icon\" aria-hidden=\"true\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n        <\/div>\n        Stress-Free Meetings\n      <\/button>\n\n      <button class=\"uc-tab\" onclick=\"ucSwitch(this,'uc4')\" role=\"tab\" aria-selected=\"false\" aria-controls=\"uc4\">\n        <div class=\"uc-tab-icon\" aria-hidden=\"true\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4l3 4v4h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n        <\/div>\n        Parking Management\n      <\/button>\n\n    <\/div>\n\n    <!-- \u2550\u2550 USE CASE 1: Cut Costs \u2550\u2550 -->\n    <div class=\"uc-panel active\" id=\"uc1\" role=\"tabpanel\">\n      <div class=\"uc-layout\">\n        <div class=\"uc-left\">\n          <span class=\"eyebrow eyebrow--blue\">Use Case 01<\/span>\n          <h3>CUT COSTS WITHOUT LOSING CONTROL<\/h3>\n          <p class=\"uc-intro\">High office operating costs alongside declining utilization. Energy, cleaning, catering, and facility management keep running \u2014 even when no one is in the office. For leadership, this means difficult trade-offs, often at the team's expense.<\/p>\n          <ul class=\"uc-pain-list\" aria-label=\"Pain Points\">\n            <li><span class=\"uc-pain-dot\"><\/span>Operating costs are rising, but the cost drivers are unclear<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Decisions are based on assumptions instead of usage data<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Operations run at full capacity even though attendance fluctuates significantly<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>ESG targets are set, but a practical control logic is missing<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Facility and Finance debate without reliable figures<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"uc-right\">\n          <div class=\"uc-solution\">\n            <h4>SOLUTION WITH LIZ<\/h4>\n            <p>Occupancy-based control activates energy only for booked spaces. Cleaning happens only in actually used rooms. Catering is ordered based on real demand. Leadership regains room to maneuver \u2014 it feels like control, not crisis.<\/p>\n          <\/div>\n          <div class=\"uc-stats\" aria-label=\"Measurable results\">\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">23%<\/span>\n              <span class=\"uc-stat-lbl\">Energy savings through occupancy control<\/span>\n            <\/div>\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">\u201315%<\/span>\n              <span class=\"uc-stat-lbl\">Cleaning costs through occupancy-based control<\/span>\n            <\/div>\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">\u201330%<\/span>\n              <span class=\"uc-stat-lbl\">Less waste through demand-based catering<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"uc-result\">\n            <h4>YOUR RESULTS<\/h4>\n            <ul class=\"uc-result-list\" aria-label=\"Results\">\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Significant space optimization without loss of productivity<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>20% more efficient utilization of parking spaces<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Long-term reduced maintenance and insurance costs<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Data-driven decision basis for budget & ESG goals<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2550\u2550 USE CASE 2: Space Management \u2550\u2550 -->\n    <div class=\"uc-panel\" id=\"uc2\" role=\"tabpanel\">\n      <div class=\"uc-layout\">\n        <div class=\"uc-left\">\n          <span class=\"eyebrow eyebrow--blue\">Use Case 02<\/span>\n          <h3>SUSTAINABLE SPACE MANAGEMENT THROUGH TARGETED USAGE<\/h3>\n          <p class=\"uc-intro\">Office space is planned and paid for, but not actually used. Real utilization is often below 50%. At the same time, there's a lack of arguments for downsizing or reorganization \u2014 and a lack of transparency for sound decisions.<\/p>\n          <ul class=\"uc-pain-list\" aria-label=\"Pain Points\">\n            <li><span class=\"uc-pain-dot\"><\/span>Companies don't know how heavily desks are actually utilized<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Decisions on space reduction are based on assumptions instead of data<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Management demands cost savings without a clear decision basis<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Vacancy goes undetected and causes unnecessary operating costs<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Facility Management lacks transparency on usage patterns and peak times<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"uc-right\">\n          <div class=\"uc-solution\">\n            <h4>SOLUTION WITH LIZ<\/h4>\n            <p>LIZ delivers occupancy-based data on space usage. Heatmaps, usage times, team visibility \u2014 everything measurable. This data forms the basis for strategic decisions on space reduction, repurposing, or targeted renovation \u2014 without relying on estimates.<\/p>\n          <\/div>\n          <div class=\"uc-stats\" aria-label=\"Measurable results\">\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">30\u201350%<\/span>\n              <span class=\"uc-stat-lbl\">Average office utilization \u2014 large savings potential<\/span>\n            <\/div>\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">\u201330%<\/span>\n              <span class=\"uc-stat-lbl\">Space costs achievable through data-driven control<\/span>\n            <\/div>\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">2,6\u00d7<\/span>\n              <span class=\"uc-stat-lbl\">Days\/week in the office under hybrid model \u2014 basis for planning<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"uc-result\">\n            <h4>YOUR RESULTS<\/h4>\n            <ul class=\"uc-result-list\" aria-label=\"Results\">\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Transparent decision templates for Facility Management and leadership<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Savings through targeted space reduction<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Sustainable operations with less vacancy<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Confidence in leadership decisions through real usage data<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2550\u2550 USE CASE 3: Meetings \u2550\u2550 -->\n    <div class=\"uc-panel\" id=\"uc3\" role=\"tabpanel\">\n      <div class=\"uc-layout\">\n        <div class=\"uc-left\">\n          <span class=\"eyebrow eyebrow--blue\">Use Case 03<\/span>\n          <h3>STRESS-FREE MEETINGS THROUGH TRANSPARENT ROOM AVAILABILITY<\/h3>\n          <p class=\"uc-intro\">Meetings often fail right at the organizational stage: rooms are occupied, equipment is missing, technology is unclear, and double bookings cause frustration. Employees face organizational hurdles even though they just want to work efficiently.<\/p>\n          <ul class=\"uc-pain-list\" aria-label=\"Pain Points\">\n            <li><span class=\"uc-pain-dot\"><\/span>Employees can't find an available meeting room<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Rooms are booked but actually empty<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Double bookings lead to conflicts between teams<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Meetings start late due to organizational issues<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Unclear which technology or equipment a room has<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"uc-right\">\n          <div class=\"uc-solution\">\n            <h4>SOLUTION WITH LIZ<\/h4>\n            <p>LIZ shows all rooms in real time with occupancy, equipment, and availability. Check-in prevents no-shows. A traffic-light system with LED displays provides instant visibility. Meetings start on time \u2014 reducing stress and preventing day-to-day conflicts.<\/p>\n          <\/div>\n          <div class=\"uc-stats\" aria-label=\"Measurable results\">\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">+15%<\/span>\n              <span class=\"uc-stat-lbl\">Increased collaboration efficiency (WorkinSync, 2025)<\/span>\n            <\/div>\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">+20%<\/span>\n              <span class=\"uc-stat-lbl\">Higher employee satisfaction through structured room management<\/span>\n            <\/div>\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">+28%<\/span>\n              <span class=\"uc-stat-lbl\">Recovered meeting room usage time (Officely, 2025)<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"uc-result\">\n            <h4>YOUR RESULTS<\/h4>\n            <ul class=\"uc-result-list\" aria-label=\"Results\">\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Meetings start on time, planning is reliable<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Up to 30% better room utilization<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Less friction and fewer conflicts within teams<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>A more professional impression for external guests<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u2550\u2550 USE CASE 4: Parking \u2550\u2550 -->\n    <div class=\"uc-panel\" id=\"uc4\" role=\"tabpanel\">\n      <div class=\"uc-layout\">\n        <div class=\"uc-left\">\n          <span class=\"eyebrow eyebrow--blue\">Use Case 04<\/span>\n          <h3>SIMPLE PARKING MANAGEMENT FOR MORE FAIRNESS<\/h3>\n          <p class=\"uc-intro\">EVs block charging points for too long. Visitors have to search for a long time. Parking allocation is opaque or based on informal rules \u2014 causing frustration and conflict before the workday has even begun.<\/p>\n          <ul class=\"uc-pain-list\" aria-label=\"Pain Points\">\n            <li><span class=\"uc-pain-dot\"><\/span>Employees spend a long time looking for parking in the morning<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>EV charging points are blocked or used inefficiently<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Visitors can't find parking or have to search for a long time<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Conflicts caused by perceived unfair allocation of parking spots<\/li>\n            <li><span class=\"uc-pain-dot\"><\/span>Missing data makes efficient use of parking and charging areas difficult<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"uc-right\">\n          <div class=\"uc-solution\">\n            <h4>SOLUTION WITH LIZ<\/h4>\n            <p>LIZ's parking booking creates transparency and order. Employees and visitors reserve spots digitally. Priorities, fixed assignments, and automatic release on no-show ensure fair usage. License plate integration enables automated access control.<\/p>\n          <\/div>\n          <div class=\"uc-stats\" aria-label=\"Measurable results\">\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">\u201320 min<\/span>\n              <span class=\"uc-stat-lbl\">Time saved per commuter daily (Fraunhofer IAO, 2022)<\/span>\n            <\/div>\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">+40%<\/span>\n              <span class=\"uc-stat-lbl\">More efficient use of charging points through smart booking<\/span>\n            <\/div>\n            <div class=\"uc-stat\">\n              <span class=\"uc-stat-num\">\u2193 CO\u2082<\/span>\n              <span class=\"uc-stat-lbl\">Less search traffic and reduced emissions (UBA, 2022)<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"uc-result\">\n            <h4>YOUR RESULTS<\/h4>\n            <ul class=\"uc-result-list\" aria-label=\"Results\">\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Significantly less stress at the start of the workday<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Higher utilization of parking and charging areas at no extra cost<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Improved fairness and planning reliability for employees<\/li>\n              <li><span class=\"uc-check\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6l3 3 5-5\" stroke=\"#061A52\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>Sustainable use of limited space resources<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"uc-cta\">\n      <a href=\"https:\/\/www.liz.solutions\/en\/demo-request\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">Discuss Your Use Case<\/a>\n      &nbsp;&nbsp;\n      <a href=\"https:\/\/meetings-eu1.hubspot.com\/liz\/call?__hstc=235540382.315cc003b0c76b4790e5d452860ef16b.1760360464084.1781504530737.1781506891166.312&__hssc=235540382.21.1781506891166&__hsfp=882d640fbe2ce5b7dfa56d780a7b1743\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">Book a Consultation<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\nfunction ucSwitch(btn, id) {\n  document.querySelectorAll('.uc-tab').forEach(function(b) {\n    b.classList.remove('active');\n    b.setAttribute('aria-selected', 'false');\n  });\n  document.querySelectorAll('.uc-panel').forEach(function(p) {\n    p.classList.remove('active');\n  });\n  btn.classList.add('active');\n  btn.setAttribute('aria-selected', 'true');\n  document.getElementById(id).classList.add('active');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-98aa07b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"98aa07b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fe4bc52\" data-id=\"fe4bc52\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8e8fc3b elementor-widget elementor-widget-spacer\" data-id=\"8e8fc3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fc9aca elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5fc9aca\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dab90e2\" data-id=\"dab90e2\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ac75565 elementor-widget elementor-widget-template\" data-id=\"ac75565\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"section\" data-elementor-id=\"33500\" class=\"elementor elementor-33500\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-41dc2a0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"41dc2a0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-56e4899\" data-id=\"56e4899\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b428274 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-spacer\" data-id=\"b428274\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-be8c16b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"be8c16b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7f6d90e\" data-id=\"7f6d90e\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b57156e elementor-widget elementor-widget-heading\" data-id=\"b57156e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><b> Discover hybrid working with LIZ\u200b<\/b><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d6455a elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-spacer\" data-id=\"1d6455a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e8609a elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7e8609a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/www.liz.solutions\/en\/request-demo\/\" id=\"button_30_tage_main_page_demo_buchen_de\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Request a live demo!<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93b1ffe elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-spacer\" data-id=\"93b1ffe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ba450f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ba450f8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9df120e\" data-id=\"9df120e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0096ee4 elementor-widget elementor-widget-spacer\" data-id=\"0096ee4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3edc4ad elementor-widget elementor-widget-html\" data-id=\"3edc4ad\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<meta name=\"description\" content=\"LIZ Smart Office Integrations: Microsoft Teams, Outlook, Google Calendar, Personio, HRworks, Entra ID SSO, Waldmann sensors, ProDVX displays, Blocklockers, and PKE parking systems.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<!-- Schema.org: all integrations as structured data for crawlers & LLMs -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"SoftwareApplication\",\n  \"name\": \"LIZ Smart Office\",\n  \"url\": \"https:\/\/www.liz.solutions\/en\/\",\n  \"applicationCategory\": \"BusinessApplication\",\n  \"operatingSystem\": \"Web, iOS, Android\",\n  \"description\": \"LIZ Smart Office integrates seamlessly with Microsoft Teams, Microsoft Outlook, Microsoft 365, Google Calendar, Personio, HRworks, Microsoft Entra ID (SSO), Waldmann sensors, ProDVX room displays, Blocklockers locker systems, and PKE parking systems.\",\n  \"featureList\": [\n    \"Microsoft Teams Integration\",\n    \"Microsoft Outlook Calendar Integration\",\n    \"Microsoft 365 Integration\",\n    \"Microsoft Entra ID SSO Integration\",\n    \"Google Calendar Integration\",\n    \"Personio HR System Integration\",\n    \"HRworks HR System Integration\",\n    \"Waldmann Sensor Integration\",\n    \"ProDVX Room Display Integration\",\n    \"Blocklockers Locker System Integration\",\n    \"PKE Parking System Integration\"\n  ],\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"LIZ Solutions GmbH\",\n    \"url\": \"https:\/\/www.liz.solutions\/en\/\"\n  }\n}\n<\/script>\n<style>\n:root {\n  --navy:#061A52; --pink:#FFCDD6; --white:#FFFFFF;\n  --blue:#C9E8F5; --mint:#DAF6E6;\n  --navy-08:rgba(6,26,82,0.08); --navy-text:rgba(6,26,82,0.65);\n  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-xl:32px;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{font-size:16px;}\nbody{font-family:'Montserrat',sans-serif;color:var(--navy);-webkit-font-smoothing:antialiased;overflow-x:hidden;}\nh2{font-family:'Montserrat',sans-serif;font-weight:800;text-transform:uppercase;line-height:1.1;font-size:clamp(1.7rem,3.2vw,2.6rem);}\np{font-size:1rem;line-height:1.75;color:var(--navy-text);}\n.section{padding:0;}\n.int-inner{background:#F4F7FC;padding:1.5rem 0;}\n.eyebrow{display:inline-block;font-size:0.68rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--white);background:var(--navy);padding:5px 14px;border-radius:50px;margin-bottom:1.2rem;}\n.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:0.85rem;font-weight:700;text-decoration:none;padding:13px 26px;border-radius:var(--r-sm);border:2px solid transparent;cursor:pointer;transition:all 0.22s;letter-spacing:0.02em;}\n.btn-primary{background:var(--navy);color:var(--white);border-color:var(--navy);}\n.btn-primary:hover{background:transparent;color:var(--navy);}\n.btn-outline{background:transparent;color:var(--navy);border-color:var(--navy);}\n.btn-outline:hover{background:var(--navy);color:var(--white);}\n.container{max-width:1180px;margin:0 auto;padding:0 2rem;}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n.int-header{text-align:center;max-width:680px;margin:0 auto 2rem;}\n.int-header h2{margin-bottom:1rem;}\n.int-header p{margin-bottom:1.25rem;}\n.int-header-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}\n\n\/* \u2500\u2500 TICKER \u2500\u2500 *\/\n.int-tickers{overflow:hidden;display:flex;flex-direction:column;gap:14px;margin-bottom:2rem;}\n.ticker-row{display:flex;gap:14px;width:max-content;}\n.ticker-row--fwd{animation:tickerFwd 45s linear infinite;}\n.ticker-row--rev{animation:tickerRev 38s linear infinite;}\n@keyframes tickerFwd{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}\n@keyframes tickerRev{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}\n.int-tickers:hover .ticker-row{animation-play-state:paused;}\n\n\/* Pill card *\/\n.int-pill{\n  display:flex;align-items:center;gap:10px;\n  background:var(--white);border-radius:var(--r-md);\n  padding:10px 16px;box-shadow:0 2px 12px rgba(6,26,82,0.08);\n  white-space:nowrap;flex-shrink:0;\n  transition:transform 0.2s,box-shadow 0.2s;\n  cursor:default;\n}\n.int-pill:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(6,26,82,0.14);}\n.int-pill-logo{\n  width:34px;height:34px;border-radius:8px;\n  display:flex;align-items:center;justify-content:center;\n  flex-shrink:0;overflow:hidden;background:var(--navy-08);\n}\n.int-pill-logo img{width:100%;height:100%;object-fit:contain;display:block;}\n.int-pill-logo-text{\n  font-family:'Montserrat',sans-serif;font-size:0.52rem;\n  font-weight:800;text-align:center;line-height:1.2;padding:2px;\n}\n.int-pill-name{font-size:0.82rem;font-weight:700;color:var(--navy);}\n.int-pill-cat{font-size:0.62rem;color:var(--navy-text);margin-top:1px;}\n\n\/* \u2500\u2500 CATEGORY GRID \u2500\u2500 *\/\n.int-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;}\n.int-cat{background:var(--white);border-radius:var(--r-lg);padding:1.5rem;border:1px solid rgba(6,26,82,0.1);transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 2px 12px rgba(6,26,82,0.06);}\n.int-cat:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(6,26,82,0.1);}\n.int-cat-icon{width:40px;height:40px;border-radius:10px;background:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:0.85rem;}\n.int-cat-icon svg{color:var(--white);}\n.int-cat-title{font-size:0.8rem;font-weight:800;text-transform:uppercase;color:var(--navy);margin-bottom:0.4rem;letter-spacing:0.02em;}\n.int-cat-items{font-size:0.72rem;color:var(--navy-text);line-height:1.65;}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.int-cta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0.5rem;}\n.int-cta-sub{font-size:0.78rem;color:var(--navy-text);}\n\n@media(max-width:860px){.int-cats{grid-template-columns:1fr 1fr;}}\n@media(max-width:600px){.section{padding:0;}.int-cats{grid-template-columns:1fr;}}\n\n\/* Visually hidden but fully readable by crawlers & screen readers *\/\n.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}\n<\/style>\n<\/head>\n<body>\n<section class=\"section\" id=\"integrationen\" aria-labelledby=\"int-heading\">\n<div class=\"int-inner\">\n<div class=\"container\">\n\n  <!-- Header -->\n  <div class=\"int-header\">\n    <span class=\"eyebrow\">Integrations<\/span>\n    <h2 id=\"int-heading\">SEAMLESSLY INTEGRATED INTO YOUR EXISTING IT LANDSCAPE<\/h2>\n    <p>LIZ Smart Office connects with the tools your teams already use every day \u2014 no new login, no new habits. Book directly in Microsoft Teams, Outlook, Google Calendar, or your HR system.<\/p>\n    <div class=\"int-header-btns\">\n      <a href=\"https:\/\/www.liz.solutions\/en\/integrationen\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\n        Discover all integrations\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.liz.solutions\/en\/demo-request\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline\">Request a Demo<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- Crawler-readable integration list (visually hidden, always in DOM) -->\n  <ul class=\"sr-only\" aria-label=\"LIZ Smart Office Integrations\">\n    <li>Microsoft Teams \u2013 communication &amp; booking directly in Teams<\/li>\n    <li>Microsoft Outlook \u2013 calendar synchronization<\/li>\n    <li>Microsoft 365 \u2013 full productivity integration<\/li>\n    <li>Microsoft Entra ID \u2013 Single Sign-On (SSO)<\/li>\n    <li>Google Calendar \u2013 calendar synchronization<\/li>\n    <li>Personio \u2013 HR system integration<\/li>\n    <li>HRworks \u2013 HR system integration<\/li>\n    <li>Waldmann \u2013 desk sensors<\/li>\n    <li>ProDVX \u2013 meeting room displays<\/li>\n    <li>Blocklockers \u2013 digital locker system<\/li>\n    <li>PKE \u2013 parking management system<\/li>\n  <\/ul>\n\n  <!-- Scrolling ticker rows (visual only) -->\n  <div class=\"int-tickers\" role=\"presentation\">\n\n    <!-- Row 1 -->\n    <div class=\"ticker-row ticker-row--fwd\">\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-3.jpg\" alt=\"Microsoft Teams\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Microsoft Teams<\/div><div class=\"int-pill-cat\">Communication<\/div><\/div>\n      <\/div>\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-4.jpg\" alt=\"Microsoft Outlook\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Outlook<\/div><div class=\"int-pill-cat\">Calendar<\/div><\/div>\n      <\/div>\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/Microsoft_365_2022.svg_.png\" alt=\"Microsoft 365\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Microsoft 365<\/div><div class=\"int-pill-cat\">Productivity<\/div><\/div>\n      <\/div>\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-4.png\" alt=\"Microsoft Entra ID\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Entra ID \/ SSO<\/div><div class=\"int-pill-cat\">Single Sign-On<\/div><\/div>\n      <\/div>\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f7ff;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/Google_Calendar_icon_2020.svg_.png\" alt=\"Google Calendar\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Google Kalender<\/div><div class=\"int-pill-cat\">Calendar<\/div><\/div>\n      <\/div>\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#fff5f0;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-5.png\" alt=\"Personio\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Personio<\/div><div class=\"int-pill-cat\">HR System<\/div><\/div>\n      <\/div>\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f5ff;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-2.jpg\" alt=\"HRworks\">\n        <\/div>\n        <div><div class=\"int-pill-name\">HRworks<\/div><div class=\"int-pill-cat\">HR System<\/div><\/div>\n      <\/div>\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#fff0f0;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/05\/logo_waldmann_w-2.png\" alt=\"Waldmann\"\n            onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\">\n          <div class=\"int-pill-logo-text\" style=\"display:none;color:#E30613;\">WALD-MANN<\/div>\n        <\/div>\n        <div><div class=\"int-pill-name\">Waldmann<\/div><div class=\"int-pill-cat\">Sensors<\/div><\/div>\n      <\/div>\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f4ff;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-5.jpg\" alt=\"ProDVX\">\n        <\/div>\n        <div><div class=\"int-pill-name\">ProDVX<\/div><div class=\"int-pill-cat\">Room Display<\/div><\/div>\n      <\/div>\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f5f5f5;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-3.png\" alt=\"Blocklockers\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Blocklockers<\/div><div class=\"int-pill-cat\">Locker<\/div><\/div>\n      <\/div>\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f4ff;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/pke-parking-1024x1024-1.jpg\" alt=\"PKE\">\n        <\/div>\n        <div><div class=\"int-pill-name\">PKE<\/div><div class=\"int-pill-cat\">Parking System<\/div><\/div>\n      <\/div>\n\n      <!-- Seamless duplicate -->\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-3.jpg\" alt=\"Microsoft Teams\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Microsoft Teams<\/div><div class=\"int-pill-cat\">Communication<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-4.jpg\" alt=\"Microsoft Outlook\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Outlook<\/div><div class=\"int-pill-cat\">Calendar<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/Microsoft_365_2022.svg_.png\" alt=\"Microsoft 365\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Microsoft 365<\/div><div class=\"int-pill-cat\">Productivity<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-4.png\" alt=\"Entra ID\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Entra ID \/ SSO<\/div><div class=\"int-pill-cat\">Single Sign-On<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f7ff;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/Google_Calendar_icon_2020.svg_.png\" alt=\"Google Calendar\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Google Kalender<\/div><div class=\"int-pill-cat\">Calendar<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#fff5f0;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-5.png\" alt=\"Personio\"><\/div>\n        <div><div class=\"int-pill-name\">Personio<\/div><div class=\"int-pill-cat\">HR System<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f5ff;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-2.jpg\" alt=\"HRworks\"><\/div>\n        <div><div class=\"int-pill-name\">HRworks<\/div><div class=\"int-pill-cat\">HR System<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#fff0f0;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/05\/logo_waldmann_w-2.png\" alt=\"Waldmann\" onerror=\"this.style.display='none'\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Waldmann<\/div><div class=\"int-pill-cat\">Sensors<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f4ff;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-5.jpg\" alt=\"ProDVX\"><\/div>\n        <div><div class=\"int-pill-name\">ProDVX<\/div><div class=\"int-pill-cat\">Room Display<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f5f5f5;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-3.png\" alt=\"Blocklockers\"><\/div>\n        <div><div class=\"int-pill-name\">Blocklockers<\/div><div class=\"int-pill-cat\">Locker<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f4ff;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/pke-parking-1024x1024-1.jpg\" alt=\"PKE\"><\/div>\n        <div><div class=\"int-pill-name\">PKE<\/div><div class=\"int-pill-cat\">Parking System<\/div><\/div>\n      <\/div>\n\n    <\/div><!-- \/row 1 -->\n\n    <!-- Row 2 (reverse) \u2014 same integrations, different order -->\n    <div class=\"ticker-row ticker-row--rev\">\n\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f5f5f5;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-3.png\" alt=\"Blocklockers\"><\/div>\n        <div><div class=\"int-pill-name\">Blocklockers<\/div><div class=\"int-pill-cat\">Locker<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f4ff;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/pke-parking-1024x1024-1.jpg\" alt=\"PKE\"><\/div>\n        <div><div class=\"int-pill-name\">PKE<\/div><div class=\"int-pill-cat\">Parking System<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#fff0f0;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/05\/logo_waldmann_w-2.png\" alt=\"Waldmann\" onerror=\"this.style.display='none'\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Waldmann<\/div><div class=\"int-pill-cat\">Sensors<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f4ff;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-5.jpg\" alt=\"ProDVX\"><\/div>\n        <div><div class=\"int-pill-name\">ProDVX<\/div><div class=\"int-pill-cat\">Room Display<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f5ff;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-2.jpg\" alt=\"HRworks\"><\/div>\n        <div><div class=\"int-pill-name\">HRworks<\/div><div class=\"int-pill-cat\">HR System<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#fff5f0;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-5.png\" alt=\"Personio\"><\/div>\n        <div><div class=\"int-pill-name\">Personio<\/div><div class=\"int-pill-cat\">HR System<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-4.png\" alt=\"Entra ID\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Entra ID \/ SSO<\/div><div class=\"int-pill-cat\">Single Sign-On<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f7ff;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/Google_Calendar_icon_2020.svg_.png\" alt=\"Google Calendar\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Google Kalender<\/div><div class=\"int-pill-cat\">Calendar<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/Microsoft_365_2022.svg_.png\" alt=\"Microsoft 365\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Microsoft 365<\/div><div class=\"int-pill-cat\">Productivity<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-4.jpg\" alt=\"Outlook\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Outlook<\/div><div class=\"int-pill-cat\">Calendar<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-3.jpg\" alt=\"Microsoft Teams\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Microsoft Teams<\/div><div class=\"int-pill-cat\">Communication<\/div><\/div>\n      <\/div>\n      <!-- Duplicate -->\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f5f5f5;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-3.png\" alt=\"Blocklockers\"><\/div>\n        <div><div class=\"int-pill-name\">Blocklockers<\/div><div class=\"int-pill-cat\">Locker<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f4ff;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/pke-parking-1024x1024-1.jpg\" alt=\"PKE\"><\/div>\n        <div><div class=\"int-pill-name\">PKE<\/div><div class=\"int-pill-cat\">Parking System<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#fff0f0;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/05\/logo_waldmann_w-2.png\" alt=\"Waldmann\" onerror=\"this.style.display='none'\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Waldmann<\/div><div class=\"int-pill-cat\">Sensors<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f4ff;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-5.jpg\" alt=\"ProDVX\"><\/div>\n        <div><div class=\"int-pill-name\">ProDVX<\/div><div class=\"int-pill-cat\">Room Display<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f5ff;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-2.jpg\" alt=\"HRworks\"><\/div>\n        <div><div class=\"int-pill-name\">HRworks<\/div><div class=\"int-pill-cat\">HR System<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#fff5f0;\"><img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-5.png\" alt=\"Personio\"><\/div>\n        <div><div class=\"int-pill-name\">Personio<\/div><div class=\"int-pill-cat\">HR System<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-4.png\" alt=\"Entra ID\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Entra ID \/ SSO<\/div><div class=\"int-pill-cat\">Single Sign-On<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#f0f7ff;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/Google_Calendar_icon_2020.svg_.png\" alt=\"Google Calendar\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Google Kalender<\/div><div class=\"int-pill-cat\">Calendar<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/Microsoft_365_2022.svg_.png\" alt=\"Microsoft 365\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Microsoft 365<\/div><div class=\"int-pill-cat\">Productivity<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-4.jpg\" alt=\"Outlook\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Outlook<\/div><div class=\"int-pill-cat\">Calendar<\/div><\/div>\n      <\/div>\n      <div class=\"int-pill\">\n        <div class=\"int-pill-logo\" style=\"background:#e8f0fe;\">\n          <img decoding=\"async\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/images-3.jpg\" alt=\"Microsoft Teams\">\n        <\/div>\n        <div><div class=\"int-pill-name\">Microsoft Teams<\/div><div class=\"int-pill-cat\">Communication<\/div><\/div>\n      <\/div>\n\n    <\/div><!-- \/row 2 -->\n\n  <\/div><!-- \/tickers -->\n\n  <!-- Category grid -->\n  <div class=\"int-cats\" role=\"list\" aria-label=\"Integrationskategorien\">\n    <div class=\"int-cat\" role=\"listitem\">\n      <div class=\"int-cat-icon\" aria-hidden=\"true\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M9 9h6M9 12h6M9 15h4\"\/><\/svg>\n      <\/div>\n      <div class=\"int-cat-title\">Microsoft 365<\/div>\n      <div class=\"int-cat-items\">Teams \u00b7 Outlook \u00b7 Microsoft 365 \u00b7 Entra ID \u00b7 SSO<\/div>\n    <\/div>\n    <div class=\"int-cat\" role=\"listitem\">\n      <div class=\"int-cat-icon\" aria-hidden=\"true\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n      <\/div>\n      <div class=\"int-cat-title\">Calendar<\/div>\n      <div class=\"int-cat-items\">Google Calendar \u00b7 Outlook Calendar<\/div>\n    <\/div>\n    <div class=\"int-cat\" role=\"listitem\">\n      <div class=\"int-cat-icon\" aria-hidden=\"true\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n      <\/div>\n      <div class=\"int-cat-title\">HR Systems<\/div>\n      <div class=\"int-cat-items\">Personio \u00b7 HRworks<\/div>\n    <\/div>\n    <div class=\"int-cat\" role=\"listitem\">\n      <div class=\"int-cat-icon\" aria-hidden=\"true\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n      <\/div>\n      <div class=\"int-cat-title\">Hardware & Sensors<\/div>\n      <div class=\"int-cat-items\">Waldmann sensors \u00b7 ProDVX displays \u00b7 Blocklockers \u00b7 PKE parking systems<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"int-cta\">\n    <a href=\"https:\/\/www.liz.solutions\/en\/integrationen\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\n      View all integrations\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n    <\/a>\n    <p class=\"int-cta-sub\">Don't see your integration? <a href=\"https:\/\/www.liz.solutions\/en\/demo-request\/\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--navy);font-weight:700;\">Request an integration \u2192<\/a><\/p>\n  <\/div>\n\n<\/div><!-- \/container -->\n<\/div><!-- \/int-inner -->\n<\/section>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aa1142d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aa1142d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1ac28a9\" data-id=\"1ac28a9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-da6a4b1 elementor-widget elementor-widget-html\" data-id=\"da6a4b1\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SENSOR VISUAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensor-visual {\n  background: var(--navy);\n  border-radius: var(--r-xl);\n  padding: 1.25rem;\n  box-shadow: 0 24px 80px rgba(6,26,82,0.25);\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n\/* Header *\/\n.sv-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n.sv-header-left {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  font-size: 0.75rem;\n  font-weight: 700;\n  color: var(--white);\n}\n.sv-header-left svg { color: rgba(255,255,255,0.4); }\n.sv-live-dot {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 0.65rem;\n  font-weight: 700;\n  color: var(--mint);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n.sv-pulse {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: var(--mint);\n  display: inline-block;\n  box-shadow: 0 0 0 0 rgba(218,246,230,0.5);\n  animation: svPulse 2s ease-in-out infinite;\n}\n@keyframes svPulse {\n  0%,100% { box-shadow: 0 0 0 0 rgba(218,246,230,0.5); }\n  50%      { box-shadow: 0 0 0 6px rgba(218,246,230,0); }\n}\n\n\/* Floor grid *\/\n.sv-floor {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  grid-template-rows: auto auto auto auto auto auto;\n  gap: 6px;\n}\n\n\/* Meeting rooms *\/\n.sv-room {\n  border-radius: var(--r-sm);\n  padding: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  border: 1px solid transparent;\n}\n.sv-occupied {\n  background: rgba(255,205,214,0.08);\n  border-color: rgba(255,205,214,0.2);\n}\n.sv-free {\n  background: rgba(218,246,230,0.06);\n  border-color: rgba(218,246,230,0.2);\n}\n.sv-room-label {\n  font-size: 0.62rem;\n  font-weight: 700;\n  color: rgba(255,255,255,0.5);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n.sv-sensor-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 0.62rem;\n  font-weight: 600;\n  padding: 3px 8px;\n  border-radius: 20px;\n  width: fit-content;\n}\n.sv-badge--red   { background: rgba(255,205,214,0.15); color: var(--pink); }\n.sv-badge--green { background: rgba(218,246,230,0.15);  color: var(--mint); }\n.sv-room-display {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 0.58rem;\n  color: rgba(255,255,255,0.3);\n  margin-top: auto;\n}\n.sv-display-bar {\n  width: 3px; height: 20px;\n  border-radius: 2px;\n  flex-shrink: 0;\n}\n.sv-display-bar--red   { background: var(--pink); }\n.sv-display-bar--green { background: var(--mint); }\n\n\/* Desk zone *\/\n.sv-desk-zone {\n  background: rgba(255,255,255,0.03);\n  border-radius: var(--r-sm);\n  padding: 0.75rem;\n  border: 1px solid rgba(255,255,255,0.06);\n}\n.sv-zone-label {\n  font-size: 0.55rem;\n  font-weight: 700;\n  color: rgba(255,255,255,0.3);\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  margin-bottom: 0.5rem;\n}\n.sv-desks {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 5px;\n}\n.sv-desk {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 3px;\n}\n.sv-desk-sensor {\n  width: 6px; height: 6px;\n  border-radius: 50%;\n}\n.sv-sensor--green { background: var(--mint); box-shadow: 0 0 4px rgba(218,246,230,0.6); }\n.sv-sensor--grey  { background: rgba(255,255,255,0.15); }\n.sv-desk-body {\n  width: 100%;\n  height: 18px;\n  border-radius: 4px;\n  \n}\n.sv-desk--on  .sv-desk-body {  border: 1px solid rgba(201,232,245,0.2); }\n.sv-desk--off .sv-desk-body {  }\n.sv-desk-tag {\n  font-size: 0.5rem;\n  color: rgba(255,255,255,0.25);\n  font-weight: 600;\n}\n\n\/* Locker zone *\/\n.sv-locker-zone {\n  background: rgba(255,255,255,0.03);\n  border-radius: var(--r-sm);\n  padding: 0.75rem;\n  border: 1px solid rgba(255,255,255,0.06);\n}\n.sv-lockers {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 3px;\n  margin-top: 0.4rem;\n}\n.sv-locker {\n  height: 18px;\n  border-radius: 3px;\n}\n.sv-locker--taken { background: rgba(255,205,214,0.3); }\n.sv-locker--free  { background: rgba(218,246,230,0.2); }\n\n\/* Parking zone *\/\n.sv-parking-zone {\n  background: rgba(255,255,255,0.03);\n  border-radius: var(--r-sm);\n  padding: 0.75rem;\n  border: 1px solid rgba(255,255,255,0.06);\n}\n.sv-parking-row {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 3px;\n  margin-top: 0.4rem;\n}\n.sv-park-spot {\n  height: 22px;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.5rem;\n  font-weight: 700;\n}\n.sv-park--taken { background: rgba(255,205,214,0.25); color: var(--pink); }\n.sv-park--free  { background: rgba(218,246,230,0.15);  color: var(--mint); }\n.sv-park--ev    { background: rgba(201,232,245,0.15); color: var(--blue); }\n\n\/* Stats row *\/\n.sv-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n  padding-top: 0.75rem;\n  border-top: 1px solid rgba(255,255,255,0.07);\n}\n.sv-stat {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.sv-stat-dot {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.sv-stat-val {\n  font-size: 0.75rem;\n  font-weight: 700;\n  color: var(--white);\n  line-height: 1;\n}\n.sv-stat-lbl {\n  font-size: 0.58rem;\n  color: rgba(255,255,255,0.35);\n  margin-top: 2px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ABSTRACT SENSOR VISUAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensor-visual {\n  background: var(--navy);\n  border-radius: var(--r-xl);\n  padding: 1.75rem;\n  box-shadow: 0 24px 80px rgba(6,26,82,0.25);\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n.sv-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.68rem;\n  font-weight: 700;\n  color: var(--mint);\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n.sv-pulse {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: var(--mint);\n  display: inline-block;\n  animation: svPulse 2s ease-in-out infinite;\n}\n@keyframes svPulse {\n  0%,100% { box-shadow: 0 0 0 0 rgba(218,246,230,0.5); }\n  50%      { box-shadow: 0 0 0 6px rgba(218,246,230,0); }\n}\n.sv-divider {\n  height: 1px;\n  background: rgba(255,255,255,0.07);\n  margin-bottom: 1.5rem;\n}\n\n\/* Monthly graph *\/\n.sv-graph-wrap {\n  margin-bottom: 0.5rem;\n}\n.sv-graph {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n.sv-graph-months {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 0.6rem;\n  padding: 0 1px;\n}\n.sv-graph-months span {\n  font-size: 0.58rem;\n  font-weight: 600;\n  color: rgba(255,255,255,0.3);\n  text-transform: uppercase;\n}\n\n\/* sr-only crawler text *\/\n.sr-only {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0,0,0,0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n\/* KPIs *\/\n.sv-kpis {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding-top: 1.25rem;\n  border-top: 1px solid rgba(255,255,255,0.07);\n}\n.sv-kpi { flex: 1; }\n.sv-kpi-val {\n  font-size: 1.2rem;\n  font-weight: 800;\n  color: var(--white);\n  line-height: 1;\n}\n.sv-kpi-lbl {\n  font-size: 0.6rem;\n  color: rgba(255,255,255,0.35);\n  margin-top: 3px;\n}\n.sv-kpi-sep {\n  width: 1px;\n  height: 36px;\n  background: rgba(255,255,255,0.08);\n  flex-shrink: 0;\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"sensors section\" id=\"sensorik\" aria-labelledby=\"sensors-heading\">\n  <div class=\"container\">\n    <div class=\"sensors-inner\">\n\n      <!-- LEFT: Abstract Visual -->\n      <div class=\"sensors-image reveal\" aria-hidden=\"true\">\n        <div class=\"sensor-visual\">\n\n          <div class=\"sv-tag\">\n            <span class=\"sv-pulse\"><\/span>\n            Office usage \u00b7 Monthly overview\n          <\/div>\n\n          <!-- Monthly bar graph -->\n          <div class=\"sv-graph-wrap\">\n            <svg viewBox=\"0 0 320 120\" class=\"sv-graph\" preserveAspectRatio=\"none\">\n              <!-- gridlines -->\n              <line x1=\"0\" y1=\"20\" x2=\"320\" y2=\"20\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"1\"\/>\n              <line x1=\"0\" y1=\"60\" x2=\"320\" y2=\"60\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"1\"\/>\n              <line x1=\"0\" y1=\"100\" x2=\"320\" y2=\"100\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"1\"\/>\n              <!-- bars: x positions evenly spaced, width 18, gap ~8 -->\n              <rect x=\"3\"   y=\"50\" width=\"18\" height=\"70\" rx=\"3\" fill=\"var(--blue)\" opacity=\"0.55\"\/>\n              <rect x=\"29\"  y=\"46\" width=\"18\" height=\"74\" rx=\"3\" fill=\"var(--blue)\" opacity=\"0.6\"\/>\n              <rect x=\"55\"  y=\"42\" width=\"18\" height=\"78\" rx=\"3\" fill=\"var(--blue)\" opacity=\"0.65\"\/>\n              <rect x=\"81\"  y=\"32\" width=\"18\" height=\"88\" rx=\"3\" fill=\"var(--blue)\" opacity=\"0.75\"\/>\n              <rect x=\"107\" y=\"36\" width=\"18\" height=\"84\" rx=\"3\" fill=\"var(--blue)\" opacity=\"0.7\"\/>\n              <rect x=\"133\" y=\"24\" width=\"18\" height=\"96\" rx=\"3\" fill=\"var(--blue)\" opacity=\"0.8\"\/>\n              <rect x=\"159\" y=\"56\" width=\"18\" height=\"64\" rx=\"3\" fill=\"var(--pink)\" opacity=\"0.7\"\/>\n              <rect x=\"185\" y=\"66\" width=\"18\" height=\"54\" rx=\"3\" fill=\"var(--pink)\" opacity=\"0.75\"\/>\n              <rect x=\"211\" y=\"20\" width=\"18\" height=\"100\" rx=\"3\" fill=\"var(--blue)\" opacity=\"0.85\"\/>\n              <rect x=\"237\" y=\"12\" width=\"18\" height=\"108\" rx=\"3\" fill=\"var(--blue)\" opacity=\"0.9\"\/>\n              <rect x=\"263\" y=\"8\"  width=\"18\" height=\"112\" rx=\"3\" fill=\"var(--blue)\" opacity=\"0.95\"\/>\n              <rect x=\"289\" y=\"4\"  width=\"18\" height=\"116\" rx=\"3\" fill=\"var(--white)\"\/>\n            <\/svg>\n            <div class=\"sv-graph-months\">\n              <span>Jan<\/span><span>Feb<\/span><span>Mar<\/span><span>Apr<\/span><span>May<\/span><span>Jun<\/span>\n              <span>Jul<\/span><span>Aug<\/span><span>Sep<\/span><span>Oct<\/span><span>Nov<\/span><span>Dec<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"sv-divider\"><\/div>\n\n          <!-- KPIs -->\n          <div class=\"sv-kpis\">\n            <div class=\"sv-kpi\">\n              <div class=\"sv-kpi-val\">76%<\/div>\n              <div class=\"sv-kpi-lbl\">avg. utilization<\/div>\n            <\/div>\n            <div class=\"sv-kpi-sep\"><\/div>\n            <div class=\"sv-kpi\">\n              <div class=\"sv-kpi-val\">3,1%<\/div>\n              <div class=\"sv-kpi-lbl\">No-Show Rate<\/div>\n            <\/div>\n            <div class=\"sv-kpi-sep\"><\/div>\n            <div class=\"sv-kpi\">\n              <div class=\"sv-kpi-val\">1.240<\/div>\n              <div class=\"sv-kpi-lbl\">Events \/ Day<\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Crawler-readable summary moved outside aria-hidden -->\n\n        <\/div>\n      <\/div>\n\n      <!-- Hidden but always-readable summary, outside aria-hidden container -->\n      <p class=\"sr-only\">Monthly office utilization based on sensor data from January to December: January 58%, February 61%, March 64%, April 69%, May 67%, June 72%, July 54%, August 49%, September 74%, October 78%, November 80%, December 81%. Average utilization 76%, No-Show Rate 3.1%, 1,240 sensor events per day.<\/p>\n\n      <!-- RIGHT: Content -->\n      <div class=\"sensors-content reveal\">\n        <div class=\"sensors-optional\" aria-label=\"Optional feature\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\n          Optional \u2014 can also be added later\n        <\/div>\n        <span class=\"eyebrow eyebrow--blue\">Hardware &amp; Sensors<\/span>\n        <h2 id=\"sensors-heading\">INTELLIGENT OFFICES WITH OPTIONAL SENSORS<\/h2>\n        <p>LIZ Smart Office works fully without any hardware. Companies wanting more transparency and automation can add sensors at any time \u2014 even retroactively.<\/p>\n        <p>Sensors detect actual occupancy, automatically trigger no-shows, and deliver valid usage data without manual input.<\/p>\n        <ul class=\"sensors-list\" aria-label=\"Hardware options\">\n          <li>\n            <div class=\"icon-box\" style=\"width:28px;height:28px;border-radius:6px;background:rgba(201,232,245,0.15);flex-shrink:0;\" aria-hidden=\"true\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9E8F5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n            <\/div>\n            Meeting room displays \u2014 availability, check-in, and booking right outside the room\n          <\/li>\n          <li>\n            <div class=\"icon-box\" style=\"width:28px;height:28px;border-radius:6px;background:rgba(201,232,245,0.15);flex-shrink:0;\" aria-hidden=\"true\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9E8F5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n            <\/div>\n            Desk sensors \u2014 automatic occupancy detection without mandatory check-in\n          <\/li>\n          <li>\n            <div class=\"icon-box\" style=\"width:28px;height:28px;border-radius:6px;background:rgba(201,232,245,0.15);flex-shrink:0;\" aria-hidden=\"true\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9E8F5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n            <\/div>\n            Smart Building Analytics \u2014 energy consumption, occupancy, and comfort combined\n          <\/li>\n        <\/ul>\n        <a href=\"https:\/\/www.liz.solutions\/en\/sensor\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-blue\">Learn more<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f1bee96 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f1bee96\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c948cb1\" data-id=\"c948cb1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-002c6e8 elementor-widget elementor-widget-html\" data-id=\"002c6e8\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SENSOR STATS + MONTHLY DOT GRID (matches sensor visual style)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sensor-card {\n  margin-top: 2rem;\n  background: var(--navy);\n  border: none;\n  border-radius: var(--r-lg);\n  padding: 1.5rem;\n}\n.hw-sensor-head {\n  margin-bottom: 1.5rem;\n}\n.hw-sensor-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.62rem;\n  font-weight: 700;\n  color: var(--blue);\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n.hw-pulse {\n  width: 7px; height: 7px;\n  border-radius: 50%;\n  background: var(--blue);\n  display: inline-block;\n  animation: hwPulse 2s ease-in-out infinite;\n}\n@keyframes hwPulse {\n  0%,100% { box-shadow: 0 0 0 0 rgba(201,232,245,0.5); }\n  50%      { box-shadow: 0 0 0 5px rgba(201,232,245,0); }\n}\n\n\/* Monthly dot grid *\/\n.hw-month-grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 14px 8px;\n  margin-bottom: 1.5rem;\n}\n.hw-month {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 7px;\n}\n.hw-month-dot {\n  width: 100%;\n  aspect-ratio: 1;\n  border-radius: 50%;\n  background: var(--blue);\n  box-shadow: 0 0 10px rgba(201,232,245,0.25);\n}\n.hw-month-lbl {\n  font-size: 0.6rem;\n  color: rgba(255,255,255,0.35);\n  text-transform: uppercase;\n  font-weight: 600;\n}\n\n\/* KPI row *\/\n.hw-sensor-kpis {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding-top: 1.25rem;\n  border-top: 1px solid rgba(255,255,255,0.08);\n}\n.hw-kpi { flex: 1; text-align: left; }\n.hw-kpi-num {\n  display: block;\n  font-size: 1.2rem;\n  font-weight: 800;\n  color: var(--white);\n  line-height: 1;\n}\n.hw-kpi-lbl {\n  display: block;\n  font-size: 0.62rem;\n  color: rgba(255,255,255,0.4);\n  margin-top: 4px;\n}\n.hw-kpi-sep {\n  width: 1px;\n  height: 32px;\n  background: rgba(255,255,255,0.1);\n  flex-shrink: 0;\n}\n\n\/* Screen reader \/ crawler only *\/\n.sr-only {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0,0,0,0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n@media (max-width: 600px) {\n  .hw-month-grid { grid-template-columns: repeat(4, 1fr); gap: 12px 6px; }\n  .hw-kpi-num { font-size: 1rem; }\n}\n\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hw-sec section\" aria-labelledby=\"hw-heading\">\n  <div class=\"container\">\n    <div class=\"hw-sec-grid\">\n      <div class=\"hw-sec-col reveal\">\n        <span class=\"eyebrow eyebrow--blue\" style=\"background:var(--blue);\">Hardware & Sensors<\/span>\n        <h2 id=\"hw-heading\">HARDWARE FOR TRANSPARENT AND INTELLIGENT OFFICES<\/h2>\n        <p>LIZ Smart Office can be combined with selected smart office hardware, including meeting room displays, sensors, desk indicators, and locker systems.<\/p>\n        <p>Sensors help companies better understand actual usage and automatically detect no-shows.<\/p>\n        <ul class=\"hw-list\" aria-label=\"Hardware components\">\n          <li><span class=\"dot\"><\/span>Meeting room displays<\/li>\n          <li><span class=\"dot\"><\/span>Desk sensors<\/li>\n          <li><span class=\"dot\"><\/span>Locker systems<\/li>\n          <li><span class=\"dot\"><\/span>Desk indicators<\/li>\n          <li><span class=\"dot\"><\/span>Smart building integration<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"hw-sec-col reveal\">\n        <span class=\"eyebrow eyebrow--pink\">Security & Privacy<\/span>\n        <h2>SECURE, GDPR COMPLIANT, AND BUILT FOR BUSINESSES<\/h2>\n        <p>LIZ Smart Office was built for professional business requirements. The platform supports secure authentication, role-based permissions, GDPR-compliant processes, and reliable IT integration.<\/p>\n        <p>Companies retain full control over data, locations, user groups, and permissions.<\/p>\n        <ul class=\"hw-list\" aria-label=\"Security features\">\n          <li><span class=\"dot\"><\/span>GDPR compliant<\/li>\n          <li><span class=\"dot\"><\/span>ISO 27001 certified<\/li>\n          <li><span class=\"dot\"><\/span>Made in Germany \u2014 hosted in Germany<\/li>\n          <li><span class=\"dot\"><\/span>SSO via Microsoft Entra ID<\/li>\n          <li><span class=\"dot\"><\/span>Role-based access control (RBAC)<\/li>\n          <li><span class=\"dot\"><\/span>Secure authentication<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cfa954e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cfa954e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9a2bd7f\" data-id=\"9a2bd7f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e3bf4a2 elementor-widget elementor-widget-html\" data-id=\"e3bf4a2\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-badges {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n.omr-discover-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 0.85rem;\n  font-size: 0.78rem;\n  font-weight: 700;\n  color: var(--white);\n  text-decoration: none;\n  border-bottom: 1px solid rgba(255,255,255,0.35);\n  padding-bottom: 1px;\n  transition: border-color 0.2s, opacity 0.2s;\n  letter-spacing: 0.02em;\n}\n.omr-discover-link:hover { border-color: var(--white); opacity: 0.8; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"omr-band\" aria-label=\"OMR Rating\">\n  <div class=\"container\">\n    <div class=\"omr-band-inner\">\n      <div class=\"omr-band-text\">\n        <h3>RATED EXCELLENT ON OMR REVIEWS<\/h3>\n        <p>Rated and recommended by real users<\/p>\n        <div class=\"omr-stars\" aria-label=\"5-star rating\">\n          <span class=\"omr-star\" aria-hidden=\"true\">\u2605<\/span>\n          <span class=\"omr-star\" aria-hidden=\"true\">\u2605<\/span>\n          <span class=\"omr-star\" aria-hidden=\"true\">\u2605<\/span>\n          <span class=\"omr-star\" aria-hidden=\"true\">\u2605<\/span>\n          <span class=\"omr-star\" aria-hidden=\"true\">\u2605<\/span>\n        <\/div>\n        <a href=\"https:\/\/omr.com\/en\/reviews\/product\/liz-smart-office\" target=\"_blank\" rel=\"noopener\" class=\"omr-discover-link\">\n          Discover all reviews\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/div>\n      <div class=\"omr-badges\">\n        <div class=\"omr-widget-wrap\">\n          <a title=\"LIZ Smart Office\" href=\"https:\/\/omr.com\/en\/reviews\/product\/liz-smart-office?utm_source=widget&utm_medium=vendor\" target=\"_blank\" rel=\"noopener\">\n            <img decoding=\"async\" src=\"https:\/\/omr.com\/en\/reviews\/widget\/light\/liz-smart-office\" alt=\"OMR - Rating Widget\" width=\"200\" height=\"150\">\n          <\/a>\n        <\/div>\n        <div class=\"omr-widget-wrap\">\n          <a title=\"LIZ Smart Office\" href=\"https:\/\/omr.com\/en\/reviews\/product\/liz-smart-office?utm_source=badge&utm_medium=vendor\" target=\"_blank\" rel=\"noopener\">\n            <img decoding=\"async\" src=\"https:\/\/omr.com\/en\/reviews\/badge\/liz-smart-office\/6835\" alt=\"OMR - Badge\" width=\"200\">\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae8b976 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ae8b976\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc314ec\" data-id=\"bc314ec\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-99911ef elementor-widget elementor-widget-html\" data-id=\"99911ef\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"testimonials section\" id=\"testimonials\" aria-labelledby=\"testi-heading\">\n  <div class=\"container\">\n    <div class=\"testimonials-header reveal\">\n      <span class=\"eyebrow\">Personal Support, Not Just Software<\/span>\n      <h2 id=\"testi-heading\">WHAT OUR CUSTOMERS SAY<\/h2>\n      <p>Leading companies trust LIZ Smart Office for their hybrid working environment.<\/p>\n    <\/div>\n    <div class=\"testi-carousel reveal\" role=\"region\" aria-label=\"Customer testimonials\">\n      <div class=\"testi-track\" id=\"testiTrack\">\n\n        <article class=\"testi-card\">\n          <div class=\"testi-quote\" aria-hidden=\"true\">\"<\/div>\n          <p class=\"testi-text\">With LIZ's solution, both wefox Austria locations \u2014 including parking and meeting rooms \u2014 can be organized simply and clearly, backed by support that is just as straightforward as it is reliable.<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-name\">Viktoria Schwarzwald<\/div>\n            <div class=\"testi-company\">wefox Austria GmbH<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"testi-card\">\n          <div class=\"testi-quote\" aria-hidden=\"true\">\"<\/div>\n          <p class=\"testi-text\">With LIZ, we can use our desks, capacities, and rooms effectively and in real time for all users. Everyone can quickly find and book their current spot through the app. We think LIZ is great.<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-name\">Hanka Otto<\/div>\n            <div class=\"testi-role\">Assistant<\/div>\n            <div class=\"testi-company\">Nexia GmbH<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"testi-card\">\n          <div class=\"testi-quote\" aria-hidden=\"true\">\"<\/div>\n          <p class=\"testi-text\">LIZ won out against the competition for us because, in our view, it is the most intuitive booking tool on the market. We can implement all our requirements for digitized resource management.<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-name\">Udo Coppenrath<\/div>\n            <div class=\"testi-company\">Raiffeisen Real Estate K\u00f6ln GmbH &amp; Co. KG<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"testi-card\">\n          <div class=\"testi-quote\" aria-hidden=\"true\">\"<\/div>\n          <p class=\"testi-text\">LIZ allows us to reliably manage room bookings from more than 50 partner companies.<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-name\">Circle Hub<\/div>\n            <div class=\"testi-company\">Circle Hub for Urban Mining<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"testi-card\">\n          <div class=\"testi-quote\" aria-hidden=\"true\">\"<\/div>\n          <p class=\"testi-text\">Using LIZ is straightforward and the benefit is efficient. If anything goes wrong, the LIZ team is always helpful and solution-oriented.<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-name\">Laurence Boniface<\/div>\n            <div class=\"testi-company\">AFRY Austria<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"testi-card\">\n          <div class=\"testi-quote\" aria-hidden=\"true\">\"<\/div>\n          <p class=\"testi-text\">LIZ made the transition to our new hybrid working environment with flexible desks much easier. The intuitive app is simple and clear for everyone \u2014 I'm convinced LIZ helped get the whole team on board.<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-name\">Hannah Bauer<\/div>\n            <div class=\"testi-role\">Workplace Consultant &amp; Project Lead<\/div>\n            <div class=\"testi-company\">Staehlin GmbH<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"testi-card\">\n          <div class=\"testi-quote\" aria-hidden=\"true\">\"<\/div>\n          <p class=\"testi-text\">With nearly twice as many employees as desks in the office, LIZ helps us distribute desks efficiently while still being able to find colleagues.<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-name\">Wolfram Geuppert<\/div>\n            <div class=\"testi-company\">DGNB e.V.<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"testi-card\">\n          <div class=\"testi-quote\" aria-hidden=\"true\">\"<\/div>\n          <p class=\"testi-text\">LIZ is a fixed part of our office organization. Flexible desk booking and a transparent overview of utilization make daily planning and use of our office space much easier.<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-name\">Meike Bodemann<\/div>\n            <div class=\"testi-role\">Team Lead HR \/ Management Assistant<\/div>\n            <div class=\"testi-company\">EITCO GmbH<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"testi-card\">\n          <div class=\"testi-quote\" aria-hidden=\"true\">\"<\/div>\n          <p class=\"testi-text\">With LIZ, we understand how our teams actually use desks and can design our spaces accordingly. This means we don't just accompany the shift to hybrid work models \u2014 we actively steer it.<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-name\">division one GmbH<\/div>\n            <div class=\"testi-company\">division one GmbH<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"testi-card\">\n          <div class=\"testi-quote\" aria-hidden=\"true\">\"<\/div>\n          <p class=\"testi-text\">We use LIZ to book desks and meeting rooms at our Dortmund and Werdohl locations. The interface is intuitive, so there's no need to fight through complicated menus.<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-name\">Frederik Jasper<\/div>\n            <div class=\"testi-role\">Head of HR Division III<\/div>\n            <div class=\"testi-company\">VDM Metals Holding GmbH<\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"testi-card\">\n          <div class=\"testi-quote\" aria-hidden=\"true\">\"<\/div>\n          <p class=\"testi-text\">The desk and room booking system has proven itself successfully across several projects \u2014 it's intuitive, reliable, and very well received by users.<\/p>\n          <div class=\"testi-author\">\n            <div class=\"testi-name\">Holger Odorfer<\/div>\n            <div class=\"testi-role\">Dipl.-Ing. Interior Architect, Owner<\/div>\n            <div class=\"testi-company\">roomarts \u2013 INTERIOR | ARCHITECTS | ENGINEERS<\/div>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n    <div class=\"testi-nav\" aria-label=\"Testimonials navigation\">\n      <button class=\"testi-btn\" id=\"testiPrev\" aria-label=\"Previous testimonial\">&#8592;<\/button>\n      <div class=\"testi-dots\" id=\"testiDots\" role=\"tablist\" aria-label=\"Testimonial Seiten\"><\/div>\n      <button class=\"testi-btn\" id=\"testiNext\" aria-label=\"Next testimonial\">&#8594;<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n\n(function(){\n  const track = document.getElementById('testiTrack');\n  const dotsContainer = document.getElementById('testiDots');\n  const cards = track ? Array.from(track.querySelectorAll('.testi-card')) : [];\n  if (!cards.length) return;\n  let current = 0;\n  const perPage = window.innerWidth < 860 ? 1 : 3;\n  const pages = Math.ceil(cards.length \/ perPage);\n  for (let i = 0; i < pages; i++) {\n    const dot = document.createElement('button');\n    dot.className = 'testi-dot' + (i === 0 ? ' active' : '');\n    dot.setAttribute('role','tab');\n    dot.setAttribute('aria-label','Seite ' + (i+1));\n    dot.addEventListener('click', () => goTo(i));\n    dotsContainer.appendChild(dot);\n  }\n  function goTo(page) {\n    current = Math.max(0, Math.min(page, pages - 1));\n    const cardWidth = cards[0].offsetWidth + 24;\n    track.style.transform = 'translateX(-' + (current * perPage * cardWidth) + 'px)';\n    dotsContainer.querySelectorAll('.testi-dot').forEach((d,idx) => d.classList.toggle('active', idx === current));\n  }\n  document.getElementById('testiPrev').addEventListener('click', () => goTo(current - 1));\n  document.getElementById('testiNext').addEventListener('click', () => goTo(current + 1));\n})();\n\n<\/script>\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-34a0184 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"34a0184\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eec906d\" data-id=\"eec906d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e9c76f5 elementor-widget elementor-widget-html\" data-id=\"e9c76f5\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"ceo-section section\" aria-labelledby=\"ceo-heading\">\n  <div class=\"container\">\n    <div class=\"ceo-inner reveal\">\n      <div class=\"ceo-photo\">\n        <img loading=\"lazy\" decoding=\"async\"\n          src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/04\/franzi-2-2.jpg\"\n          alt=\"Franzisca Engels \u2013 CEO of LIZ Smart Office\"\n          loading=\"lazy\" width=\"240\" height=\"240\"\n        >\n      <\/div>\n      <div class=\"ceo-content\">\n        <span class=\"ceo-quote-mark\" aria-hidden=\"true\">\"<\/span>\n        <p class=\"ceo-quote-text\">At LIZ, we see ourselves as a partner in the transformation toward a modern work culture that enables flexibility and self-determination. We prioritize close collaboration with our customers to adapt our software as effectively as possible to their hybrid work challenges \u2014 multiplying satisfaction and success for both business leaders and employees.<\/p>\n        <div class=\"ceo-byline\">\n          <h3 id=\"ceo-heading\">Franzisca Engels<\/h3>\n          <p>CEO, LIZ Smart Office<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-41e4b7f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"41e4b7f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d06011\" data-id=\"9d06011\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0e78aea elementor-widget elementor-widget-html\" data-id=\"0e78aea\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"success section\" aria-labelledby=\"success-heading\">\n  <div class=\"container\">\n    <div class=\"success-inner\">\n      <div class=\"success-content reveal\">\n        <span class=\"eyebrow eyebrow--navy\">Customer Success<\/span>\n        <h2 id=\"success-heading\">PERSONAL SUPPORT, NOT JUST SOFTWARE<\/h2>\n        <p>LIZ Smart Office supports companies not just technically, but organizationally too. A dedicated Customer Success Manager helps with rollout, organizational setup, adjustments, regular check-ins, new requirements, and optimizing your workspace strategy.<\/p>\n        <br>\n        <p>This makes LIZ especially well suited for companies looking not just for a tool, but for a long-term partner in shaping modern working environments.<\/p>\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/liz\/call?__hstc=235540382.315cc003b0c76b4790e5d452860ef16b.1760360464084.1781504530737.1781506891166.312&__hssc=235540382.21.1781506891166&__hsfp=882d640fbe2ce5b7dfa56d780a7b1743\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">Get in Touch<\/a>\n      <\/div>\n      <div class=\"success-stats reveal\">\n        <div class=\"stat-box\">\n          <span class=\"stat-num\">500+<\/span>\n          <span class=\"stat-lbl\">companies trust LIZ Smart Office<\/span>\n        <\/div>\n        <div class=\"stat-box\">\n          <span class=\"stat-num\">94 NPS<\/span>\n          <span class=\"stat-lbl\">Net Promoter Score<\/span>\n        <\/div>\n        <div class=\"stat-box\">\n          <span class=\"stat-num\">100 CSAT<\/span>\n          <span class=\"stat-lbl\">Customer Satisfaction Score<\/span>\n        <\/div>\n        <div class=\"stat-box\">\n          <span class=\"stat-num\">1 App<\/span>\n          <span class=\"stat-lbl\">for all resources \u2014 desks, rooms, parking & more<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4448a10 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4448a10\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-598d8d0\" data-id=\"598d8d0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e45d8e7 elementor-widget elementor-widget-spacer\" data-id=\"e45d8e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-66927a7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"66927a7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-df40f81\" data-id=\"df40f81\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2fd2739 elementor-widget elementor-widget-html\" data-id=\"2fd2739\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"industries section\" aria-labelledby=\"industries-heading\">\n  <div class=\"container\">\n    <div class=\"industries-header reveal\">\n      <span class=\"eyebrow\">Who is LIZ for?<\/span>\n      <h2 id=\"industries-heading\">WORKSPACE MANAGEMENT FOR DIFFERENT INDUSTRIES AND COMPANY SIZES<\/h2>\n      <p>LIZ Smart Office is suited for companies that want to organize hybrid work professionally \u2014 regardless of size or industry.<\/p>\n    <\/div>\n    <div class=\"industries-grid reveal\" role=\"list\" aria-label=\"Typical use cases\">\n      <div class=\"ind-tag\" role=\"listitem\"><span class=\"dot\"><\/span>Mid-sized companies<\/div>\n      <div class=\"ind-tag\" role=\"listitem\"><span class=\"dot\"><\/span>Enterprises<\/div>\n      <div class=\"ind-tag\" role=\"listitem\"><span class=\"dot\"><\/span>Government &amp; public sector<\/div>\n      <div class=\"ind-tag\" role=\"listitem\"><span class=\"dot\"><\/span>Banks and insurance companies<\/div>\n      <div class=\"ind-tag\" role=\"listitem\"><span class=\"dot\"><\/span>Industrial companies<\/div>\n      <div class=\"ind-tag\" role=\"listitem\"><span class=\"dot\"><\/span>Consulting firms<\/div>\n      <div class=\"ind-tag\" role=\"listitem\"><span class=\"dot\"><\/span>Healthcare<\/div>\n      <div class=\"ind-tag\" role=\"listitem\"><span class=\"dot\"><\/span>Multi-location companies<\/div>\n      <div class=\"ind-tag\" role=\"listitem\"><span class=\"dot\"><\/span>Flexible workplace concepts<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-480a06b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"480a06b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cde0c71\" data-id=\"cde0c71\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-68aa394 elementor-widget elementor-widget-html\" data-id=\"68aa394\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n.faq-item { border-bottom:1px solid var(--navy-08); }\n.faq-q {\n  display:flex; align-items:center; justify-content:space-between;\n  padding:1.4rem 0; cursor:pointer;\n  font-size:0.95rem; font-weight:600; color:var(--navy);\n  list-style:none; gap:1.5rem;\n  text-transform:none; letter-spacing:0;\n}\n.faq-q::-webkit-details-marker { display:none; }\n.faq-toggle {\n  width:28px; height:28px; border-radius:50%;\n  background:var(--navy); color:var(--white);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1rem; flex-shrink:0; transition:transform 0.22s; font-weight:400;\n}\ndetails[open] .faq-toggle { transform:rotate(45deg); }\n.faq-a { padding:0 2.5rem 1.4rem 0; font-size:0.9rem; color:var(--navy-text); line-height:1.75; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"cta-banner section\" id=\"demo\" aria-labelledby=\"cta-heading\">\n  <div class=\"container\">\n    <div class=\"cta-inner reveal\">\n      <span class=\"eyebrow eyebrow--blue\">Get Started<\/span>\n      <h2 id=\"cta-heading\">MAKE YOUR OFFICE SIMPLER, MORE TRANSPARENT, AND MORE EFFICIENT<\/h2>\n      <p>With LIZ Smart Office, workspace management becomes predictable. Employees find the right resources faster, and companies get the data they need to make better decisions.<\/p>\n      <div class=\"cta-btns\">\n        <a href=\"https:\/\/www.liz.solutions\/en\/demo-request\/\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-white\">Request a Demo<\/a>\n        <a href=\"https:\/\/meetings-eu1.hubspot.com\/liz\/call?__hstc=235540382.315cc003b0c76b4790e5d452860ef16b.1760360464084.1781504530737.1781506891166.312&__hssc=235540382.21.1781506891166&__hsfp=882d640fbe2ce5b7dfa56d780a7b1743\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-outline-white\">Get in Touch<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nconst revealEls = document.querySelectorAll('.reveal');\nconst revealObs = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObs.unobserve(entry.target); }\n  });\n}, { threshold: 0.08 });\nrevealEls.forEach(el => revealObs.observe(el));\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n  revealEls.forEach(el => el.classList.add('visible'));\n  document.querySelectorAll('.ticker-track').forEach(el => el.style.animationPlayState = 'paused');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2a54227 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2a54227\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-236e1db\" data-id=\"236e1db\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af6fada elementor-widget elementor-widget-html\" data-id=\"af6fada\" 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<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESIGN TOKENS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --navy:      #061A52;\n  --pink:      #FFCDD6;\n  --white:     #FFFFFF;\n  --blue:      #C9E8F5;\n  --mint:      #DAF6E6;\n  --navy-08:   rgba(6,26,82,0.08);\n  --navy-15:   rgba(6,26,82,0.15);\n  --navy-text: rgba(6,26,82,0.65);\n  --r-sm: 10px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 32px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody {\n  font-family: 'Montserrat', sans-serif;\n  color: var(--navy);\n  \n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TYPOGRAPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nh1,h2,h3,h4 {\n  font-family: 'Montserrat', sans-serif;\n  font-weight: 800;\n  text-transform: uppercase;\n  line-height: 1.1;\n}\nh1 { font-size: clamp(2.2rem, 5%, 3.8rem); }\nh2 { font-size: clamp(1.7rem, 3.2%, 2.6rem); }\nh3 { font-size: clamp(0.95rem, 1.8%, 1.1rem); font-weight: 700; }\np  { font-size: 1rem; line-height: 1.75; color: var(--navy-text); font-weight: 400; }\n\n.eyebrow {\n  display: inline-block;\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--navy);\n  background: var(--mint);\n  padding: 5px 14px;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n}\n.eyebrow--pink { background: var(--pink); }\n.eyebrow--blue { background: var(--blue); }\n.eyebrow--navy { background: var(--navy); color: var(--white); }\n.eyebrow--white { background: rgba(255,255,255,0.15); color: var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 0.85rem; font-weight: 700;\n  text-decoration: none;\n  padding: 14px 28px;\n  border-radius: var(--r-sm);\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: all 0.22s ease;\n  letter-spacing: 0.02em;\n}\n.btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); }\n.btn-primary:hover { background: transparent; color: var(--navy); }\n.btn-outline   { background: transparent; color: var(--navy); border-color: var(--navy); }\n.btn-outline:hover { background: var(--navy); color: var(--white); }\n.btn-white     { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-white:hover { background: transparent; color: var(--white); }\n.btn-outline-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,0.5); }\n.btn-outline-white:hover { background: var(--white); color: var(--navy); border-color: var(--white); }\n.btn-blue { background: var(--blue); color: var(--navy); border-color: var(--blue); }\n.btn-blue:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\n.section    { padding: 7rem 0; }\n.section--sm { padding: 4rem 0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ICON SYSTEM \u2013 always navy bg, white icon\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.icon-box {\n  width: 48px; height: 48px;\n  border-radius: var(--r-sm);\n  background: var(--navy);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.icon-box svg { color: var(--white); }\n.icon-box--lg { width: 56px; height: 56px; border-radius: var(--r-md); }\n.icon-box--blue { background: var(--blue); }\n.icon-box--blue svg { color: var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2460 HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  background: var(--navy);\n  padding: 5rem 0 0;\n  position: relative; overflow: hidden;\n}\n.hero::before {\n  content:''; position:absolute; top:-120px; right:-120px;\n  width:600px; height:600px; border-radius:50%;\n  background: radial-gradient(circle, rgba(201,232,245,0.12) 0%, transparent 70%);\n  pointer-events:none;\n}\n.hero-inner {\n  position:relative; display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:4rem; align-items:center;\n}\n.hero-content { padding-bottom: 5rem; }\n.hero-content h1 { color:var(--white); margin-bottom:1.5rem; }\n.hero-content h1 span { color:var(--mint); }\n.hero-content p { color:rgba(255,255,255,0.7); font-size:1.05rem; margin-bottom:2.5rem; max-width:500px; }\n.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:3rem; }\n\n.trust-row { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }\n.trust-pill {\n  font-size:0.68rem; font-weight:600; letter-spacing:0.08em;\n  color:rgba(255,255,255,0.5);\n  display:flex; align-items:center; gap:5px;\n}\n.trust-pill::before {\n  content:'\u2713';\n  display:inline-flex; align-items:center; justify-content:center;\n  width:16px; height:16px; border-radius:50%;\n  background:var(--mint); color:var(--navy);\n  font-size:0.6rem; font-weight:800; flex-shrink:0;\n}\n.trust-sep { color:rgba(255,255,255,0.15); font-size:0.8rem; }\n\n.hero-image { align-self:flex-end; position:relative; }\n.hero-image img { width:100%; height:auto; display:block; border-radius:var(--r-lg) var(--r-lg) 0 0; object-fit:cover; }\n\n\/* \u2500\u2500  OMR widget in hero  \u2500\u2500 *\/\n.hero-omr {\n  position:absolute; bottom:1.5rem; right:1.5rem;\n  background:rgba(255,255,255,0.1);\n  border:1px solid rgba(255,255,255,0.2);\n  border-radius:var(--r-md);\n  padding:8px 12px;\n  backdrop-filter:blur(8px);\n  display:flex; align-items:center; gap:8px;\n}\n.hero-omr img { display:block; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2461 LOGO TICKER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.logos-section { background:var(--white); padding:4rem 0; border-bottom:1px solid var(--navy-08); }\n.logos-section .container > .logos-title {\n  text-align:center; font-size:0.72rem; font-weight:700;\n  letter-spacing:0.14em; color:var(--navy); opacity:0.4;\n  margin-bottom:0.75rem; text-transform:uppercase;\n}\n.logos-section .container > .logos-sub {\n  text-align:center; max-width:640px; margin:0 auto 2.5rem;\n  font-size:0.92rem;\n}\n.ticker-wrap { overflow:hidden; position:relative; width:100%; }\n.ticker-wrap::before, .ticker-wrap::after {\n  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;\n}\n.ticker-wrap::before { left:0; background:linear-gradient(to right, var(--white), transparent); }\n.ticker-wrap::after  { right:0; background:linear-gradient(to left,  var(--white), transparent); }\n.ticker-track {\n  display:flex; gap:3rem; align-items:center;\n  width:max-content; animation:ticker 42s linear infinite;\n}\n.ticker-track:hover { animation-play-state:paused; }\n@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\n.ticker-logo {\n  flex-shrink:0; height:34px; width:auto; max-width:130px;\n  object-fit:contain; filter:grayscale(100%); opacity:0.5;\n  transition:opacity 0.2s, filter 0.2s;\n}\n.ticker-logo:hover { filter:grayscale(0%); opacity:1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2462 OMR TRUST BAND\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.omr-band {\n  background: var(--navy);\n  padding: 2.5rem 0;\n}\n.omr-band-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.omr-band-text h3 {\n  color: var(--white);\n  font-size: 1rem;\n  margin-bottom: 0.3rem;\n}\n.omr-band-text p { color: rgba(255,255,255,0.55); font-size: 0.85rem; }\n.omr-widget-wrap a { display: block; }\n.omr-widget-wrap img { display: block; border-radius: var(--r-sm); }\n.omr-stars {\n  display:flex; gap:3px; margin-top:0.5rem;\n}\n.omr-star { color: #f5a623; font-size:1.2rem; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2463 PLATFORM OVERVIEW\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.platform { background:var(--navy); }\n.platform-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.platform-header h2 { color:var(--white); }\n.platform-header p  { color:rgba(255,255,255,0.6); margin-top:1rem; }\n.platform-grid {\n  display:grid; grid-template-columns:repeat(3,1fr);\n  gap:1.5px; background:rgba(255,255,255,0.08);\n  border-radius:var(--r-lg); overflow:hidden;\n}\n.platform-card {\n  background:rgba(255,255,255,0.03);\n  padding:2.5rem 2rem;\n  transition:background 0.25s;\n  position:relative; overflow:hidden;\n}\n.platform-card:hover { background:rgba(255,255,255,0.07); }\n.platform-card::before {\n  content:''; position:absolute; top:0; left:0; right:0;\n  height:3px; background:transparent; transition:background 0.25s;\n}\n.platform-card:hover::before { background:var(--blue); }\n.platform-card .icon-box { margin-bottom:1.25rem; }\n.platform-card h3 { color:var(--white); font-size:0.92rem; margin-bottom:0.6rem; }\n.platform-card p  { font-size:0.85rem; color:rgba(255,255,255,0.5); line-height:1.65; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2464 LLM CLARITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.clarity { background:var(--mint); }\n.clarity-inner { max-width:860px; margin:0 auto; text-align:center; }\n.clarity h2 { color:var(--navy); margin-bottom:1.25rem; }\n.clarity p  { color:var(--navy); opacity:0.7; font-size:1.05rem; max-width:700px; margin:0 auto 1rem; }\n.clarity-tags { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:2rem; }\n.clarity-tag {\n  background:rgba(6,26,82,0.08); color:var(--navy);\n  font-size:0.78rem; font-weight:600;\n  padding:6px 16px; border-radius:50px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2465 BENEFITS SPLIT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.benefits { background:var(--white); }\n.benefits-split {\n  display:grid; grid-template-columns:1fr 1fr;\n  gap:2px; background:var(--navy-08);\n  border-radius:var(--r-xl); overflow:hidden;\n}\n.benefits-panel { padding:3.5rem 3rem; }\n.benefits-panel--navy { background:var(--navy); }\n.benefits-panel h2 { margin-bottom:1rem; }\n.benefits-panel--navy h2 { color:var(--white); }\n.benefits-panel > p { margin-bottom:2rem; font-size:0.95rem; }\n.benefits-panel--navy > p { color:rgba(255,255,255,0.6); }\n\n\/* Image in benefits *\/\n.benefits-image {\n  margin-top: 2rem;\n  border-radius: var(--r-lg);\n  overflow: hidden;\n}\n.benefits-image img { width:100%; height:auto; display:block; }\n\n.benefit-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }\n.benefit-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:var(--navy);\n}\n.benefits-panel--navy .benefit-list li { color:rgba(255,255,255,0.8); }\n.benefit-check {\n  width:22px; height:22px; border-radius:50%;\n  display:flex; align-items:center; justify-content:center;\n  font-size:0.6rem; font-weight:800; flex-shrink:0; margin-top:1px;\n}\n.bc-mint { background:var(--mint); color:var(--navy); }\n.bc-blue { background:var(--blue); color:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2466 FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.features { background:var(--blue); }\n.features-header { text-align:center; max-width:680px; margin:0 auto 4rem; }\n.features-header h2 { color:var(--navy); }\n.features-header p  { margin-top:1rem; }\n.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\n.feature-card {\n  background:var(--white); border-radius:var(--r-lg); padding:2rem;\n  transition:transform 0.22s, box-shadow 0.22s;\n}\n.feature-card:hover { transform:translateY(-4px); box-shadow:0 16px 48px rgba(6,26,82,0.1); }\n.feature-card .icon-box { margin-bottom:1.25rem; }\n.feature-card h3 { font-size:0.9rem; color:var(--navy); margin-bottom:0.6rem; }\n.feature-card p  { font-size:0.85rem; line-height:1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2467 ANALYTICS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.analytics { background:var(--white); }\n.analytics-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.analytics-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(6,26,82,0.12);\n}\n.analytics-content h2 { margin-bottom:1.25rem; }\n.analytics-content > p { margin-bottom:2rem; }\n.analytics-qs { list-style:none; display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.5rem; }\n.analytics-qs li {\n  display:flex; align-items:flex-start; gap:10px;\n  font-size:0.88rem; color:var(--navy-text); font-weight:500;\n}\n.analytics-qs li::before { content:'\u2192'; color:var(--navy); font-weight:800; flex-shrink:0; margin-top:1px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2468 INTEGRATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.integrations { background:var(--pink); }\n.integrations-header { text-align:center; max-width:600px; margin:0 auto 3.5rem; }\n.integrations-header h2 { color:var(--navy); }\n.integrations-header p  { margin-top:1rem; }\n.integrations-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }\n.int-card {\n  background:var(--white); border-radius:var(--r-md);\n  padding:1.5rem 1rem; text-align:center;\n  font-size:0.78rem; font-weight:600; color:var(--navy);\n  transition:transform 0.2s, box-shadow 0.2s;\n  display:flex; flex-direction:column; align-items:center; gap:0.75rem;\n}\n.int-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(6,26,82,0.12); }\n.int-card .icon-box { width:40px; height:40px; border-radius:8px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2469 SENSORS SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sensors { background:var(--navy); }\n.sensors-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.sensors-image img {\n  width:100%; height:auto; border-radius:var(--r-xl); display:block;\n  box-shadow:0 24px 80px rgba(0,0,0,0.3);\n}\n.sensors-content h2 { color:var(--white); margin-bottom:1.25rem; }\n.sensors-content > p { color:rgba(255,255,255,0.65); margin-bottom:1.5rem; font-size:0.95rem; }\n.sensors-optional {\n  display:inline-flex; align-items:center; gap:8px;\n  background:rgba(218,246,230,0.12); border:1px solid rgba(218,246,230,0.3);\n  border-radius:50px; padding:6px 16px;\n  font-size:0.75rem; font-weight:700; letter-spacing:0.1em;\n  color:var(--mint); text-transform:uppercase;\n  margin-bottom:2rem;\n}\n.sensors-list { list-style:none; display:flex; flex-direction:column; gap:0.75rem; margin-bottom:2.5rem; }\n.sensors-list li {\n  display:flex; align-items:flex-start; gap:12px;\n  font-size:0.9rem; font-weight:500; color:rgba(255,255,255,0.75);\n}\n.sensors-list li .icon-box {\n  width:28px; height:28px; border-radius:6px;\n  background:rgba(201,232,245,0.15); flex-shrink:0;\n}\n.sensors-list li .icon-box svg { width:14px; height:14px; color:var(--blue); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246a HARDWARE & SECURITY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hw-sec { background:var(--white); }\n.hw-sec-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }\n.hw-sec-col h2 { color:var(--navy); margin-bottom:1.25rem; }\n.hw-sec-col p  { color:var(--navy-text); font-size:0.95rem; margin-bottom:1rem; }\n.hw-list { list-style:none; display:flex; flex-direction:column; gap:0.65rem; }\n.hw-list li {\n  display:flex; align-items:center; gap:10px;\n  font-size:0.88rem; font-weight:500; color:var(--navy-text);\n}\n.hw-list li .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246b COMPARISON \u2013 redesigned as feature cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.comparison { background:var(--blue); }\n.comparison-inner { max-width:1060px; margin:0 auto; }\n.comparison-header { text-align:center; margin-bottom:3.5rem; }\n.comparison-header h2 { margin-bottom:1rem; }\n.comparison-header p  { max-width:600px; margin:0 auto; }\n\n\/* Two-col layout: left narrative, right feature grid *\/\n.comparison-layout {\n  display:grid; grid-template-columns: minmax(280px, 340px) 1fr; gap:3rem; align-items:start;\n}\n.comparison-narrative { }\n.comparison-narrative h3 {\n  font-size:1.4rem; color:var(--navy); margin-bottom:1rem;\n  font-weight:800; text-transform:uppercase;\n}\n.comparison-narrative p { font-size:0.92rem; margin-bottom:1.5rem; }\n.comp-liz-badge {\n  background:var(--navy); color:var(--white);\n  border-radius:var(--r-lg); padding:1.5rem;\n  display:flex; flex-direction:column; gap:0.5rem;\n}\n.comp-liz-badge h4 { color:var(--white); font-size:0.72rem; letter-spacing:0.12em; margin-bottom:0.25rem; }\n.comp-liz-score { font-size:2.5rem; font-weight:800; color:var(--mint); line-height:1; }\n.comp-liz-label { font-size:0.78rem; color:rgba(255,255,255,0.55); }\n\n.comparison-features {\n  display:grid; grid-template-columns:1fr 1fr; gap:1rem;\n}\n.comp-feat-card {\n  background:var(--white); border-radius:var(--r-lg); padding:1.5rem;\n  position:relative; overflow:hidden;\n}\n.comp-feat-card::before {\n  content:''; position:absolute; top:0; left:0; bottom:0;\n  width:4px; background:var(--navy);\n}\n.comp-feat-card.exclusive::before { background:var(--mint); }\n.comp-feat-card h3 { font-size:0.82rem; color:var(--navy); margin-bottom:0.4rem; }\n.comp-feat-card p  { font-size:0.8rem; line-height:1.55; }\n.comp-feat-tag {\n  display:inline-block;\n  font-size:0.62rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;\n  padding:3px 9px; border-radius:50px; margin-bottom:0.6rem;\n}\n.comp-feat-tag--liz      { background:var(--mint); color:var(--navy); }\n.comp-feat-tag--exclusive { background:var(--navy); color:var(--white); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246c TESTIMONIALS (carousel)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.testimonials { background:var(--white); }\n.testimonials-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n\n.testi-carousel { position:relative; overflow:hidden; }\n.testi-track {\n  display:flex; gap:1.5rem;\n  transition:transform 0.45s cubic-bezier(0.4,0,0.2,1);\n}\n.testi-card {\n  flex:0 0 calc(33.333% - 1rem); min-width:0;\n  background:var(--white);\n  border:1px solid var(--navy-08);\n  border-radius:var(--r-xl);\n  padding:2rem;\n  display:flex; flex-direction:column;\n  gap:1rem;\n  box-shadow:0 4px 20px rgba(6,26,82,0.05);\n}\n.testi-quote {\n  font-size:1.8rem; font-weight:800; color:var(--blue);\n  line-height:1; font-family:Georgia, serif;\n}\n.testi-text {\n  font-size:0.88rem; line-height:1.7; color:var(--navy-text);\n  font-style:italic; flex:1;\n}\n.testi-author { border-top:1px solid var(--navy-08); padding-top:1rem; }\n.testi-name   { font-size:0.85rem; font-weight:700; color:var(--navy); }\n.testi-role   { font-size:0.75rem; color:var(--navy-text); margin-top:2px; }\n.testi-company { font-size:0.72rem; font-weight:600; color:var(--navy); opacity:0.45; margin-top:3px; text-transform:uppercase; letter-spacing:0.06em; }\n\n.testi-nav {\n  display:flex; align-items:center; justify-content:center;\n  gap:1rem; margin-top:2rem;\n}\n.testi-btn {\n  width:44px; height:44px; border-radius:50%;\n  border:2px solid var(--navy);\n  background:transparent; color:var(--navy);\n  cursor:pointer; font-size:1.1rem;\n  display:flex; align-items:center; justify-content:center;\n  transition:all 0.2s;\n}\n.testi-btn:hover { background:var(--navy); color:var(--white); }\n.testi-dots { display:flex; gap:6px; }\n.testi-dot {\n  width:8px; height:8px; border-radius:50%;\n  background:var(--navy-15); cursor:pointer; transition:background 0.2s;\n}\n.testi-dot.active { background:var(--navy); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246d CEO QUOTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ceo-section { background:var(--navy); }\n.ceo-inner {\n  display:grid; grid-template-columns:auto 1fr; gap:4rem; align-items:center;\n  max-width:960px; margin:0 auto;\n}\n.ceo-photo {\n  width:240px; height:240px; border-radius:50%;\n  overflow:hidden; flex-shrink:0;\n  border:4px solid rgba(255,255,255,0.15);\n}\n.ceo-photo img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }\n.ceo-content { }\n.ceo-quote-mark {\n  font-size:5rem; line-height:0.7;\n  color:var(--mint); font-family:Georgia, serif;\n  display:block; margin-bottom:1rem;\n}\n.ceo-quote-text {\n  font-size:1.08rem; line-height:1.75;\n  color:rgba(255,255,255,0.85);\n  font-style:italic;\n  margin-bottom:2rem;\n  font-family:'Montserrat', sans-serif;\n  font-weight:400;\n}\n.ceo-byline h3 { color:var(--white); font-size:1rem; text-transform:none; letter-spacing:0; }\n.ceo-byline p  { color:var(--mint); font-size:0.85rem; font-weight:600; margin-top:2px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246e CUSTOMER SUCCESS (testimonials moved up)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.success { background:var(--mint); }\n.success-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }\n.success-content h2 { margin-bottom:1.25rem; }\n.success-content p  { font-size:0.95rem; color:var(--navy); opacity:0.7; }\n.success-content .btn { margin-top:2rem; }\n\n.success-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }\n.stat-box {\n  background:var(--navy); border-radius:var(--r-lg); padding:1.75rem;\n}\n.stat-box .stat-num { font-size:2.2rem; font-weight:800; color:var(--mint); line-height:1; display:block; }\n.stat-box .stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.55); margin-top:0.4rem; line-height:1.4; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u246f TARGET INDUSTRIES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.industries { background:var(--white); }\n.industries-header { text-align:center; max-width:640px; margin:0 auto 3.5rem; }\n.industries-header h2 { margin-bottom:1rem; }\n.industries-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }\n.ind-tag {\n  background:var(--navy-08); border-radius:var(--r-sm);\n  padding:1.25rem 1.5rem; font-size:0.88rem; font-weight:600; color:var(--navy);\n  display:flex; align-items:center; gap:10px; transition:background 0.2s;\n}\n.ind-tag:hover { background:var(--blue); }\n.ind-tag .dot { width:8px; height:8px; border-radius:50%; background:var(--navy); flex-shrink:0; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2470 CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.cta-banner { background:var(--navy); }\n.cta-inner { text-align:center; max-width:700px; margin:0 auto; }\n.cta-inner h2 { color:var(--white); margin-bottom:1.25rem; }\n.cta-inner p  { color:rgba(255,255,255,0.6); font-size:1rem; margin-bottom:2.5rem; }\n.cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u2471 FAQ\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.faq { background:var(--white); }\n.faq-inner { max-width:760px; margin:0 auto; }\n.faq-header { text-align:center; margin-bottom:3.5rem; }\n\n.faq-item {\n  border-bottom: 1px solid var(--navy-08);\n}\n\/* Force override Elementor button styles *\/\n.faq-q,\n.faq-q:link,\n.faq-q:visited,\n.faq-q:hover,\n.faq-q:focus,\n.faq-q:active,\n.faq-q:focus-visible {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  width: 100% !important;\n  padding: 1.4rem 0 !important;\n  cursor: pointer !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 0.95rem !important;\n  font-weight: 600 !important;\n  color: var(--navy) !important;\n  background: transparent !important;\n  background-color: transparent !important;\n  border: none !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n  outline: none !important;\n  text-align: left !important;\n  gap: 1.5rem !important;\n  letter-spacing: 0 !important;\n  text-transform: none !important;\n  text-decoration: none !important;\n  opacity: 1 !important;\n}\n.faq-toggle {\n  width: 28px !important;\n  height: 28px !important;\n  border-radius: 50% !important;\n  background: var(--navy) !important;\n  background-color: var(--navy) !important;\n  color: var(--white) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  font-size: 1.1rem !important;\n  flex-shrink: 0 !important;\n  transition: transform 0.22s !important;\n  font-weight: 400 !important;\n  line-height: 1 !important;\n  min-width: 28px !important;\n}\n.faq-q[aria-expanded=\"true\"] .faq-toggle {\n  transform: rotate(45deg) !important;\n}\n.faq-a {\n  padding: 0 2.5rem 1.4rem 0;\n  font-size: 0.9rem;\n  color: var(--navy-text);\n  line-height: 1.75;\n}\n.faq-a[hidden] { display: none !important; }\n\n\/* Hidden FAQs for load-more *\/\n.faq-item.faq-hidden {\n  display: none;\n}\n.faq-item.faq-hidden.faq-visible {\n  display: block;\n}\n\n\/* Load more button *\/\n.faq-load-more-wrap {\n  text-align: center;\n  margin-top: 2rem;\n}\n.faq-load-more {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  font-family: 'Montserrat', sans-serif !important;\n  font-size: 0.85rem !important;\n  font-weight: 700 !important;\n  color: var(--navy) !important;\n  background: transparent !important;\n  background-color: transparent !important;\n  border: 2px solid var(--navy) !important;\n  border-radius: var(--r-sm) !important;\n  padding: 12px 24px !important;\n  cursor: pointer !important;\n  transition: all 0.22s !important;\n  text-transform: none !important;\n  letter-spacing: 0.02em !important;\n  box-shadow: none !important;\n}\n.faq-load-more:hover,\n.faq-load-more:focus {\n  background: var(--navy) !important;\n  background-color: var(--navy) !important;\n  color: var(--white) !important;\n}\n.faq-load-more[hidden] { display: none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\n.fade-up { opacity:1 !important; }\n.d1{animation-delay:0.1s} .d2{animation-delay:0.22s} .d3{animation-delay:0.34s} .d4{animation-delay:0.46s}\n.reveal { opacity:1 !important; transform:none !important; }\n.reveal.visible { opacity:1 !important; transform:none !important; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1024px) {\n  .integrations-grid { grid-template-columns:repeat(3,1fr); }\n  .comparison-layout { grid-template-columns:1fr; }\n  .comparison-narrative { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; }\n}\n@media (max-width:860px) {\n  .hero-inner      { grid-template-columns:1fr; }\n  .hero-image      { display:none; }\n  .hero-content    { padding-bottom:4rem; }\n  .platform-grid   { grid-template-columns:1fr 1fr; }\n  .benefits-split  { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr 1fr; }\n  .analytics-inner { grid-template-columns:1fr; }\n  .sensors-inner   { grid-template-columns:1fr; }\n  .hw-sec-grid     { grid-template-columns:1fr; gap:3rem; }\n  .success-inner   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr 1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .ceo-inner       { grid-template-columns:1fr; text-align:center; }\n  .ceo-photo       { width:160px; height:160px; margin:0 auto; }\n  .testi-card      { flex:0 0 calc(80% - 0.75rem); }\n  .comparison-features { grid-template-columns:1fr; }\n}\n@media (max-width:600px) {\n  .section { padding:4rem 0; }\n  h1 { font-size:2.1rem; }\n  h2 { font-size:1.55rem; }\n  .platform-grid   { grid-template-columns:1fr; }\n  .features-grid   { grid-template-columns:1fr; }\n  .industries-grid { grid-template-columns:1fr; }\n  .integrations-grid { grid-template-columns:repeat(2,1fr); }\n  .testi-card      { flex:0 0 calc(92% - 0.75rem); }\n  .success-stats   { grid-template-columns:1fr; }\n  .comparison-narrative { grid-template-columns:1fr; }\n  .omr-band-inner  { flex-direction:column; text-align:center; }\n}\n<\/style>\n<\/head>\n<body>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is LIZ Smart Office?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"LIZ Smart Office is a workspace management software for hybrid working environments. Companies use it to manage desks, meeting rooms, parking, lockers, visitors, and workplace analytics in one central platform.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is LIZ Smart Office just a desk booking software?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"No. Desk booking is one feature of LIZ Smart Office. The platform supports complete workspace management with room booking, parking booking, locker booking, visitor management, analytics, and integrations.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Which companies is LIZ Smart Office suitable for?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"LIZ Smart Office is suitable for companies that want to professionally organize hybrid work, flexible desks, and modern office spaces. It's especially relevant for companies with multiple locations, shared desks, or complex office structures.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Which resources can be booked with LIZ?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"With LIZ Smart Office, desks, meeting rooms, parking spaces, and lockers can be booked and managed. LIZ also supports visitor processes and workplace analytics.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Does LIZ Smart Office support Microsoft 365?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. LIZ Smart Office supports integrations with Microsoft 365, Outlook, and Microsoft Teams. This allows booking processes to be integrated into existing workflows.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What is Workplace Analytics in LIZ Smart Office?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Workplace Analytics shows how office spaces and resources are being used. Companies can identify utilization, booking behavior, no-shows, and optimization potential.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is LIZ Smart Office GDPR compliant?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. LIZ Smart Office supports GDPR-compliant processes, secure authentication, and role-based permissions. The platform is ISO 27001 certified and hosted in Germany.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can sensors be added later?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. LIZ Smart Office works fully without any hardware. Sensors such as meeting room displays, desk sensors, or locker systems can be added optionally at any time, even retroactively.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is there personal support during rollout?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. Companies receive personal support through Customer Success, including onboarding, setup, adjustments, and regular check-ins.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Why should companies use LIZ Smart Office?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Companies use LIZ Smart Office to organize hybrid work more easily, make better use of office space, give employees more transparency, and make data-driven decisions for their workplace.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n<section class=\"faq section\" id=\"faq\" aria-labelledby=\"faq-heading\">\n  <div class=\"container\">\n    <div class=\"faq-inner\">\n      <div class=\"faq-header\">\n        <span class=\"eyebrow\">FAQ<\/span>\n        <h2 id=\"faq-heading\">FREQUENTLY ASKED QUESTIONS ABOUT LIZ SMART OFFICE<\/h2>\n      <\/div>\n\n      <!-- FAQ items: div-based accordion, always in DOM for crawlers -->\n      <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-a-1\" onclick=\"faqToggle(this)\">\n          <span itemprop=\"name\">What is LIZ Smart Office?<\/span>\n          <span class=\"faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"faq-a\" id=\"faq-a-1\" hidden itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <p itemprop=\"text\">LIZ Smart Office is a workspace management software for hybrid working environments. Companies use it to manage desks, meeting rooms, parking, lockers, visitors, and workplace analytics in one central platform.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-a-2\" onclick=\"faqToggle(this)\">\n          <span itemprop=\"name\">Is LIZ Smart Office just a desk booking software?<\/span>\n          <span class=\"faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"faq-a\" id=\"faq-a-2\" hidden itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <p itemprop=\"text\">No. Desk booking is one feature of LIZ Smart Office. The platform is much broader and supports complete workspace management with room booking, parking booking, locker booking, visitor management, analytics, and integrations.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-a-3\" onclick=\"faqToggle(this)\">\n          <span itemprop=\"name\">Which companies is LIZ Smart Office suitable for?<\/span>\n          <span class=\"faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"faq-a\" id=\"faq-a-3\" hidden itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <p itemprop=\"text\">LIZ Smart Office is suitable for companies that want to professionally organize hybrid work, flexible desks, and modern office spaces. The software is especially relevant for companies with multiple locations, shared desks, or complex office structures.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-a-4\" onclick=\"faqToggle(this)\">\n          <span itemprop=\"name\">Which resources can be booked with LIZ?<\/span>\n          <span class=\"faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"faq-a\" id=\"faq-a-4\" hidden itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <p itemprop=\"text\">With LIZ Smart Office, desks, meeting rooms, parking spaces, and lockers can be booked and managed. LIZ also supports visitor processes and workplace analytics.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-a-5\" onclick=\"faqToggle(this)\">\n          <span itemprop=\"name\">Does LIZ Smart Office support Microsoft 365?<\/span>\n          <span class=\"faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"faq-a\" id=\"faq-a-5\" hidden itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <p itemprop=\"text\">Yes. LIZ Smart Office supports integrations with Microsoft 365, Outlook, and Microsoft Teams. This allows booking processes to be integrated into existing workflows.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Items 6\u201310: hidden visually but ALWAYS in DOM for crawlers \/ schema -->\n      <div class=\"faq-item faq-hidden\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-a-6\" onclick=\"faqToggle(this)\">\n          <span itemprop=\"name\">What is Workplace Analytics?<\/span>\n          <span class=\"faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"faq-a\" id=\"faq-a-6\" hidden itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <p itemprop=\"text\">Workplace Analytics shows how office spaces and resources are being used. Companies can identify utilization, booking behavior, no-shows, and optimization potential.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item faq-hidden\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-a-7\" onclick=\"faqToggle(this)\">\n          <span itemprop=\"name\">Is LIZ Smart Office GDPR compliant?<\/span>\n          <span class=\"faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"faq-a\" id=\"faq-a-7\" hidden itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <p itemprop=\"text\">Yes. LIZ Smart Office was built for use in businesses and supports GDPR-compliant processes, secure authentication, and role-based permissions. The platform is ISO 27001 certified and hosted in Germany.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item faq-hidden\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-a-8\" onclick=\"faqToggle(this)\">\n          <span itemprop=\"name\">Can sensors be added later?<\/span>\n          <span class=\"faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"faq-a\" id=\"faq-a-8\" hidden itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <p itemprop=\"text\">Yes. LIZ Smart Office works fully without any hardware. Sensors such as meeting room displays, desk sensors, or locker systems can be added optionally at any time, even retroactively.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item faq-hidden\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-a-9\" onclick=\"faqToggle(this)\">\n          <span itemprop=\"name\">Is there personal support during rollout?<\/span>\n          <span class=\"faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"faq-a\" id=\"faq-a-9\" hidden itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <p itemprop=\"text\">Yes. Companies using LIZ Smart Office receive personal support through Customer Success, including onboarding, setup, adjustments, and regular check-ins.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item faq-hidden\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\">\n        <button class=\"faq-q\" aria-expanded=\"false\" aria-controls=\"faq-a-10\" onclick=\"faqToggle(this)\">\n          <span itemprop=\"name\">Why should companies use LIZ Smart Office?<\/span>\n          <span class=\"faq-toggle\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"faq-a\" id=\"faq-a-10\" hidden itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\">\n          <p itemprop=\"text\">Companies use LIZ Smart Office to organize hybrid work more easily, make better use of office space, give employees more transparency, and make data-driven decisions for their workplace.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Load more button \u2014 hidden once all are shown -->\n      <div class=\"faq-load-more-wrap\">\n        <button class=\"faq-load-more\" id=\"faqLoadMore\" onclick=\"faqLoadMore()\" aria-label=\"Show more questions\">\n          Show more questions\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nfunction faqToggle(btn) {\n  var targetId = btn.getAttribute('aria-controls');\n  var answer = document.getElementById(targetId);\n  var toggle = btn.querySelector('.faq-toggle');\n  var isOpen = btn.getAttribute('aria-expanded') === 'true';\n  if (isOpen) {\n    answer.hidden = true;\n    btn.setAttribute('aria-expanded', 'false');\n    toggle.textContent = '+';\n  } else {\n    answer.hidden = false;\n    btn.setAttribute('aria-expanded', 'true');\n    toggle.textContent = '\u00d7';\n  }\n}\n\nfunction faqLoadMore() {\n  var hidden = document.querySelectorAll('.faq-item.faq-hidden:not(.faq-visible)');\n  hidden.forEach(function(item) {\n    item.classList.add('faq-visible');\n  });\n  \/\/ Hide the load more button once all are shown\n  var btn = document.getElementById('faqLoadMore');\n  if (btn) btn.hidden = true;\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-16bb73a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"16bb73a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-865f247\" data-id=\"865f247\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2fe9d37 elementor-widget elementor-widget-template\" data-id=\"2fe9d37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"section\" data-elementor-id=\"33993\" class=\"elementor elementor-33993\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f965d3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4f965d3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ea5ecef liz-img\" data-id=\"ea5ecef\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e5ac6cd elementor-widget elementor-widget-image\" data-id=\"e5ac6cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Kontakt_Form-1024x1024.png\" class=\"attachment-large size-large wp-image-35307\" alt=\"LIZ_Kontakt_Form\" srcset=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Kontakt_Form-1024x1024.png 1024w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Kontakt_Form-300x300.png 300w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Kontakt_Form-150x150.png 150w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Kontakt_Form-768x768.png 768w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Kontakt_Form-1536x1536.png 1536w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Kontakt_Form-2048x2048.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fad2753 elementor-widget elementor-widget-spacer\" data-id=\"fad2753\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-949d49c\" data-id=\"949d49c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-199473e elementor-button-align-start elementor-widget elementor-widget-form\" data-id=\"199473e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;N\\u00e4chster&quot;,&quot;step_previous_label&quot;:&quot;Voriger&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" id=\"footer_form_7_lead_eng\" name=\"Form 7 new\" aria-label=\"Form 7 new\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"33993\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"199473e\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"#1 Desk sharing App  | Hybrides Arbeiten leicht gemacht | LIZ Smart Office\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-60 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Name*\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-email elementor-col-60 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Company*\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-message elementor-col-60 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[message]\" id=\"form-field-message\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Business E-Mail*\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_577ccac elementor-col-60 elementor-field-required\">\n\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_577ccac]\" id=\"form-field-field_577ccac\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Phone number*\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-field_1225f7e elementor-col-60\">\n\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-md\" name=\"form_fields[field_1225f7e]\" id=\"form-field-field_1225f7e\" rows=\"3\" placeholder=\"Your questions\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-frcaptcha elementor-field-group elementor-column elementor-field-group-field_b425a57 elementor-col-60\">\n\t\t\t\t\t<div class=\"frc-captcha \" data-sitekey=\"FCMGCG6E802T0B91\" data-lang=\"en\" ><\/div>\n\t\t<noscript>You need to enable Javascript for the anti-spam check.<\/noscript><style>.frc-captcha {max-width: 100%; width:100%}<\/style><input type=\"frcaptcha text\" name=\"form_fields[field_b425a57]\" id=\"form-field-field_b425a57\" class=\"elementor-field elementor-size-md \" style=\"display: none\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text\">\n\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_3b36153]\" id=\"form-field-field_3b36153\" class=\"elementor-field elementor-size-md \" style=\"display:none !important;\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">BOOK DEMO<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9108efe elementor-widget elementor-widget-text-editor\" data-id=\"9108efe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a style=\"color: white;\" href=\"https:\/\/www.liz.solutions\/en\/privacy-policy\/\">By clicking on the link above, you accept our terms and conditions and privacy policy.<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dc1fd6 elementor-widget elementor-widget-spacer\" data-id=\"3dc1fd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fb293b2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fb293b2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ae9a5c\" data-id=\"4ae9a5c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9858205 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9858205\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-bae8ecd\" data-id=\"bae8ecd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-86e05b4 elementor-widget elementor-widget-spacer\" data-id=\"86e05b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ade3cb2 elementor-widget elementor-widget-heading\" data-id=\"ade3cb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><b>BLOG<\/b><\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-518ce8f elementor-widget elementor-widget-text-editor\" data-id=\"518ce8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"scrollable\"><div class=\"comment-body__messages\" role=\"list\" aria-label=\"Comments\"><div id=\"comment-message-1031239500211\" class=\"comment-move-stop thread-container comment-message\"><div class=\"comment-message__a11y-content-wrapper\" tabindex=\"-1\" role=\"listitem\" aria-label=\"Danielle Lopez, Today, 16:00, BLOG The latest blogs and insights into the world of the smart office\"><div class=\"comment-message__content-wrapper\"><div class=\"comment-message__content\"><div class=\"stop-textarea-click-1031239500211 ui-directive ui-textarea\" data-mentions-position=\"comment\"><div class=\"ui-textarea__view editable\"><span class=\"c-bCfIwd c-bCfIwd-ifZLwXq-css\">The latest blogs and insights into the world of the hybrid working.<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc7ab20 elementor-align-left elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"fc7ab20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.liz.solutions\/en\/blog\/\" id=\"button_blog_eng\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ALL BLOGS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-d02ad4f\" data-id=\"d02ad4f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7bf3a4a premium-blog__carousel-yes premium-blog-align-left elementor-widget elementor-widget-premium-addon-blog\" data-id=\"7bf3a4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;force_height&quot;:&quot;true&quot;,&quot;premium_blog_columns_number_tablet&quot;:&quot;100%&quot;,&quot;premium_blog_carousel&quot;:&quot;yes&quot;,&quot;premium_blog_carousel_play&quot;:&quot;yes&quot;,&quot;premium_blog_carousel_dots&quot;:&quot;yes&quot;,&quot;premium_blog_carousel_spacing&quot;:15,&quot;premium_blog_grid&quot;:&quot;yes&quot;,&quot;premium_blog_layout&quot;:&quot;even&quot;,&quot;premium_blog_columns_number&quot;:&quot;50%&quot;,&quot;premium_blog_columns_number_mobile&quot;:&quot;100%&quot;,&quot;premium_blog_carousel_autoplay_speed&quot;:5000,&quot;carousel_speed&quot;:300}\" data-widget_type=\"premium-addon-blog.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\n\n\t\t\t\t<div class=\"premium-blog-wrap  premium-blog-even premium-carousel-hidden\" data-page=\"16289\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"3\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-classic\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1172\" height=\"1054\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2024\/04\/Screenshot-2023-04-25-at-13.15.03.png\" class=\"attachment-full size-full wp-image-32044\" alt=\"Hybrides Meeting\" srcset=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2024\/04\/Screenshot-2023-04-25-at-13.15.03.png 1172w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2024\/04\/Screenshot-2023-04-25-at-13.15.03-300x270.png 300w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2024\/04\/Screenshot-2023-04-25-at-13.15.03-1024x921.png 1024w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2024\/04\/Screenshot-2023-04-25-at-13.15.03-768x691.png 768w\" sizes=\"(max-width: 1172px) 100vw, 1172px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-overlay\">\n\t\t\t\t\t\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/www.liz.solutions\/en\/fostering-hybrid-team-collaboration-why-modern-workplace-planning-is-key-to-business-success\/\" target=\"_blank\"><\/a>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/www.liz.solutions\/en\/fostering-hybrid-team-collaboration-why-modern-workplace-planning-is-key-to-business-success\/\" target=\"_blank\">\n\t\t\t\tFostering Hybrid Team Collaboration: Why Modern Workplace Planning Is Key to Business Success\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"3\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-classic\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1376\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/07\/bernd-dittrich-pYlBAu3de0w-unsplash-scaled.jpg\" class=\"attachment-full size-full wp-image-37420\" alt=\"Empty modern office\" srcset=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/07\/bernd-dittrich-pYlBAu3de0w-unsplash-scaled.jpg 2560w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/07\/bernd-dittrich-pYlBAu3de0w-unsplash-300x161.jpg 300w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/07\/bernd-dittrich-pYlBAu3de0w-unsplash-1024x550.jpg 1024w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/07\/bernd-dittrich-pYlBAu3de0w-unsplash-768x413.jpg 768w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/07\/bernd-dittrich-pYlBAu3de0w-unsplash-1536x826.jpg 1536w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/07\/bernd-dittrich-pYlBAu3de0w-unsplash-2048x1101.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-overlay\">\n\t\t\t\t\t\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/www.liz.solutions\/en\/avoiding-ghost-bookings-how-companies-can-improve-workplace-utilization\/\" target=\"_blank\"><\/a>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/www.liz.solutions\/en\/avoiding-ghost-bookings-how-companies-can-improve-workplace-utilization\/\" target=\"_blank\">\n\t\t\t\tAvoiding Ghost Bookings: How Companies Can Improve Workplace Utilization\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"3\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-classic\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Home_Parking_Imac-scaled.png\" class=\"attachment-full size-full wp-image-35227\" alt=\"Parkplatz buchen \u00fcber den LIZ Booker am iMac\" srcset=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Home_Parking_Imac-scaled.png 2560w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Home_Parking_Imac-300x200.png 300w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Home_Parking_Imac-1024x683.png 1024w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Home_Parking_Imac-768x512.png 768w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Home_Parking_Imac-1536x1024.png 1536w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Home_Parking_Imac-2048x1365.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-overlay\">\n\t\t\t\t\t\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/www.liz.solutions\/en\/finding-a-fair-solution-to-the-shortage-of-car-park-spaces-at-work\/\" target=\"_blank\"><\/a>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/www.liz.solutions\/en\/finding-a-fair-solution-to-the-shortage-of-car-park-spaces-at-work\/\" target=\"_blank\">\n\t\t\t\tFinding a fair solution to the shortage of car park spaces at work\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"3\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-classic\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/05\/multi-screens1-green-scaled.png\" class=\"attachment-full size-full wp-image-35963\" alt=\"Workplace Analytics Software von LIZ Smart Office auf verschiedenen Ger\u00e4ten mit Dashboard f\u00fcr B\u00fcroauslastung, Arbeitsplatzbuchung und Hybrid Work Analytics.\" srcset=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/05\/multi-screens1-green-scaled.png 2560w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/05\/multi-screens1-green-300x200.png 300w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/05\/multi-screens1-green-1024x683.png 1024w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/05\/multi-screens1-green-768x512.png 768w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/05\/multi-screens1-green-1536x1024.png 1536w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/05\/multi-screens1-green-2048x1365.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-overlay\">\n\t\t\t\t\t\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/www.liz.solutions\/en\/change-management-in-desk-sharing-implementation-how-to-make-workplace-transformation-a-success\/\" target=\"_blank\"><\/a>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/www.liz.solutions\/en\/change-management-in-desk-sharing-implementation-how-to-make-workplace-transformation-a-success\/\" target=\"_blank\">\n\t\t\t\tChange Management in Desk-Sharing Implementation: How to Make Workplace Transformation a Success\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<div class=\"premium-blog-post-outer-container\" data-total=\"3\">\n\t\t\t<div class=\"premium-blog-post-container premium-blog-skin-classic\">\n\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumb-effect-wrapper\">\n\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-container premium-blog-none-effect\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/rodeo-project-management-software-lPP1ns8krX8-unsplash-scaled.jpg\" class=\"attachment-full size-full wp-image-36465\" alt=\"Ein modernes B\u00fcro mit PC Ausstattung, Pflanzen und einem modernen Design. In der Mitte ist ein Mann, der verschwommen ist und im B\u00fcro l\u00e4uft\" srcset=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/rodeo-project-management-software-lPP1ns8krX8-unsplash-scaled.jpg 2560w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/rodeo-project-management-software-lPP1ns8krX8-unsplash-300x200.jpg 300w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/rodeo-project-management-software-lPP1ns8krX8-unsplash-1024x683.jpg 1024w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/rodeo-project-management-software-lPP1ns8krX8-unsplash-768x512.jpg 768w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/rodeo-project-management-software-lPP1ns8krX8-unsplash-1536x1024.jpg 1536w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/06\/rodeo-project-management-software-lPP1ns8krX8-unsplash-2048x1365.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-thumbnail-overlay\">\n\t\t\t\t\t\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/www.liz.solutions\/en\/return-to-office-strategies-what-really-works\/\" target=\"_blank\"><\/a>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-blog-content-wrapper \">\n\n\t\t\t\t\t<div class=\"premium-blog-inner-container\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"premium-blog-entry-title\">\n\t\t\t<a href=\"https:\/\/www.liz.solutions\/en\/return-to-office-strategies-what-really-works\/\" target=\"_blank\">\n\t\t\t\tReturn-to-office strategies: What really works\t\t\t<\/a>\n\t\t<\/p>\n\t\t\t\t<div class=\"premium-blog-entry-meta\">\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-883ba71 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"883ba71\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b065379\" data-id=\"b065379\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-0f5d1c6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0f5d1c6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-adbbae2\" data-id=\"adbbae2\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-902dfea elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"902dfea\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-791d98a\" data-id=\"791d98a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-73c90b7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"73c90b7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c54df80\" data-id=\"c54df80\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bf6c701 elementor-widget elementor-widget-image\" data-id=\"bf6c701\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"454\" src=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Newsletter-1024x581.jpg\" class=\"attachment-large size-large wp-image-35313\" alt=\"Zettel \u00fcberreichen im Office\" srcset=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Newsletter-1024x581.jpg 1024w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Newsletter-300x170.jpg 300w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Newsletter-768x436.jpg 768w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Newsletter-1536x872.jpg 1536w, https:\/\/www.liz.solutions\/wp-content\/uploads\/2026\/03\/LIZ_Newsletter.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c5ab797\" data-id=\"c5ab797\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-234d11e elementor-widget elementor-widget-heading\" data-id=\"234d11e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\"><b>ARE YOU READY TO GO HYBRID?<\/b><\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa9c1d9 elementor-widget elementor-widget-text-editor\" data-id=\"fa9c1d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Join our monthly newsletter for hybrid working\u00a0 trailblazers and receive the latest stories, news, and insights directly to your inbox.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-916ade9 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"916ade9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;N\\u00e4chster&quot;,&quot;step_previous_label&quot;:&quot;Voriger&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" id=\"footer_newsletter_eng\" name=\"ENG Form 7 Newsletter\" aria-label=\"ENG Form 7 Newsletter\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"16289\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"916ade9\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"#1 Desk sharing App  | Hybrides Arbeiten leicht gemacht | LIZ Smart Office\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[message]\" id=\"form-field-message\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Your e-mail address*\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SUBSCRIBE<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccd6f14 elementor-widget elementor-widget-text-editor\" data-id=\"ccd6f14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.liz.solutions\/en\/privacy-policy\/\" style=\"color: #090c54;\">By clicking on the link above, you accept our terms and conditions and privacy policy.\n.<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-34c8a07 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"34c8a07\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20b94d4\" data-id=\"20b94d4\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-0b86bc3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0b86bc3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-69aeba8\" data-id=\"69aeba8\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Workspace Management Software WORKSPACE MANAGEMENT FOR MODERN BUSINESSES LIZ Smart Office is a workspace management platform from Germany for hybrid working environments. Desks, meeting rooms, parking, lockers, visitors, and workplace analytics \u2014 all in one central software. Request a Demo Explore the Platform Made in Germany \u00b7 GDPR Compliant \u00b7 ISO 27001 \u00b7 Microsoft 365 [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":24107,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-16289","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v28.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hybrid working optimised: LIZ Smart Office for efficient office design<\/title>\n<meta name=\"description\" content=\"Focus on hybrid working at you company, the future of working: experience freedom and productivity. Test it now for free!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.liz.solutions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"LIZ Home page\" \/>\n<meta property=\"og:description\" content=\"Focus on hybrid working at you company, the future of working: experience freedom and productivity. Test it now for free!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.liz.solutions\/\" \/>\n<meta property=\"og:site_name\" content=\"#1 Desk sharing App | Hybrides Arbeiten leicht gemacht | LIZ Smart Office\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/m.facebook.com\/Liz_smartoffice\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-22T07:09:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.liz.solutions\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-16-at-09.21.29-1024x893.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"893\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"40 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/\",\"url\":\"https:\\\/\\\/www.liz.solutions\\\/\",\"name\":\"Hybrid working optimised: LIZ Smart Office for efficient office design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.liz.solutions\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/Screenshot-2023-05-16-at-09.21.29.png\",\"datePublished\":\"2023-02-11T12:41:40+00:00\",\"dateModified\":\"2026-06-22T07:09:54+00:00\",\"description\":\"Focus on hybrid working at you company, the future of working: experience freedom and productivity. Test it now for free!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.liz.solutions\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.liz.solutions\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/Screenshot-2023-05-16-at-09.21.29.png\",\"contentUrl\":\"https:\\\/\\\/www.liz.solutions\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/Screenshot-2023-05-16-at-09.21.29.png\",\"width\":1620,\"height\":1412,\"caption\":\"LIZ Smart Office | Hybrid Working | LIZ Booker\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.liz.solutions\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LIZ Home page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/#website\",\"url\":\"https:\\\/\\\/www.liz.solutions\\\/\",\"name\":\"#1 Desk sharing App | Hybrides Arbeiten leicht gemacht | LIZ Smart Office\",\"description\":\"Wir erm\u00f6glichen jedem Unternehmen Hybrides-Arbeiten\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.liz.solutions\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/#organization\",\"name\":\"LIZ Smart Office GmbH\",\"url\":\"https:\\\/\\\/www.liz.solutions\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.liz.solutions\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Untitled-design.svg\",\"contentUrl\":\"https:\\\/\\\/www.liz.solutions\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Untitled-design.svg\",\"width\":84,\"height\":67,\"caption\":\"LIZ Smart Office GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/www.liz.solutions\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/m.facebook.com\\\/Liz_smartoffice\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/20145191\\\/admin\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCvMYAM_AcMCPbqBQi18znLQ\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hybrid working optimised: LIZ Smart Office for efficient office design","description":"Focus on hybrid working at you company, the future of working: experience freedom and productivity. Test it now for free!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.liz.solutions\/","og_locale":"en_US","og_type":"article","og_title":"LIZ Home page","og_description":"Focus on hybrid working at you company, the future of working: experience freedom and productivity. Test it now for free!","og_url":"https:\/\/www.liz.solutions\/","og_site_name":"#1 Desk sharing App | Hybrides Arbeiten leicht gemacht | LIZ Smart Office","article_publisher":"https:\/\/m.facebook.com\/Liz_smartoffice\/","article_modified_time":"2026-06-22T07:09:54+00:00","og_image":[{"width":1024,"height":893,"url":"https:\/\/www.liz.solutions\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-16-at-09.21.29-1024x893.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"40 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.liz.solutions\/","url":"https:\/\/www.liz.solutions\/","name":"Hybrid working optimised: LIZ Smart Office for efficient office design","isPartOf":{"@id":"https:\/\/www.liz.solutions\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.liz.solutions\/#primaryimage"},"image":{"@id":"https:\/\/www.liz.solutions\/#primaryimage"},"thumbnailUrl":"https:\/\/www.liz.solutions\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-16-at-09.21.29.png","datePublished":"2023-02-11T12:41:40+00:00","dateModified":"2026-06-22T07:09:54+00:00","description":"Focus on hybrid working at you company, the future of working: experience freedom and productivity. Test it now for free!","breadcrumb":{"@id":"https:\/\/www.liz.solutions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.liz.solutions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.liz.solutions\/#primaryimage","url":"https:\/\/www.liz.solutions\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-16-at-09.21.29.png","contentUrl":"https:\/\/www.liz.solutions\/wp-content\/uploads\/2023\/05\/Screenshot-2023-05-16-at-09.21.29.png","width":1620,"height":1412,"caption":"LIZ Smart Office | Hybrid Working | LIZ Booker"},{"@type":"BreadcrumbList","@id":"https:\/\/www.liz.solutions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.liz.solutions\/"},{"@type":"ListItem","position":2,"name":"LIZ Home page"}]},{"@type":"WebSite","@id":"https:\/\/www.liz.solutions\/#website","url":"https:\/\/www.liz.solutions\/","name":"#1 Desk sharing App | Hybrides Arbeiten leicht gemacht | LIZ Smart Office","description":"Wir erm\u00f6glichen jedem Unternehmen Hybrides-Arbeiten","publisher":{"@id":"https:\/\/www.liz.solutions\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.liz.solutions\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.liz.solutions\/#organization","name":"LIZ Smart Office GmbH","url":"https:\/\/www.liz.solutions\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.liz.solutions\/#\/schema\/logo\/image\/","url":"https:\/\/www.liz.solutions\/wp-content\/uploads\/2021\/07\/Untitled-design.svg","contentUrl":"https:\/\/www.liz.solutions\/wp-content\/uploads\/2021\/07\/Untitled-design.svg","width":84,"height":67,"caption":"LIZ Smart Office GmbH"},"image":{"@id":"https:\/\/www.liz.solutions\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/m.facebook.com\/Liz_smartoffice\/","https:\/\/www.linkedin.com\/company\/20145191\/admin\/","https:\/\/www.youtube.com\/channel\/UCvMYAM_AcMCPbqBQi18znLQ"]}]}},"_links":{"self":[{"href":"https:\/\/www.liz.solutions\/en\/wp-json\/wp\/v2\/pages\/16289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.liz.solutions\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.liz.solutions\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.liz.solutions\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.liz.solutions\/en\/wp-json\/wp\/v2\/comments?post=16289"}],"version-history":[{"count":11,"href":"https:\/\/www.liz.solutions\/en\/wp-json\/wp\/v2\/pages\/16289\/revisions"}],"predecessor-version":[{"id":37348,"href":"https:\/\/www.liz.solutions\/en\/wp-json\/wp\/v2\/pages\/16289\/revisions\/37348"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.liz.solutions\/en\/wp-json\/wp\/v2\/media\/24107"}],"wp:attachment":[{"href":"https:\/\/www.liz.solutions\/en\/wp-json\/wp\/v2\/media?parent=16289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}