{"id":10420,"date":"2026-07-29T13:30:33","date_gmt":"2026-07-29T11:30:33","guid":{"rendered":"https:\/\/snvsolutions.ch\/?page_id=10420"},"modified":"2026-07-30T09:22:07","modified_gmt":"2026-07-30T07:22:07","slug":"utos","status":"publish","type":"page","link":"https:\/\/snvsolutions.ch\/utos\/","title":{"rendered":"UTOS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10420\" class=\"elementor elementor-10420\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5ce0e6 e-con e-atomic-element e-flexbox-base e-29e5e6b \" data-id=\"d5ce0e6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5ce0e6\">\n    \t\t<div class=\"elementor-element elementor-element-e396ad2 elementor-widget elementor-widget-html\" data-id=\"e396ad2\" 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<!--\r\nUTOS \u2013 \u00dcberblick | Elementor HTML Widget | Deutsch\r\nVersion: 4.0 | 2026-07-29\r\n\r\nVOR VER\u00d6FFENTLICHUNG PR\u00dcFEN:\r\n1. \/de\/utos\/funktionen\/\r\n2. \/de\/utos\/loesungen\/\r\n3. \/de\/utos\/preise\/\r\n4. \/de\/utos\/demo-buchen\/\r\n5. E-Mail-Adresse utos@snvsolutions.ch erstellen oder im Code ersetzen.\r\n6. Tempor\u00e4res Unsplash-Foto durch ein eigenes SNV-\/UTOS-Bild ersetzen.\r\n7. Das echte UTOS Dashboard-Bild unter dem angegebenen Dateinamen in die Mediathek hochladen.\r\n\r\nELEMENTOR:\r\n- Diese Datei vollst\u00e4ndig in EIN Elementor-HTML-Widget kopieren.\r\n- \u00dcbergeordnete Elementor-Sektion auf \u201eVolle Breite\u201c stellen.\r\n- Innenabstand der Elementor-Sektion auf 0 setzen.\r\n-->\r\n\r\n<style>\r\n  .utos-page,\r\n  .utos-page * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .utos-page {\r\n    --utos-navy: #082250;\r\n    --utos-navy-2: #0c2d67;\r\n    --utos-blue: #2f6fe4;\r\n    --utos-blue-dark: #1e56bd;\r\n    --utos-blue-soft: #eaf1ff;\r\n    --utos-ink: #172033;\r\n    --utos-muted: #5e6a7d;\r\n    --utos-soft: #f5f8fc;\r\n    --utos-soft-2: #eef3f9;\r\n    --utos-line: #dce5f0;\r\n    --utos-white: #ffffff;\r\n    --utos-success: #238566;\r\n    --utos-warning: #b9781a;\r\n    --utos-radius-sm: 14px;\r\n    --utos-radius: 22px;\r\n    --utos-radius-lg: 32px;\r\n    --utos-shadow-sm: 0 10px 30px rgba(8, 34, 80, 0.08);\r\n    --utos-shadow: 0 24px 70px rgba(8, 34, 80, 0.14);\r\n    width: 100%;\r\n    overflow-x: clip;\r\n    overflow-y: visible;\r\n    color: var(--utos-ink);\r\n    background: var(--utos-white);\r\n    font-family: inherit;\r\n    font-size: 18px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .utos-page a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .utos-page img {\r\n    display: block;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .utos-page button {\r\n    font: inherit;\r\n  }\r\n\r\n  .utos-section {\r\n    position: relative;\r\n    padding: 96px 24px;\r\n  }\r\n\r\n  .utos-section--soft {\r\n    background: var(--utos-soft);\r\n  }\r\n\r\n  .utos-section--navy {\r\n    color: var(--utos-white);\r\n    background:\r\n      radial-gradient(circle at 15% 10%, rgba(73, 133, 255, 0.24), transparent 34%),\r\n      radial-gradient(circle at 88% 82%, rgba(73, 133, 255, 0.16), transparent 31%),\r\n      linear-gradient(135deg, var(--utos-navy) 0%, #061a3b 100%);\r\n  }\r\n\r\n  .utos-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1220px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .utos-container--narrow {\r\n    width: min(900px, 100%);\r\n  }\r\n\r\n  .utos-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin: 0 0 18px;\r\n    color: var(--utos-blue);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .utos-eyebrow::before {\r\n    content: \"\";\r\n    width: 24px;\r\n    height: 2px;\r\n    border-radius: 999px;\r\n    background: currentColor;\r\n  }\r\n\r\n  .utos-section--navy .utos-eyebrow {\r\n    color: #9ec0ff;\r\n  }\r\n\r\n  .utos-kicker {\r\n    margin: 0 0 14px;\r\n    color: var(--utos-blue);\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.04em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .utos-page h1,\r\n  .utos-page h2,\r\n  .utos-page h3 {\r\n    margin-top: 0;\r\n    color: var(--utos-navy);\r\n    font-family: \"Cardo\", Georgia, \"Times New Roman\", serif;\r\n    font-weight: 700;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.025em;\r\n  }\r\n\r\n  .utos-page h1 {\r\n    max-width: 760px;\r\n    margin-bottom: 24px;\r\n    font-size: clamp(42px, 5vw, 68px);\r\n  }\r\n\r\n  .utos-page h2 {\r\n    margin-bottom: 22px;\r\n    font-size: clamp(34px, 4vw, 50px);\r\n  }\r\n\r\n  .utos-page h3 {\r\n    margin-bottom: 12px;\r\n    font-size: 25px;\r\n  }\r\n\r\n  .utos-section--navy h1,\r\n  .utos-section--navy h2,\r\n  .utos-section--navy h3 {\r\n    color: var(--utos-white);\r\n  }\r\n\r\n  .utos-lead {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    color: var(--utos-muted);\r\n    font-size: clamp(19px, 2vw, 22px);\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .utos-section--navy .utos-lead {\r\n    color: rgba(255, 255, 255, 0.78);\r\n  }\r\n\r\n  .utos-center {\r\n    text-align: center;\r\n  }\r\n\r\n  .utos-center .utos-eyebrow {\r\n    justify-content: center;\r\n  }\r\n\r\n  .utos-center .utos-lead {\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n  }\r\n\r\n  .utos-grid {\r\n    display: grid;\r\n    gap: 24px;\r\n  }\r\n\r\n  .utos-grid--2 {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .utos-grid--3 {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  .utos-grid--4 {\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  }\r\n\r\n  .utos-btn-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    margin-top: 34px;\r\n  }\r\n\r\n  .utos-btn {\r\n    display: inline-flex;\r\n    min-height: 52px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 13px 22px;\r\n    border: 1px solid transparent;\r\n    border-radius: 12px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;\r\n  }\r\n\r\n  .utos-btn:hover {\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .utos-btn--primary {\r\n    color: var(--utos-white) !important;\r\n    background: var(--utos-blue);\r\n    box-shadow: 0 12px 26px rgba(47, 111, 228, 0.26);\r\n  }\r\n\r\n  .utos-btn--primary:hover {\r\n    background: var(--utos-blue-dark);\r\n    box-shadow: 0 16px 30px rgba(47, 111, 228, 0.32);\r\n  }\r\n\r\n  .utos-btn--secondary {\r\n    color: var(--utos-navy) !important;\r\n    border-color: var(--utos-line);\r\n    background: var(--utos-white);\r\n  }\r\n\r\n  .utos-btn--secondary:hover {\r\n    border-color: #b9cae0;\r\n    box-shadow: var(--utos-shadow-sm);\r\n  }\r\n\r\n  .utos-btn--light {\r\n    color: var(--utos-navy) !important;\r\n    background: var(--utos-white);\r\n    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);\r\n  }\r\n\r\n  .utos-btn--ghost-light {\r\n    color: var(--utos-white) !important;\r\n    border-color: rgba(255, 255, 255, 0.32);\r\n    background: rgba(255, 255, 255, 0.06);\r\n  }\r\n\r\n  .utos-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  \/* Hero *\/\r\n  .utos-hero {\r\n    position: relative;\r\n    min-height: 720px;\r\n    display: flex;\r\n    align-items: center;\r\n    color: var(--utos-white);\r\n    background:\r\n      radial-gradient(circle at 12% 20%, rgba(63, 125, 255, 0.25), transparent 30%),\r\n      radial-gradient(circle at 92% 10%, rgba(84, 145, 255, 0.20), transparent 28%),\r\n      linear-gradient(135deg, #071b3e 0%, var(--utos-navy) 48%, #0a306b 100%);\r\n  }\r\n\r\n  .utos-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    opacity: 0.18;\r\n    background-image: radial-gradient(rgba(255, 255, 255, 0.65) 0.8px, transparent 0.8px);\r\n    background-size: 24px 24px;\r\n    mask-image: linear-gradient(to bottom, black, transparent 88%);\r\n  }\r\n\r\n  .utos-hero__grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);\r\n    gap: 54px;\r\n    align-items: center;\r\n  }\r\n\r\n  .utos-product-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 24px;\r\n    padding: 8px 12px;\r\n    border: 1px solid rgba(255, 255, 255, 0.17);\r\n    border-radius: 999px;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    background: rgba(255, 255, 255, 0.08);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.07em;\r\n    text-transform: uppercase;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .utos-product-badge__new {\r\n    padding: 3px 7px;\r\n    border-radius: 999px;\r\n    color: var(--utos-navy);\r\n    background: #a9c7ff;\r\n    font-size: 10px;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .utos-hero h1 {\r\n    color: var(--utos-white);\r\n  }\r\n\r\n  .utos-hero__text {\r\n    max-width: 680px;\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.80);\r\n    font-size: clamp(19px, 2vw, 22px);\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .utos-trust-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px 20px;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .utos-trust-item {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: rgba(255, 255, 255, 0.76);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .utos-trust-item svg {\r\n    width: 17px;\r\n    height: 17px;\r\n    color: #8eb5ff;\r\n  }\r\n\r\n  \/* Product mockup *\/\r\n  .utos-mock-wrap {\r\n    position: relative;\r\n    padding: 18px 0 24px;\r\n  }\r\n\r\n  .utos-app-window {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.28);\r\n    border-radius: 24px;\r\n    background: #f5f8fc;\r\n    box-shadow: 0 42px 90px rgba(0, 0, 0, 0.34);\r\n    transform: perspective(1200px) rotateY(-4deg) rotateX(1deg);\r\n    transform-origin: center;\r\n  }\r\n\r\n  .utos-app-topbar {\r\n    display: flex;\r\n    height: 44px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0 16px;\r\n    border-bottom: 1px solid #dfe6ef;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .utos-app-dots {\r\n    display: flex;\r\n    gap: 6px;\r\n  }\r\n\r\n  .utos-app-dots span {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #c8d2df;\r\n  }\r\n\r\n  .utos-app-address {\r\n    width: 43%;\r\n    height: 20px;\r\n    border-radius: 7px;\r\n    background: #eef2f7;\r\n  }\r\n\r\n  .utos-app-body {\r\n    display: grid;\r\n    grid-template-columns: 134px minmax(0, 1fr);\r\n    min-height: 430px;\r\n  }\r\n\r\n  .utos-app-sidebar {\r\n    padding: 18px 12px;\r\n    color: #d8e3f8;\r\n    background: var(--utos-navy);\r\n  }\r\n\r\n  .utos-app-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin: 0 6px 22px;\r\n    color: white;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .utos-app-logo__icon {\r\n    display: grid;\r\n    width: 27px;\r\n    height: 27px;\r\n    place-items: center;\r\n    border-radius: 8px;\r\n    background: #0f397c;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .utos-app-nav {\r\n    display: grid;\r\n    gap: 5px;\r\n  }\r\n\r\n  .utos-app-nav span {\r\n    display: flex;\r\n    height: 29px;\r\n    align-items: center;\r\n    gap: 7px;\r\n    padding: 0 8px;\r\n    border-radius: 7px;\r\n    font-size: 9px;\r\n  }\r\n\r\n  .utos-app-nav span::before {\r\n    content: \"\";\r\n    width: 8px;\r\n    height: 8px;\r\n    border: 1.5px solid currentColor;\r\n    border-radius: 3px;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .utos-app-nav span.is-active {\r\n    color: #ffffff;\r\n    background: rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  .utos-app-main {\r\n    min-width: 0;\r\n    padding: 20px;\r\n    color: var(--utos-ink);\r\n    background: #f3f6fa;\r\n  }\r\n\r\n  .utos-app-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .utos-app-heading {\r\n    margin: 0;\r\n    color: var(--utos-navy);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .utos-app-user {\r\n    width: 28px;\r\n    height: 28px;\r\n    border: 3px solid white;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, #8facdf, #d8e5f8);\r\n    box-shadow: 0 2px 8px rgba(8, 34, 80, 0.13);\r\n  }\r\n\r\n  .utos-app-hero-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin-bottom: 14px;\r\n    padding: 16px;\r\n    border-radius: 13px;\r\n    color: #fff;\r\n    background: linear-gradient(135deg, #0b2e67, #174e9d);\r\n  }\r\n\r\n  .utos-app-hero-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 130px;\r\n    height: 130px;\r\n    right: -30px;\r\n    bottom: -80px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.09);\r\n  }\r\n\r\n  .utos-app-hero-card strong {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .utos-app-hero-card small {\r\n    color: rgba(255, 255, 255, 0.72);\r\n    font-size: 9px;\r\n  }\r\n\r\n  .utos-app-kpis {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 8px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .utos-app-kpi {\r\n    padding: 10px;\r\n    border: 1px solid #e3e9f1;\r\n    border-radius: 10px;\r\n    background: #fff;\r\n  }\r\n\r\n  .utos-app-kpi small {\r\n    display: block;\r\n    overflow: hidden;\r\n    margin-bottom: 5px;\r\n    color: #778398;\r\n    font-size: 7px;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .utos-app-kpi strong {\r\n    color: var(--utos-navy);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .utos-app-widgets {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 0.9fr;\r\n    gap: 10px;\r\n  }\r\n\r\n  .utos-app-widget {\r\n    min-width: 0;\r\n    padding: 12px;\r\n    border: 1px solid #e3e9f1;\r\n    border-radius: 11px;\r\n    background: #fff;\r\n  }\r\n\r\n  .utos-app-widget__title {\r\n    margin-bottom: 10px;\r\n    color: var(--utos-navy);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .utos-app-task {\r\n    display: grid;\r\n    grid-template-columns: 7px 1fr auto;\r\n    gap: 7px;\r\n    align-items: center;\r\n    padding: 7px 0;\r\n    border-top: 1px solid #edf1f5;\r\n    font-size: 7px;\r\n  }\r\n\r\n  .utos-app-task:first-of-type {\r\n    border-top: 0;\r\n  }\r\n\r\n  .utos-app-task__dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: #4f83e8;\r\n  }\r\n\r\n  .utos-app-task__status {\r\n    padding: 2px 5px;\r\n    border-radius: 999px;\r\n    color: #236d56;\r\n    background: #e7f5ef;\r\n    font-size: 6px;\r\n  }\r\n\r\n  .utos-app-bars {\r\n    display: flex;\r\n    height: 105px;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 6px;\r\n    padding-top: 12px;\r\n  }\r\n\r\n  .utos-app-bars span {\r\n    flex: 1;\r\n    border-radius: 5px 5px 2px 2px;\r\n    background: linear-gradient(to top, #2f6fe4, #84aaf2);\r\n  }\r\n\r\n  .utos-float-card {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    min-width: 160px;\r\n    padding: 11px 13px;\r\n    border: 1px solid rgba(255, 255, 255, 0.38);\r\n    border-radius: 14px;\r\n    color: var(--utos-navy);\r\n    background: rgba(255, 255, 255, 0.96);\r\n    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.18);\r\n    backdrop-filter: blur(12px);\r\n  }\r\n\r\n  .utos-float-card--one {\r\n    right: -22px;\r\n    top: 76px;\r\n  }\r\n\r\n  .utos-float-card--two {\r\n    left: -26px;\r\n    bottom: 2px;\r\n  }\r\n\r\n  .utos-float-card__icon {\r\n    display: grid;\r\n    width: 34px;\r\n    height: 34px;\r\n    flex: 0 0 34px;\r\n    place-items: center;\r\n    border-radius: 10px;\r\n    color: var(--utos-blue);\r\n    background: var(--utos-blue-soft);\r\n  }\r\n\r\n  .utos-float-card__icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n\r\n  .utos-float-card strong {\r\n    display: block;\r\n    margin-bottom: 1px;\r\n    font-size: 12px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .utos-float-card small {\r\n    display: block;\r\n    color: var(--utos-muted);\r\n    font-size: 9px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* Intro strip *\/\r\n  .utos-value-strip {\r\n    position: relative;\r\n    z-index: 4;\r\n    margin-top: -1px;\r\n    border-bottom: 1px solid var(--utos-line);\r\n    background: var(--utos-white);\r\n  }\r\n\r\n  .utos-value-strip__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  }\r\n\r\n  .utos-value-strip__item {\r\n    display: flex;\r\n    min-height: 112px;\r\n    align-items: center;\r\n    gap: 13px;\r\n    padding: 22px 24px;\r\n    border-left: 1px solid var(--utos-line);\r\n  }\r\n\r\n  .utos-value-strip__item:last-child {\r\n    border-right: 1px solid var(--utos-line);\r\n  }\r\n\r\n  .utos-value-strip__icon {\r\n    display: grid;\r\n    width: 40px;\r\n    height: 40px;\r\n    flex: 0 0 40px;\r\n    place-items: center;\r\n    border-radius: 12px;\r\n    color: var(--utos-blue);\r\n    background: var(--utos-blue-soft);\r\n  }\r\n\r\n  .utos-value-strip__icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n\r\n  .utos-value-strip__item strong {\r\n    display: block;\r\n    color: var(--utos-navy);\r\n    font-size: 15px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .utos-value-strip__item small {\r\n    display: block;\r\n    margin-top: 3px;\r\n    color: var(--utos-muted);\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  \/* Problem *\/\r\n  .utos-problem-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.82fr) minmax(500px, 1.18fr);\r\n    gap: 70px;\r\n    align-items: center;\r\n  }\r\n\r\n  .utos-problem-list {\r\n    display: grid;\r\n    gap: 14px;\r\n    margin-top: 32px;\r\n  }\r\n\r\n  .utos-problem-item {\r\n    display: flex;\r\n    gap: 13px;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .utos-problem-item__icon {\r\n    display: grid;\r\n    width: 34px;\r\n    height: 34px;\r\n    flex: 0 0 34px;\r\n    place-items: center;\r\n    margin-top: 1px;\r\n    border-radius: 10px;\r\n    color: var(--utos-navy);\r\n    background: var(--utos-soft-2);\r\n  }\r\n\r\n  .utos-problem-item__icon svg {\r\n    width: 17px;\r\n    height: 17px;\r\n  }\r\n\r\n  .utos-problem-item strong {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: var(--utos-navy);\r\n    font-size: 16px;\r\n  }\r\n\r\n  .utos-problem-item span {\r\n    display: block;\r\n    color: var(--utos-muted);\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .utos-chaos-board {\r\n    position: relative;\r\n    min-height: 500px;\r\n    padding: 40px;\r\n    border: 1px solid var(--utos-line);\r\n    border-radius: var(--utos-radius-lg);\r\n    background:\r\n      radial-gradient(circle at 80% 20%, rgba(47, 111, 228, 0.11), transparent 30%),\r\n      #ffffff;\r\n    box-shadow: var(--utos-shadow-sm);\r\n  }\r\n\r\n  .utos-chaos-board::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    pointer-events: none;\r\n    opacity: 0.45;\r\n    background-image:\r\n      linear-gradient(var(--utos-line) 1px, transparent 1px),\r\n      linear-gradient(90deg, var(--utos-line) 1px, transparent 1px);\r\n    background-size: 34px 34px;\r\n    mask-image: linear-gradient(to bottom right, black, transparent 78%);\r\n  }\r\n\r\n  .utos-chaos-card {\r\n    position: absolute;\r\n    z-index: 2;\r\n    width: 185px;\r\n    padding: 17px;\r\n    border: 1px solid var(--utos-line);\r\n    border-radius: 16px;\r\n    background: #fff;\r\n    box-shadow: 0 14px 32px rgba(8, 34, 80, 0.10);\r\n  }\r\n\r\n  .utos-chaos-card svg {\r\n    width: 23px;\r\n    height: 23px;\r\n    margin-bottom: 14px;\r\n    color: var(--utos-blue);\r\n  }\r\n\r\n  .utos-chaos-card strong {\r\n    display: block;\r\n    color: var(--utos-navy);\r\n    font-size: 15px;\r\n  }\r\n\r\n  .utos-chaos-card small {\r\n    display: block;\r\n    margin-top: 4px;\r\n    color: var(--utos-muted);\r\n    font-size: 12px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .utos-chaos-card--mail {\r\n    top: 48px;\r\n    left: 36px;\r\n    transform: rotate(-3deg);\r\n  }\r\n\r\n  .utos-chaos-card--calendar {\r\n    top: 48px;\r\n    right: 36px;\r\n    transform: rotate(3deg);\r\n  }\r\n\r\n  .utos-chaos-card--files {\r\n    left: 55px;\r\n    bottom: 52px;\r\n    transform: rotate(2deg);\r\n  }\r\n\r\n  .utos-chaos-card--chat {\r\n    right: 48px;\r\n    bottom: 54px;\r\n    transform: rotate(-2deg);\r\n  }\r\n\r\n  .utos-chaos-center {\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: 50%;\r\n    left: 50%;\r\n    display: grid;\r\n    width: 160px;\r\n    height: 160px;\r\n    place-items: center;\r\n    padding: 24px;\r\n    border: 10px solid #fff;\r\n    border-radius: 50%;\r\n    color: white;\r\n    text-align: center;\r\n    background: linear-gradient(135deg, var(--utos-navy), var(--utos-blue));\r\n    box-shadow: 0 20px 50px rgba(8, 34, 80, 0.25);\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  .utos-chaos-center strong {\r\n    font-family: \"Cardo\", Georgia, serif;\r\n    font-size: 22px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .utos-chaos-line {\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 145px;\r\n    height: 2px;\r\n    background: repeating-linear-gradient(90deg, #aebbd0 0 6px, transparent 6px 12px);\r\n    transform-origin: left center;\r\n  }\r\n\r\n  .utos-chaos-line--1 { transform: rotate(-143deg); }\r\n  .utos-chaos-line--2 { transform: rotate(-37deg); }\r\n  .utos-chaos-line--3 { transform: rotate(143deg); }\r\n  .utos-chaos-line--4 { transform: rotate(37deg); }\r\n\r\n  \/* Solution *\/\r\n  .utos-solution-intro {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\r\n    gap: 70px;\r\n    align-items: start;\r\n  }\r\n\r\n  .utos-solution-points {\r\n    display: grid;\r\n    gap: 15px;\r\n  }\r\n\r\n  .utos-solution-point {\r\n    display: grid;\r\n    grid-template-columns: 48px 1fr;\r\n    gap: 15px;\r\n    padding: 20px;\r\n    border: 1px solid rgba(255, 255, 255, 0.13);\r\n    border-radius: 16px;\r\n    background: rgba(255, 255, 255, 0.06);\r\n  }\r\n\r\n  .utos-solution-point__number {\r\n    display: grid;\r\n    width: 42px;\r\n    height: 42px;\r\n    place-items: center;\r\n    border-radius: 12px;\r\n    color: #bcd2ff;\r\n    background: rgba(255, 255, 255, 0.10);\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .utos-solution-point strong {\r\n    display: block;\r\n    margin-bottom: 3px;\r\n    color: #fff;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .utos-solution-point span {\r\n    display: block;\r\n    color: rgba(255, 255, 255, 0.68);\r\n    font-size: 14px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  \/* Modules *\/\r\n  .utos-module-grid {\r\n    margin-top: 52px;\r\n  }\r\n\r\n  .utos-module-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 255px;\r\n    padding: 28px;\r\n    border: 1px solid var(--utos-line);\r\n    border-radius: var(--utos-radius);\r\n    background: #fff;\r\n    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;\r\n  }\r\n\r\n  .utos-module-card:hover {\r\n    border-color: #b9cae0;\r\n    box-shadow: var(--utos-shadow-sm);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .utos-module-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -30px;\r\n    bottom: -45px;\r\n    width: 120px;\r\n    height: 120px;\r\n    border-radius: 50%;\r\n    background: var(--utos-blue-soft);\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .utos-module-card__icon {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    width: 52px;\r\n    height: 52px;\r\n    place-items: center;\r\n    margin-bottom: 22px;\r\n    border-radius: 15px;\r\n    color: var(--utos-blue);\r\n    background: var(--utos-blue-soft);\r\n  }\r\n\r\n  .utos-module-card__icon svg {\r\n    width: 25px;\r\n    height: 25px;\r\n  }\r\n\r\n  .utos-module-card h3,\r\n  .utos-module-card p,\r\n  .utos-module-card a {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .utos-module-card p {\r\n    margin: 0;\r\n    color: var(--utos-muted);\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .utos-module-card__link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    margin-top: 18px;\r\n    color: var(--utos-blue) !important;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .utos-module-card__link svg {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  \/* Product showcase *\/\r\n  .utos-tabs {\r\n    margin-top: 48px;\r\n  }\r\n\r\n  .utos-tab-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    justify-content: center;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .utos-tab-button {\r\n    cursor: pointer;\r\n    padding: 10px 16px;\r\n    border: 1px solid var(--utos-line);\r\n    border-radius: 999px;\r\n    color: var(--utos-muted);\r\n    background: #fff;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    transition: all 180ms ease;\r\n  }\r\n\r\n  .utos-tab-button:hover {\r\n    color: var(--utos-navy);\r\n    border-color: #b8c8dd;\r\n  }\r\n\r\n  .utos-tab-button.is-active {\r\n    color: #fff;\r\n    border-color: var(--utos-blue);\r\n    background: var(--utos-blue);\r\n    box-shadow: 0 8px 20px rgba(47, 111, 228, 0.22);\r\n  }\r\n\r\n  .utos-tab-panel {\r\n    display: none;\r\n  }\r\n\r\n  .utos-tab-panel.is-active {\r\n    display: block;\r\n  }\r\n\r\n  .utos-product-preview {\r\n    overflow: hidden;\r\n    border: 1px solid var(--utos-line);\r\n    border-radius: 26px;\r\n    background: #e9eef5;\r\n    box-shadow: var(--utos-shadow);\r\n  }\r\n\r\n  .utos-product-preview__bar {\r\n    display: flex;\r\n    height: 48px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0 18px;\r\n    border-bottom: 1px solid #dce4ee;\r\n    background: #fff;\r\n  }\r\n\r\n  .utos-product-preview__dots {\r\n    display: flex;\r\n    gap: 6px;\r\n  }\r\n\r\n  .utos-product-preview__dots span {\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 50%;\r\n    background: #c6d0dc;\r\n  }\r\n\r\n  .utos-product-preview__label {\r\n    color: var(--utos-muted);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .utos-product-preview__body {\r\n    display: grid;\r\n    grid-template-columns: 190px minmax(0, 1fr);\r\n    min-height: 520px;\r\n  }\r\n\r\n  .utos-preview-sidebar {\r\n    padding: 24px 16px;\r\n    color: #d6e2f5;\r\n    background: var(--utos-navy);\r\n  }\r\n\r\n  .utos-preview-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 30px;\r\n    color: #fff;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .utos-preview-logo__icon {\r\n    display: grid;\r\n    width: 34px;\r\n    height: 34px;\r\n    place-items: center;\r\n    border-radius: 10px;\r\n    background: #124086;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 19px;\r\n  }\r\n\r\n  .utos-preview-nav {\r\n    display: grid;\r\n    gap: 6px;\r\n  }\r\n\r\n  .utos-preview-nav span {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 11px;\r\n    border-radius: 9px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .utos-preview-nav span::before {\r\n    content: \"\";\r\n    width: 10px;\r\n    height: 10px;\r\n    border: 1.5px solid currentColor;\r\n    border-radius: 3px;\r\n  }\r\n\r\n  .utos-preview-nav span.is-current {\r\n    color: #fff;\r\n    background: rgba(255, 255, 255, 0.12);\r\n  }\r\n\r\n  .utos-preview-content {\r\n    min-width: 0;\r\n    padding: 28px;\r\n    background: #f4f7fb;\r\n  }\r\n\r\n  .utos-preview-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    margin-bottom: 23px;\r\n  }\r\n\r\n  .utos-preview-header h3 {\r\n    margin: 0;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 24px;\r\n  }\r\n\r\n  .utos-preview-action {\r\n    padding: 8px 12px;\r\n    border-radius: 9px;\r\n    color: #fff;\r\n    background: var(--utos-blue);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .utos-preview-stat-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 12px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .utos-preview-stat {\r\n    padding: 17px;\r\n    border: 1px solid #e0e7f0;\r\n    border-radius: 13px;\r\n    background: #fff;\r\n  }\r\n\r\n  .utos-preview-stat span {\r\n    display: block;\r\n    color: var(--utos-muted);\r\n    font-size: 10px;\r\n  }\r\n\r\n  .utos-preview-stat strong {\r\n    display: block;\r\n    margin-top: 5px;\r\n    color: var(--utos-navy);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 24px;\r\n  }\r\n\r\n  .utos-preview-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 15px;\r\n  }\r\n\r\n  .utos-preview-box {\r\n    padding: 18px;\r\n    border: 1px solid #e0e7f0;\r\n    border-radius: 14px;\r\n    background: #fff;\r\n  }\r\n\r\n  .utos-preview-box__title {\r\n    margin-bottom: 14px;\r\n    color: var(--utos-navy);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .utos-preview-row {\r\n    display: grid;\r\n    grid-template-columns: 10px 1fr auto;\r\n    gap: 10px;\r\n    align-items: center;\r\n    padding: 10px 0;\r\n    border-top: 1px solid #edf1f5;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .utos-preview-row:first-of-type {\r\n    border-top: 0;\r\n  }\r\n\r\n  .utos-preview-row__dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--utos-blue);\r\n  }\r\n\r\n  .utos-preview-pill {\r\n    padding: 3px 7px;\r\n    border-radius: 999px;\r\n    color: #236d56;\r\n    background: #e7f5ef;\r\n    font-size: 8px;\r\n  }\r\n\r\n  .utos-preview-chart {\r\n    display: flex;\r\n    height: 180px;\r\n    align-items: flex-end;\r\n    gap: 10px;\r\n    padding-top: 15px;\r\n  }\r\n\r\n  .utos-preview-chart span {\r\n    flex: 1;\r\n    border-radius: 7px 7px 3px 3px;\r\n    background: linear-gradient(to top, var(--utos-blue), #8fb2f2);\r\n  }\r\n\r\n  .utos-preview-caption {\r\n    margin: 15px 0 0;\r\n    color: var(--utos-muted);\r\n    text-align: center;\r\n    font-size: 13px;\r\n  }\r\n\r\n  \/* Workflow *\/\r\n  .utos-workflow {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    gap: 18px;\r\n    margin-top: 54px;\r\n  }\r\n\r\n  .utos-workflow::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 31px;\r\n    right: 9%;\r\n    left: 9%;\r\n    height: 2px;\r\n    background: linear-gradient(to right, #c7d5e7, var(--utos-blue), #c7d5e7);\r\n  }\r\n\r\n  .utos-workflow-step {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n  }\r\n\r\n  .utos-workflow-step__number {\r\n    display: grid;\r\n    width: 64px;\r\n    height: 64px;\r\n    place-items: center;\r\n    margin: 0 auto 20px;\r\n    border: 7px solid var(--utos-soft);\r\n    border-radius: 50%;\r\n    color: #fff;\r\n    background: var(--utos-navy);\r\n    box-shadow: 0 0 0 1px var(--utos-line);\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .utos-workflow-step h3 {\r\n    margin-bottom: 8px;\r\n    font-size: 21px;\r\n  }\r\n\r\n  .utos-workflow-step p {\r\n    margin: 0;\r\n    color: var(--utos-muted);\r\n    font-size: 14px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  \/* Benefits *\/\r\n  .utos-benefit-card {\r\n    padding: 27px;\r\n    border: 1px solid var(--utos-line);\r\n    border-radius: var(--utos-radius);\r\n    background: #fff;\r\n  }\r\n\r\n  .utos-benefit-card__icon {\r\n    display: grid;\r\n    width: 46px;\r\n    height: 46px;\r\n    place-items: center;\r\n    margin-bottom: 19px;\r\n    border-radius: 14px;\r\n    color: var(--utos-blue);\r\n    background: var(--utos-blue-soft);\r\n  }\r\n\r\n  .utos-benefit-card__icon svg {\r\n    width: 23px;\r\n    height: 23px;\r\n  }\r\n\r\n  .utos-benefit-card p {\r\n    margin: 0;\r\n    color: var(--utos-muted);\r\n    font-size: 15px;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  \/* Solutions *\/\r\n  .utos-industry-card {\r\n    display: flex;\r\n    min-height: 205px;\r\n    flex-direction: column;\r\n    padding: 27px;\r\n    border: 1px solid var(--utos-line);\r\n    border-radius: var(--utos-radius);\r\n    background: #fff;\r\n    transition: transform 180ms ease, box-shadow 180ms ease;\r\n  }\r\n\r\n  .utos-industry-card:hover {\r\n    box-shadow: var(--utos-shadow-sm);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  .utos-industry-card__tag {\r\n    align-self: flex-start;\r\n    margin-bottom: 20px;\r\n    padding: 5px 9px;\r\n    border-radius: 999px;\r\n    color: var(--utos-blue);\r\n    background: var(--utos-blue-soft);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .utos-industry-card h3 {\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .utos-industry-card p {\r\n    margin: 0 0 18px;\r\n    color: var(--utos-muted);\r\n    font-size: 15px;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  .utos-industry-card a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 7px;\r\n    margin-top: auto;\r\n    color: var(--utos-blue) !important;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .utos-industry-card a svg {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  \/* Practice section *\/\r\n  .utos-practice {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n    overflow: hidden;\r\n    border: 1px solid var(--utos-line);\r\n    border-radius: var(--utos-radius-lg);\r\n    background: #fff;\r\n    box-shadow: var(--utos-shadow-sm);\r\n  }\r\n\r\n  .utos-practice__image {\r\n    position: relative;\r\n    min-height: 520px;\r\n    overflow: hidden;\r\n    background: #dbe4f0;\r\n  }\r\n\r\n  .utos-practice__image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .utos-practice__image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top right, rgba(8, 34, 80, 0.48), transparent 60%);\r\n  }\r\n\r\n  .utos-practice__note {\r\n    position: absolute;\r\n    z-index: 2;\r\n    right: 24px;\r\n    bottom: 24px;\r\n    left: 24px;\r\n    padding: 16px 18px;\r\n    border: 1px solid rgba(255, 255, 255, 0.30);\r\n    border-radius: 15px;\r\n    color: #fff;\r\n    background: rgba(8, 34, 80, 0.72);\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .utos-practice__note strong {\r\n    display: block;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .utos-practice__note span {\r\n    display: block;\r\n    margin-top: 3px;\r\n    color: rgba(255, 255, 255, 0.75);\r\n    font-size: 12px;\r\n  }\r\n\r\n  .utos-practice__content {\r\n    padding: 58px;\r\n  }\r\n\r\n  .utos-check-list {\r\n    display: grid;\r\n    gap: 12px;\r\n    margin: 28px 0 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .utos-check-list li {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: flex-start;\r\n    color: var(--utos-ink);\r\n    font-size: 15px;\r\n  }\r\n\r\n  .utos-check-list svg {\r\n    width: 19px;\r\n    height: 19px;\r\n    flex: 0 0 19px;\r\n    margin-top: 3px;\r\n    color: var(--utos-success);\r\n  }\r\n\r\n  \/* Onboarding *\/\r\n  .utos-onboarding-grid {\r\n    margin-top: 52px;\r\n  }\r\n\r\n  .utos-onboarding-card {\r\n    position: relative;\r\n    padding: 28px;\r\n    border: 1px solid var(--utos-line);\r\n    border-radius: var(--utos-radius);\r\n    background: #fff;\r\n  }\r\n\r\n  .utos-onboarding-card__number {\r\n    display: inline-flex;\r\n    margin-bottom: 18px;\r\n    color: var(--utos-blue);\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .utos-onboarding-card p {\r\n    margin: 0;\r\n    color: var(--utos-muted);\r\n    font-size: 15px;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  \/* Pricing teaser *\/\r\n  .utos-price-teaser {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 40px;\r\n    align-items: center;\r\n    padding: 50px;\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n    border-radius: var(--utos-radius-lg);\r\n    background: rgba(255, 255, 255, 0.07);\r\n  }\r\n\r\n  .utos-price-teaser p {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, 0.72);\r\n  }\r\n\r\n  \/* FAQ *\/\r\n  .utos-faq {\r\n    display: grid;\r\n    gap: 12px;\r\n    margin-top: 42px;\r\n  }\r\n\r\n  .utos-faq details {\r\n    border: 1px solid var(--utos-line);\r\n    border-radius: 16px;\r\n    background: #fff;\r\n  }\r\n\r\n  .utos-faq summary {\r\n    position: relative;\r\n    cursor: pointer;\r\n    padding: 20px 58px 20px 22px;\r\n    color: var(--utos-navy);\r\n    font-weight: 700;\r\n    list-style: none;\r\n  }\r\n\r\n  .utos-faq summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  .utos-faq summary::after {\r\n    content: \"+\";\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 21px;\r\n    display: grid;\r\n    width: 28px;\r\n    height: 28px;\r\n    place-items: center;\r\n    border-radius: 50%;\r\n    color: var(--utos-blue);\r\n    background: var(--utos-blue-soft);\r\n    font-size: 19px;\r\n    font-weight: 500;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .utos-faq details[open] summary::after {\r\n    content: \"\u2013\";\r\n  }\r\n\r\n  .utos-faq__answer {\r\n    padding: 0 22px 21px;\r\n    color: var(--utos-muted);\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .utos-faq__answer p {\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Final CTA *\/\r\n  .utos-final-cta {\r\n    padding: 76px 44px;\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n    border-radius: var(--utos-radius-lg);\r\n    text-align: center;\r\n    background:\r\n      radial-gradient(circle at 20% 10%, rgba(80, 143, 255, 0.21), transparent 33%),\r\n      rgba(255, 255, 255, 0.05);\r\n  }\r\n\r\n  .utos-final-cta h2 {\r\n    max-width: 800px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n  }\r\n\r\n  .utos-final-cta p {\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    color: rgba(255, 255, 255, 0.73);\r\n  }\r\n\r\n  .utos-final-cta .utos-btn-row {\r\n    justify-content: center;\r\n  }\r\n\r\n  .utos-final-cta__email {\r\n    margin-top: 22px;\r\n    color: rgba(255, 255, 255, 0.66);\r\n    font-size: 14px;\r\n  }\r\n\r\n  .utos-final-cta__email a {\r\n    color: #b9d0ff !important;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .utos-reveal {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    .utos-js .utos-reveal {\r\n      opacity: 0;\r\n      transform: translateY(18px);\r\n      transition: opacity 600ms ease, transform 600ms ease;\r\n    }\r\n\r\n    .utos-js .utos-reveal.is-visible {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  \/* Real UTOS dashboard screenshot *\/\r\n  .utos-dashboard-shot {\r\n    position: relative;\r\n    min-width: 0;\r\n  }\r\n\r\n  .utos-dashboard-shot__frame {\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    border: 1px solid #ddd4bf;\r\n    border-radius: 22px;\r\n    background: #ffffff;\r\n    box-shadow: 0 28px 70px rgba(16, 40, 68, 0.16);\r\n  }\r\n\r\n  .utos-dashboard-shot__bar {\r\n    display: flex;\r\n    min-height: 42px;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    padding: 0 14px;\r\n    border-bottom: 1px solid #e2e8f0;\r\n    background: #ffffff;\r\n  }\r\n\r\n  .utos-dashboard-shot__dots {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .utos-dashboard-shot__dots span {\r\n    display: block;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    background: #cbd5e1;\r\n  }\r\n\r\n  .utos-dashboard-shot__label {\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    color: #64748b;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .utos-dashboard-shot__image-link {\r\n    display: block;\r\n    width: 100%;\r\n    background: #f3f6fb;\r\n  }\r\n\r\n  .utos-dashboard-shot__image {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    margin: 0;\r\n    object-fit: contain;\r\n    object-position: center top;\r\n  }\r\n\r\n  .utos-dashboard-shot__caption {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin: 14px 0 0;\r\n    color: #64748b;\r\n    font-size: 13px;\r\n    line-height: 1.45;\r\n    text-align: center;\r\n  }\r\n\r\n  .utos-dashboard-shot__caption svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex: 0 0 16px;\r\n    color: #1d4ed8;\r\n  }\r\n\r\n  .utos-dashboard-shot--large .utos-dashboard-shot__frame {\r\n    border-radius: 26px;\r\n    box-shadow: 0 30px 80px rgba(16, 40, 68, 0.14);\r\n  }\r\n\r\n  .utos-solution-point > span:last-child,\r\n  .utos-problem-item > span:last-child,\r\n  .utos-value-strip__item > span:last-child {\r\n    min-width: 0;\r\n  }\r\n\r\n  .utos-solution-point strong,\r\n  .utos-solution-point span,\r\n  .utos-problem-item strong,\r\n  .utos-problem-item span {\r\n    max-width: 100%;\r\n    overflow: visible;\r\n    overflow-wrap: anywhere;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .utos-dashboard-shot__frame,\r\n    .utos-dashboard-shot--large .utos-dashboard-shot__frame {\r\n      border-radius: 18px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    .utos-dashboard-shot__bar {\r\n      min-height: 38px;\r\n      padding: 0 11px;\r\n    }\r\n\r\n    .utos-dashboard-shot__label {\r\n      font-size: 10px;\r\n    }\r\n\r\n    .utos-dashboard-shot__caption {\r\n      align-items: flex-start;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n   * UTOS v3 \u2013 exact alignment and semantic icon palette\r\n   * Based on the current plugin code: DashboardView.php,\r\n   * dashboard-luxury.css, design-system.css and icons.css.\r\n   * ======================================================= *\/\r\n  .utos-page {\r\n    --utos-navy: #102844;\r\n    --utos-navy-2: #1b3b60;\r\n    --utos-blue: #1d4ed8;\r\n    --utos-blue-soft: #eff6ff;\r\n    --utos-indigo: #4338ca;\r\n    --utos-indigo-soft: #eef2ff;\r\n    --utos-green: #15803d;\r\n    --utos-green-soft: #ecfdf5;\r\n    --utos-orange: #b45309;\r\n    --utos-orange-soft: #fffbeb;\r\n    --utos-red: #b91c1c;\r\n    --utos-red-soft: #fef2f2;\r\n    --utos-purple: #6d28d9;\r\n    --utos-purple-soft: #f5f3ff;\r\n    --utos-teal: #0f766e;\r\n    --utos-teal-soft: #f0fdfa;\r\n    --utos-gray: #475569;\r\n    --utos-gray-soft: #f1f5f9;\r\n    --utos-gold: #c5a86a;\r\n    --utos-gold-deep: #8b6f31;\r\n    --utos-soft: #f3f6fb;\r\n    --utos-soft-2: #f8fafc;\r\n    --utos-line: #e2e8f0;\r\n  }\r\n\r\n  .utos-page svg { display:block; stroke-linecap:round; stroke-linejoin:round; }\r\n  .utos-value-strip__icon,\r\n  .utos-problem-item__icon,\r\n  .utos-solution-point__number,\r\n  .utos-module-card__icon,\r\n  .utos-benefit-card__icon,\r\n  .utos-float-card__icon,\r\n  .utos-real-logo-mark,\r\n  .utos-real-avatar,\r\n  .utos-real-profile,\r\n  .utos-real-mini-icon,\r\n  .utos-real-iconbox {\r\n    display:inline-flex !important;\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n    text-align:center !important;\r\n    line-height:1 !important;\r\n  }\r\n  .utos-value-strip__icon svg,\r\n  .utos-problem-item__icon svg,\r\n  .utos-module-card__icon svg,\r\n  .utos-benefit-card__icon svg,\r\n  .utos-float-card__icon svg {\r\n    display:block !important;\r\n    margin:auto !important;\r\n    transform:none !important;\r\n  }\r\n\r\n  .utos-icon-tone--blue { color:var(--utos-blue)!important; background:var(--utos-blue-soft)!important; }\r\n  .utos-icon-tone--indigo { color:var(--utos-indigo)!important; background:var(--utos-indigo-soft)!important; }\r\n  .utos-icon-tone--green { color:var(--utos-green)!important; background:var(--utos-green-soft)!important; }\r\n  .utos-icon-tone--orange { color:var(--utos-orange)!important; background:var(--utos-orange-soft)!important; }\r\n  .utos-icon-tone--red { color:var(--utos-red)!important; background:var(--utos-red-soft)!important; }\r\n  .utos-icon-tone--purple { color:var(--utos-purple)!important; background:var(--utos-purple-soft)!important; }\r\n  .utos-icon-tone--teal { color:var(--utos-teal)!important; background:var(--utos-teal-soft)!important; }\r\n  .utos-icon-tone--gray { color:var(--utos-gray)!important; background:var(--utos-gray-soft)!important; }\r\n\r\n  .utos-solution-point { min-width:0; overflow:hidden; }\r\n  .utos-solution-point__number { flex:0 0 42px; padding:0!important; }\r\n  .utos-chaos-center { width:184px; height:184px; padding:22px; }\r\n  .utos-chaos-center strong { width:100%; max-width:132px; margin:auto; font-size:19px; line-height:1.15; text-align:center; overflow-wrap:normal; word-break:normal; }\r\n\r\n  .utos-real-dashboard-wrap { position:relative; min-width:0; }\r\n  .utos-real-dashboard {\r\n    overflow:hidden;\r\n    border:1px solid #ddd4bf;\r\n    border-radius:23px;\r\n    background:#f7f8fa;\r\n    box-shadow:0 28px 70px rgba(16,40,68,.16);\r\n    font-family:Arial,Helvetica,sans-serif;\r\n    color:#25324a;\r\n  }\r\n  .utos-real-browserbar { display:flex; height:42px; align-items:center; justify-content:space-between; padding:0 14px; border-bottom:1px solid #e2e8f0; background:#fff; }\r\n  .utos-real-browserdots { display:flex; gap:5px; }\r\n  .utos-real-browserdots span { width:7px; height:7px; border-radius:50%; background:#cbd5e1; }\r\n  .utos-real-browseraddress { min-width:170px; padding:5px 18px; border-radius:7px; color:#64748b; background:#f1f5f9; font-size:8px; text-align:center; }\r\n  .utos-real-avatar { width:25px; height:25px; border-radius:50%; color:#102844; background:#e8eef6; font-size:9px; font-weight:800; }\r\n  .utos-real-dashboard-body { display:grid; grid-template-columns:126px minmax(0,1fr); min-height:480px; }\r\n  .utos-real-sidebar { padding:17px 11px; color:#dbe6f5; background:#102844; }\r\n  .utos-real-logo { display:flex; align-items:center; gap:8px; margin:0 5px 22px; color:#fff; font-size:11px; }\r\n  .utos-real-logo-mark { width:28px; height:28px; border-radius:8px; color:#fff; background:#1b4a88; font-size:14px; font-weight:800; }\r\n  .utos-real-logo-mark span { color:#77a7ff; }\r\n  .utos-real-nav { display:grid; gap:4px; }\r\n  .utos-real-nav span { display:flex; min-height:29px; align-items:center; gap:7px; padding:0 8px; border-radius:7px; font-size:8px; white-space:nowrap; }\r\n  .utos-real-nav span.is-active { color:#fff; background:rgba(255,255,255,.12); }\r\n  .utos-real-nav i { width:8px; height:8px; border:1px solid currentColor; border-radius:3px; opacity:.9; }\r\n  .utos-real-main { min-width:0; padding:16px; background:#f3f6fb; }\r\n  .utos-real-welcome { position:relative; overflow:hidden; padding:17px; border:1px solid #ddd4bf; border-radius:15px; background:radial-gradient(circle at 94% 4%,rgba(197,168,106,.18),transparent 28%),linear-gradient(135deg,#fff,#fbfaf6 55%,#f2f5fa); box-shadow:0 9px 22px rgba(16,40,68,.07); }\r\n  .utos-real-welcome:before { content:\"\"; position:absolute; top:0; left:18px; width:74px; height:2px; background:linear-gradient(90deg,#102844,#c5a86a); }\r\n  .utos-real-welcome-top { display:flex; align-items:center; justify-content:space-between; gap:14px; }\r\n  .utos-real-eyebrow { display:block; margin-bottom:8px; color:#8b6f31; font-size:6px; font-weight:800; letter-spacing:.16em; }\r\n  .utos-real-person { display:flex; align-items:center; gap:9px; }\r\n  .utos-real-profile { width:37px; height:37px; flex:0 0 37px; border:2px solid #fff; border-radius:50%; color:#102844; background:#e8eef6; box-shadow:0 0 0 1px rgba(197,168,106,.55); font-size:12px; font-weight:800; }\r\n  .utos-real-person strong { display:block; color:#102844; font-size:13px; line-height:1.15; }\r\n  .utos-real-person small { display:block; margin-top:3px; color:#667085; font-size:7px; }\r\n  .utos-real-date { display:flex; min-width:91px; flex-direction:column; align-items:flex-end; padding:8px 9px; border:1px solid rgba(197,168,106,.42); border-radius:10px; background:rgba(255,255,255,.75); }\r\n  .utos-real-date span { color:#8b6f31; font-size:5px; font-weight:800; letter-spacing:.12em; }\r\n  .utos-real-date strong { margin-top:2px; color:#102844; font-size:9px; }\r\n  .utos-real-date small { margin-top:2px; color:#667085; font-size:6px; }\r\n  .utos-real-today { display:flex; align-items:stretch; gap:9px; margin-top:12px; padding:8px; border:1px solid rgba(16,40,68,.09); border-radius:10px; background:rgba(255,255,255,.84); }\r\n  .utos-real-today>b { display:flex; min-width:42px; align-items:center; justify-content:center; border-right:1px solid #e6e1d7; color:#102844; font-size:6px; letter-spacing:.12em; }\r\n  .utos-real-today-items { display:grid; min-width:0; flex:1; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; }\r\n  .utos-real-today-items>span { display:flex; min-width:0; align-items:center; gap:5px; padding:5px; border:1px solid #e5e8ee; border-radius:7px; background:#fff; }\r\n  .utos-real-mini-icon { width:21px; height:21px; flex:0 0 21px; border-radius:7px; font-style:normal; font-size:9px; font-weight:800; }\r\n  .utos-real-today-items small { min-width:0; overflow:hidden; color:#64748b; font-size:5px; line-height:1.25; }\r\n  .utos-real-today-items small strong { color:#102844; font-size:7px; }\r\n  .is-blue { color:#1d4ed8!important; background:#eff6ff!important; }\r\n  .is-indigo { color:#4338ca!important; background:#eef2ff!important; }\r\n  .is-green { color:#15803d!important; background:#ecfdf5!important; }\r\n  .is-orange { color:#b45309!important; background:#fffbeb!important; }\r\n  .is-red { color:#b91c1c!important; background:#fef2f2!important; }\r\n  .is-purple { color:#6d28d9!important; background:#f5f3ff!important; }\r\n  .is-teal { color:#0f766e!important; background:#f0fdfa!important; }\r\n  .utos-real-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; padding:8px 10px; border:1px solid #e6e1d7; border-radius:10px; background:#fff; }\r\n  .utos-real-toolbar>div:first-child { display:flex; min-width:74px; flex-direction:column; padding-right:8px; border-right:1px solid #e6e1d7; }\r\n  .utos-real-toolbar>div:first-child span { color:#8b6f31; font-size:5px; font-weight:800; letter-spacing:.12em; }\r\n  .utos-real-toolbar>div:first-child strong { margin-top:2px; color:#102844; font-size:7px; }\r\n  .utos-real-toolbar-buttons { display:flex; flex-wrap:wrap; gap:5px; justify-content:flex-end; }\r\n  .utos-real-toolbar-buttons span { padding:5px 7px; border:1px solid #e4e7ec; border-radius:6px; color:#344054; background:#fff; font-size:6px; font-weight:700; }\r\n  .utos-real-toolbar-buttons .is-warning { color:#b45309; background:#fffbeb; }\r\n  .utos-real-toolbar-buttons .is-primary { color:#fff; border-color:#102844; background:#102844; }\r\n  .utos-real-section-title { display:flex; align-items:end; justify-content:space-between; gap:10px; margin:12px 1px 7px; }\r\n  .utos-real-section-title>div { display:flex; flex-direction:column; }\r\n  .utos-real-section-title span { color:#8b6f31; font-size:5px; font-weight:800; letter-spacing:.12em; }\r\n  .utos-real-section-title strong { margin-top:2px; color:#102844; font-size:9px; }\r\n  .utos-real-section-title small { color:#667085; font-size:5px; }\r\n  .utos-real-section-title.is-personal { margin-top:10px; }\r\n  .utos-real-metrics,.utos-real-personal-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }\r\n  .utos-real-metrics>div,.utos-real-personal-row>div { display:flex; min-width:0; align-items:center; gap:7px; padding:9px; border:1px solid #e7e3da; border-radius:10px; background:linear-gradient(150deg,#fff,#fbfaf7); box-shadow:0 4px 10px rgba(16,24,40,.035); }\r\n  .utos-real-iconbox { width:28px; height:28px; flex:0 0 28px; border-radius:8px; font-style:normal; font-size:11px; font-weight:800; }\r\n  .utos-real-metrics span,.utos-real-personal-row span { min-width:0; display:flex; flex-direction:column; }\r\n  .utos-real-metrics small,.utos-real-personal-row small { overflow:hidden; color:#667085; font-size:5px; text-overflow:ellipsis; white-space:nowrap; }\r\n  .utos-real-metrics strong,.utos-real-personal-row strong { margin-top:2px; color:#102844; font-size:12px; line-height:1; }\r\n  .utos-real-metrics i { align-self:flex-start; margin-top:3px; padding:1px 4px; border-radius:999px; color:#15803d; background:#ecfdf5; font-size:4px; font-style:normal; }\r\n  .utos-real-dashboard--large { box-shadow:0 22px 55px rgba(16,40,68,.11); }\r\n  .utos-real-dashboard--large .utos-real-dashboard-body { min-height:600px; grid-template-columns:175px minmax(0,1fr); }\r\n  .utos-real-dashboard--large .utos-real-sidebar { padding:23px 15px; }\r\n  .utos-real-dashboard--large .utos-real-nav span { min-height:36px; font-size:10px; }\r\n  .utos-real-dashboard--large .utos-real-main { padding:23px; }\r\n  .utos-real-dashboard--large .utos-real-person strong { font-size:16px; }\r\n  .utos-real-dashboard--large .utos-real-person small { font-size:9px; }\r\n  .utos-real-dashboard--large .utos-real-profile { width:48px; height:48px; flex-basis:48px; }\r\n  .utos-real-dashboard--large .utos-real-date { min-width:125px; }\r\n  .utos-real-dashboard--large .utos-real-today-items small { font-size:7px; }\r\n  .utos-real-dashboard--large .utos-real-today-items small strong { font-size:9px; }\r\n  .utos-real-dashboard--large .utos-real-mini-icon { width:28px; height:28px; flex-basis:28px; }\r\n  .utos-real-dashboard--large .utos-real-section-title span { font-size:7px; }\r\n  .utos-real-dashboard--large .utos-real-section-title strong { font-size:13px; }\r\n  .utos-real-dashboard--large .utos-real-section-title small { font-size:7px; }\r\n  .utos-real-dashboard--large .utos-real-metrics>div,.utos-real-dashboard--large .utos-real-personal-row>div { padding:13px; }\r\n  .utos-real-dashboard--large .utos-real-iconbox { width:38px; height:38px; flex-basis:38px; font-size:14px; }\r\n  .utos-real-dashboard--large .utos-real-metrics small,.utos-real-dashboard--large .utos-real-personal-row small { font-size:7px; }\r\n  .utos-real-dashboard--large .utos-real-metrics strong,.utos-real-dashboard--large .utos-real-personal-row strong { font-size:17px; }\r\n\r\n  .utos-hero { background:linear-gradient(180deg,#fbfcfe 0%,#f1f5fa 100%); color:#172033; }\r\n  .utos-hero::after { opacity:.08; background-image:radial-gradient(rgba(16,40,68,.45) .7px,transparent .7px); }\r\n  .utos-hero h1 { color:#102844; }\r\n  .utos-hero__text { color:#5f6b7c; }\r\n  .utos-product-badge { color:#102844; border-color:#dbe3ed; background:rgba(255,255,255,.85); box-shadow:0 7px 20px rgba(16,40,68,.05); }\r\n  .utos-product-badge__new { color:#8b6f31; background:#f8f3e7; }\r\n  .utos-trust-item { color:#5f6b7c; }\r\n  .utos-trust-item svg { color:#0f766e; }\r\n  .utos-btn--ghost-light { color:#102844!important; border-color:#cbd5e1; background:#fff; }\r\n  .utos-btn--primary { background:#1e3a8a; box-shadow:0 10px 24px rgba(30,58,138,.18); }\r\n\r\n  @media(max-width:900px){\r\n    .utos-real-dashboard-wrap{width:min(720px,100%);margin:0 auto}\r\n    .utos-real-dashboard-body{grid-template-columns:104px minmax(0,1fr)}\r\n    .utos-real-today-items{grid-template-columns:repeat(3,minmax(0,1fr))}\r\n    .utos-real-today-items>span:nth-child(n+4){display:none}\r\n  }\r\n  @media(max-width:680px){\r\n    .utos-real-dashboard-body{grid-template-columns:68px minmax(0,1fr);min-height:390px}\r\n    .utos-real-sidebar{padding:13px 6px}\r\n    .utos-real-logo{justify-content:center;margin:0 0 18px}.utos-real-logo strong{display:none}\r\n    .utos-real-nav span{justify-content:center;padding:0;font-size:0}.utos-real-nav i{width:9px;height:9px}\r\n    .utos-real-main{padding:10px}.utos-real-welcome{padding:12px}\r\n    .utos-real-person strong{font-size:10px}.utos-real-person small{display:none}.utos-real-profile{width:30px;height:30px;flex-basis:30px}\r\n    .utos-real-date{display:none}.utos-real-today{display:block}.utos-real-today>b{display:none}.utos-real-today-items{grid-template-columns:repeat(2,minmax(0,1fr))}.utos-real-today-items>span:nth-child(n+3){display:none}\r\n    .utos-real-toolbar{display:none}.utos-real-section-title small{display:none}\r\n    .utos-real-metrics,.utos-real-personal-row{grid-template-columns:repeat(2,minmax(0,1fr))}\r\n    .utos-real-personal-row>div:nth-child(n+3){display:none}\r\n    .utos-real-dashboard--large .utos-real-dashboard-body{grid-template-columns:68px minmax(0,1fr);min-height:500px}\r\n    .utos-real-dashboard--large .utos-real-sidebar{padding:13px 6px}.utos-real-dashboard--large .utos-real-main{padding:10px}\r\n    .utos-real-dashboard--large .utos-real-nav span{min-height:29px;font-size:0}\r\n    .utos-chaos-center{width:150px;height:150px}.utos-chaos-center strong{font-size:16px;max-width:104px}\r\n    .utos-solution-point{grid-template-columns:42px minmax(0,1fr);padding:17px 15px}\r\n  }\r\n\r\n  @media (max-width: 1080px) {\r\n    .utos-hero__grid {\r\n      grid-template-columns: minmax(0, 0.9fr) minmax(450px, 1.1fr);\r\n      gap: 34px;\r\n    }\r\n\r\n    .utos-app-body {\r\n      grid-template-columns: 110px minmax(0, 1fr);\r\n    }\r\n\r\n    .utos-grid--4 {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .utos-workflow {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      row-gap: 38px;\r\n    }\r\n\r\n    .utos-workflow::before {\r\n      display: none;\r\n    }\r\n\r\n    .utos-value-strip__grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .utos-value-strip__item:nth-child(2) {\r\n      border-right: 1px solid var(--utos-line);\r\n    }\r\n\r\n    .utos-value-strip__item:nth-child(n+3) {\r\n      border-top: 1px solid var(--utos-line);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .utos-section {\r\n      padding: 76px 22px;\r\n    }\r\n\r\n    .utos-hero {\r\n      min-height: auto;\r\n      padding-top: 86px;\r\n      padding-bottom: 80px;\r\n    }\r\n\r\n    .utos-hero__grid,\r\n    .utos-problem-layout,\r\n    .utos-solution-intro,\r\n    .utos-practice {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .utos-hero__grid {\r\n      gap: 56px;\r\n    }\r\n\r\n    .utos-mock-wrap {\r\n      width: min(680px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .utos-app-window {\r\n      transform: none;\r\n    }\r\n\r\n    .utos-problem-layout {\r\n      gap: 48px;\r\n    }\r\n\r\n    .utos-solution-intro {\r\n      gap: 42px;\r\n    }\r\n\r\n    .utos-grid--3 {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .utos-product-preview__body {\r\n      grid-template-columns: 150px minmax(0, 1fr);\r\n    }\r\n\r\n    .utos-preview-stat-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .utos-price-teaser {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .utos-practice__image {\r\n      min-height: 420px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    .utos-page {\r\n      font-size: 17px;\r\n    }\r\n\r\n    .utos-section {\r\n      padding: 62px 18px;\r\n    }\r\n\r\n    .utos-page h1 {\r\n      font-size: clamp(38px, 11vw, 50px);\r\n    }\r\n\r\n    .utos-page h2 {\r\n      font-size: clamp(31px, 9vw, 40px);\r\n    }\r\n\r\n    .utos-page h3 {\r\n      font-size: 23px;\r\n    }\r\n\r\n    .utos-btn-row {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .utos-btn {\r\n      width: 100%;\r\n    }\r\n\r\n    .utos-trust-row {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .utos-value-strip__grid,\r\n    .utos-grid--2,\r\n    .utos-grid--3,\r\n    .utos-grid--4,\r\n    .utos-workflow {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .utos-value-strip__item,\r\n    .utos-value-strip__item:nth-child(2),\r\n    .utos-value-strip__item:last-child {\r\n      border-right: 1px solid var(--utos-line);\r\n      border-bottom: 0;\r\n    }\r\n\r\n    .utos-value-strip__item + .utos-value-strip__item {\r\n      border-top: 1px solid var(--utos-line);\r\n    }\r\n\r\n    .utos-app-body {\r\n      grid-template-columns: 78px minmax(0, 1fr);\r\n      min-height: 355px;\r\n    }\r\n\r\n    .utos-app-sidebar {\r\n      padding: 13px 7px;\r\n    }\r\n\r\n    .utos-app-logo {\r\n      justify-content: center;\r\n      margin: 0 0 18px;\r\n    }\r\n\r\n    .utos-app-logo span:last-child {\r\n      display: none;\r\n    }\r\n\r\n    .utos-app-nav span {\r\n      justify-content: center;\r\n      padding: 0;\r\n      font-size: 0;\r\n    }\r\n\r\n    .utos-app-main {\r\n      padding: 13px;\r\n    }\r\n\r\n    .utos-app-kpis {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .utos-app-widgets {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .utos-app-widget:last-child {\r\n      display: none;\r\n    }\r\n\r\n    .utos-float-card {\r\n      display: none;\r\n    }\r\n\r\n    .utos-chaos-board {\r\n      min-height: 540px;\r\n      padding: 20px;\r\n    }\r\n\r\n    .utos-chaos-card {\r\n      width: 145px;\r\n      padding: 13px;\r\n    }\r\n\r\n    .utos-chaos-card--mail {\r\n      top: 28px;\r\n      left: 18px;\r\n    }\r\n\r\n    .utos-chaos-card--calendar {\r\n      top: 28px;\r\n      right: 18px;\r\n    }\r\n\r\n    .utos-chaos-card--files {\r\n      left: 20px;\r\n      bottom: 30px;\r\n    }\r\n\r\n    .utos-chaos-card--chat {\r\n      right: 20px;\r\n      bottom: 30px;\r\n    }\r\n\r\n    .utos-chaos-center {\r\n      width: 132px;\r\n      height: 132px;\r\n      border-width: 7px;\r\n      padding: 18px;\r\n    }\r\n\r\n    .utos-chaos-center strong {\r\n      font-size: 19px;\r\n    }\r\n\r\n    .utos-chaos-line {\r\n      width: 115px;\r\n    }\r\n\r\n    .utos-product-preview__body {\r\n      grid-template-columns: 74px minmax(0, 1fr);\r\n      min-height: 455px;\r\n    }\r\n\r\n    .utos-preview-sidebar {\r\n      padding: 16px 8px;\r\n    }\r\n\r\n    .utos-preview-logo {\r\n      justify-content: center;\r\n    }\r\n\r\n    .utos-preview-logo span:last-child {\r\n      display: none;\r\n    }\r\n\r\n    .utos-preview-nav span {\r\n      justify-content: center;\r\n      padding: 9px 0;\r\n      font-size: 0;\r\n    }\r\n\r\n    .utos-preview-content {\r\n      padding: 15px;\r\n    }\r\n\r\n    .utos-preview-header {\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .utos-preview-header h3 {\r\n      font-size: 19px;\r\n    }\r\n\r\n    .utos-preview-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .utos-preview-box:last-child {\r\n      display: none;\r\n    }\r\n\r\n    .utos-workflow-step {\r\n      display: grid;\r\n      grid-template-columns: 62px 1fr;\r\n      gap: 14px;\r\n      align-items: start;\r\n      text-align: left;\r\n    }\r\n\r\n    .utos-workflow-step__number {\r\n      width: 56px;\r\n      height: 56px;\r\n      margin: 0;\r\n      border-width: 6px;\r\n    }\r\n\r\n    .utos-practice__content {\r\n      padding: 34px 24px;\r\n    }\r\n\r\n    .utos-price-teaser {\r\n      padding: 34px 24px;\r\n    }\r\n\r\n    .utos-final-cta {\r\n      padding: 52px 22px;\r\n    }\r\n\r\n    .utos-tab-list {\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    .utos-tab-button {\r\n      flex: 1 1 calc(50% - 10px);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 410px) {\r\n    .utos-chaos-card {\r\n      width: 128px;\r\n    }\r\n\r\n    .utos-chaos-card small {\r\n      display: none;\r\n    }\r\n\r\n    .utos-chaos-center {\r\n      width: 118px;\r\n      height: 118px;\r\n    }\r\n\r\n    .utos-product-preview__body {\r\n      grid-template-columns: 62px minmax(0, 1fr);\r\n    }\r\n\r\n    .utos-preview-stat {\r\n      padding: 12px;\r\n    }\r\n\r\n    .utos-preview-stat strong {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     FINAL FIX: Text im kreisf\u00f6rmigen Rahmen exakt zentrieren\r\n     ========================================================= *\/\r\n\r\n  .utos-chaos-center {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    width: 194px !important;\r\n    height: 194px !important;\r\n    padding: 20px !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  .utos-chaos-center strong {\r\n    display: flex !important;\r\n    width: 100% !important;\r\n    max-width: 142px !important;\r\n    height: 100% !important;\r\n    margin: 0 auto !important;\r\n    padding: 0 !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 1px !important;\r\n    color: #ffffff !important;\r\n    font-family: \"Cardo\", Georgia, \"Times New Roman\", serif !important;\r\n    font-size: 18px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.12 !important;\r\n    letter-spacing: -0.01em !important;\r\n    text-align: center !important;\r\n    white-space: normal !important;\r\n    word-break: keep-all !important;\r\n    overflow-wrap: normal !important;\r\n    hyphens: none !important;\r\n  }\r\n\r\n  .utos-chaos-center strong span {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    text-align: center !important;\r\n    white-space: nowrap !important;\r\n    line-height: inherit !important;\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    .utos-chaos-center {\r\n      width: 154px !important;\r\n      height: 154px !important;\r\n      padding: 16px !important;\r\n      border-width: 7px !important;\r\n    }\r\n\r\n    .utos-chaos-center strong {\r\n      max-width: 116px !important;\r\n      font-size: 15px !important;\r\n      line-height: 1.12 !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 410px) {\r\n    .utos-chaos-center {\r\n      width: 138px !important;\r\n      height: 138px !important;\r\n      padding: 14px !important;\r\n    }\r\n\r\n    .utos-chaos-center strong {\r\n      max-width: 106px !important;\r\n      font-size: 14px !important;\r\n    }\r\n  }\r\n\r\n<\/style>\r\n\r\n<main class=\"utos-page\" id=\"utos-overview\">\r\n  <!-- HERO -->\r\n  <section class=\"utos-section utos-hero\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-hero__grid\">\r\n        <div class=\"utos-reveal\">\r\n          <div class=\"utos-product-badge\">\r\n            <span class=\"utos-product-badge__new\">NEU<\/span>\r\n            UTOS \u00b7 Business Operations Platform\r\n          <\/div>\r\n\r\n          <h1>Aufgaben, Termine, Dokumente und Teamprozesse \u2013 zentral in einer Plattform<\/h1>\r\n\r\n          <p class=\"utos-hero__text\">\r\n            UTOS ist eine modulare <strong>Business Operations Software f\u00fcr Schweizer KMU<\/strong>\r\n            und Dienstleistungsunternehmen. Die Plattform verbindet operative Aufgaben,\r\n            Termine, Dokumente, Kommunikation und Unternehmenswissen in einer klar\r\n            strukturierten Arbeitsumgebung.\r\n          <\/p>\r\n\r\n          <div class=\"utos-btn-row\">\r\n            <!-- TEMPOR\u00c4RER LINK: Zielseite vor Ver\u00f6ffentlichung erstellen -->\r\n            <a class=\"utos-btn utos-btn--primary\" href=\"\/de\/utos\/demo-buchen\/\">\r\n              Live-Demo buchen\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n\r\n            <!-- TEMPOR\u00c4RER LINK: Zielseite vor Ver\u00f6ffentlichung erstellen -->\r\n            <a class=\"utos-btn utos-btn--ghost-light\" href=\"\/de\/utos\/funktionen\/\">\r\n              Funktionen entdecken\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"utos-trust-row\" aria-label=\"UTOS Vorteile\">\r\n            <span class=\"utos-trust-item\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                <path d=\"M20 6 9 17l-5-5\"\/>\r\n              <\/svg>\r\n              Modular aufgebaut\r\n            <\/span>\r\n            <span class=\"utos-trust-item\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                <path d=\"M20 6 9 17l-5-5\"\/>\r\n              <\/svg>\r\n              Klare Zust\u00e4ndigkeiten\r\n            <\/span>\r\n            <span class=\"utos-trust-item\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                <path d=\"M20 6 9 17l-5-5\"\/>\r\n              <\/svg>\r\n              Praxisnah entwickelt\r\n            <\/span>\r\n            <span class=\"utos-trust-item\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                <path d=\"M20 6 9 17l-5-5\"\/>\r\n              <\/svg>\r\n              Pers\u00f6nliches Onboarding\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- ECHTE UTOS DASHBOARD-ANSICHT -->\r\n        <figure class=\"utos-dashboard-shot utos-reveal\" aria-label=\"Aktuelle UTOS Dashboardansicht\">\r\n          <div class=\"utos-dashboard-shot__frame\">\r\n            <div class=\"utos-dashboard-shot__bar\" aria-hidden=\"true\">\r\n              <span class=\"utos-dashboard-shot__dots\"><span><\/span><span><\/span><span><\/span><\/span>\r\n              <span class=\"utos-dashboard-shot__label\">UTOS Enterprise \u00b7 Operations Dashboard<\/span>\r\n              <span style=\"width:39px;flex:0 0 39px\"><\/span>\r\n            <\/div>\r\n            <a\r\n              class=\"utos-dashboard-shot__image-link\"\r\n              href=\"https:\/\/snvsolutions.ch\/wp-content\/uploads\/2026\/07\/utos-dashboard-overview-real.webp\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n              aria-label=\"UTOS Dashboard in voller Gr\u00f6sse \u00f6ffnen\"\r\n            >\r\n              <img fetchpriority=\"high\"\r\n                class=\"utos-dashboard-shot__image\"\r\n                src=\"https:\/\/snvsolutions.ch\/wp-content\/uploads\/2026\/07\/utos-dashboard-overview-real.webp\"\r\n                alt=\"Aktuelle UTOS Enterprise Startseite mit Navigation, Tages\u00fcbersicht, Schnellaktionen, Kennzahlen und operativen Arbeitsbereichen\"\r\n                width=\"1694\"\r\n                height=\"1265\"\r\n                decoding=\"async\"\r\n                fetchpriority=\"high\"\r\n              >\r\n            <\/a>\r\n          <\/div>\r\n          <figcaption class=\"utos-dashboard-shot__caption\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M15 3h6v6M10 14 21 3M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/>\r\n            <\/svg>\r\n            Aktuelle UTOS Benutzeroberfl\u00e4che \u00b7 zum Vergr\u00f6ssern anklicken\r\n          <\/figcaption>\r\n        <\/figure>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- VALUE STRIP -->\r\n  <section class=\"utos-value-strip\" aria-label=\"UTOS Kerneigenschaften\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-value-strip__grid\">\r\n        <div class=\"utos-value-strip__item\">\r\n          <span class=\"utos-value-strip__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n              <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n              <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n              <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>\r\n            <strong>Zentral organisiert<\/strong>\r\n            <small>Relevante Arbeitsbereiche in einer gemeinsamen Umgebung<\/small>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"utos-value-strip__item\">\r\n          <span class=\"utos-value-strip__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M4 7h16M4 12h10M4 17h7\"\/>\r\n              <circle cx=\"18\" cy=\"15\" r=\"3\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>\r\n            <strong>Modular einsetzbar<\/strong>\r\n            <small>Funktionen passend zu Abl\u00e4ufen und Verantwortlichkeiten<\/small>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"utos-value-strip__item\">\r\n          <span class=\"utos-value-strip__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M12 3a9 9 0 1 0 9 9\"\/>\r\n              <path d=\"M12 7v5l3 2\"\/>\r\n              <path d=\"M18 3v5h5\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>\r\n            <strong>Nachvollziehbar<\/strong>\r\n            <small>Status, Fristen und Arbeitsschritte bleiben sichtbar<\/small>\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"utos-value-strip__item\">\r\n          <span class=\"utos-value-strip__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n              <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n              <path d=\"M19 8v6M22 11h-6\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span>\r\n            <strong>Pers\u00f6nlich eingef\u00fchrt<\/strong>\r\n            <small>Strukturierte Einrichtung statt anonymer Selbstkonfiguration<\/small>\r\n          <\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PROBLEM -->\r\n  <section class=\"utos-section\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-problem-layout\">\r\n        <div class=\"utos-reveal\">\r\n          <p class=\"utos-eyebrow\">Die Herausforderung<\/p>\r\n          <h2>Wenn Informationen verteilt sind, wird operative Arbeit unn\u00f6tig kompliziert<\/h2>\r\n          <p class=\"utos-lead\">\r\n            Aufgaben in E-Mails, Termine in unterschiedlichen Kalendern, Dokumente in\r\n            separaten Ordnern und wichtiges Wissen in einzelnen K\u00f6pfen: Viele\r\n            Unternehmen arbeiten mit mehreren L\u00f6sungen, die im Alltag nicht\r\n            ausreichend miteinander verbunden sind.\r\n          <\/p>\r\n\r\n          <div class=\"utos-problem-list\">\r\n            <div class=\"utos-problem-item\">\r\n              <span class=\"utos-problem-item__icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                  <path d=\"M3 5h18v14H3z\"\/><path d=\"m3 7 9 6 9-6\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span>\r\n                <strong>Informationen sind \u00fcber mehrere Kan\u00e4le verteilt<\/strong>\r\n                <span>Der aktuelle Stand eines Vorgangs ist nicht sofort erkennbar.<\/span>\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"utos-problem-item\">\r\n              <span class=\"utos-problem-item__icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                  <circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v6M12 17h.01\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span>\r\n                <strong>Zust\u00e4ndigkeiten bleiben unklar<\/strong>\r\n                <span>Aufgaben werden weitergegeben, ohne dass Verantwortung und Frist eindeutig sichtbar sind.<\/span>\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"utos-problem-item\">\r\n              <span class=\"utos-problem-item__icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                  <path d=\"M4 4h16v16H4z\"\/><path d=\"M8 2v4M16 2v4M4 9h16\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span>\r\n                <strong>Fristen und n\u00e4chste Schritte werden \u00fcbersehen<\/strong>\r\n                <span>Fehlende \u00dcbersicht f\u00fchrt zu R\u00fcckfragen, Verz\u00f6gerungen und unn\u00f6tiger Doppelarbeit.<\/span>\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"utos-problem-item\">\r\n              <span class=\"utos-problem-item__icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                  <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n                  <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z\"\/>\r\n                <\/svg>\r\n              <\/span>\r\n              <span>\r\n                <strong>Wissen bleibt von einzelnen Personen abh\u00e4ngig<\/strong>\r\n                <span>Abl\u00e4ufe, Vorlagen und Entscheidungen sind nicht dauerhaft f\u00fcr das Team gesichert.<\/span>\r\n              <\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"utos-chaos-board utos-reveal\" aria-label=\"Darstellung verteilter Arbeitswerkzeuge\">\r\n          <div class=\"utos-chaos-line utos-chaos-line--1\"><\/div>\r\n          <div class=\"utos-chaos-line utos-chaos-line--2\"><\/div>\r\n          <div class=\"utos-chaos-line utos-chaos-line--3\"><\/div>\r\n          <div class=\"utos-chaos-line utos-chaos-line--4\"><\/div>\r\n\r\n          <div class=\"utos-chaos-card utos-chaos-card--mail\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M3 5h18v14H3z\"\/><path d=\"m3 7 9 6 9-6\"\/>\r\n            <\/svg>\r\n            <strong>E-Mail<\/strong>\r\n            <small>Aufgaben und R\u00fcckfragen in langen Nachrichtenverl\u00e4ufen<\/small>\r\n          <\/div>\r\n\r\n          <div class=\"utos-chaos-card utos-chaos-card--calendar\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14H3V6a2 2 0 0 1 2-2Z\"\/>\r\n            <\/svg>\r\n            <strong>Kalender<\/strong>\r\n            <small>Termine ohne vollst\u00e4ndigen Vorgangs- und Kundenkontext<\/small>\r\n          <\/div>\r\n\r\n          <div class=\"utos-chaos-card utos-chaos-card--files\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M3 6h6l2 2h10v11H3z\"\/>\r\n            <\/svg>\r\n            <strong>Ordner<\/strong>\r\n            <small>Dokumente in unterschiedlichen Ablagen und Versionen<\/small>\r\n          <\/div>\r\n\r\n          <div class=\"utos-chaos-card utos-chaos-card--chat\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n            <\/svg>\r\n            <strong>Chat<\/strong>\r\n            <small>Wichtige Entscheidungen zwischen kurzfristigen Nachrichten<\/small>\r\n          <\/div>\r\n\r\n          <div class=\"utos-chaos-center\">\r\n            <strong><span>Zu wenig<\/span><span>Gesamt\u00fcbersicht<\/span><\/strong>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SOLUTION -->\r\n  <section class=\"utos-section utos-section--navy\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-solution-intro\">\r\n        <div class=\"utos-reveal\">\r\n          <p class=\"utos-eyebrow\">Die UTOS L\u00f6sung<\/p>\r\n          <h2>UTOS bringt zusammen, was im Arbeitsalltag zusammengeh\u00f6rt<\/h2>\r\n          <p class=\"utos-lead\">\r\n            Die Plattform schafft eine gemeinsame operative Grundlage. Informationen\r\n            werden nicht nur gespeichert, sondern mit Aufgaben, Terminen, Personen,\r\n            Kunden, Dokumenten und Verantwortlichkeiten sinnvoll verbunden.\r\n          <\/p>\r\n\r\n          <div class=\"utos-btn-row\">\r\n            <a class=\"utos-btn utos-btn--light\" href=\"\/de\/utos\/funktionen\/\">\r\n              Alle Funktionen ansehen\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n                <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"utos-solution-points utos-reveal\">\r\n          <div class=\"utos-solution-point\">\r\n            <span class=\"utos-solution-point__number\">01<\/span>\r\n            <span>\r\n              <strong>Planen und zuweisen<\/strong>\r\n              <span>Aufgaben, Termine, Priorit\u00e4ten und Zust\u00e4ndigkeiten werden strukturiert erfasst.<\/span>\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"utos-solution-point\">\r\n            <span class=\"utos-solution-point__number\">02<\/span>\r\n            <span>\r\n              <strong>Kommunizieren und dokumentieren<\/strong>\r\n              <span>Mitteilungen, Kommentare, Anh\u00e4nge und \u00c4nderungen bleiben dem richtigen Kontext zugeordnet.<\/span>\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"utos-solution-point\">\r\n            <span class=\"utos-solution-point__number\">03<\/span>\r\n            <span>\r\n              <strong>Wissen sichern und standardisieren<\/strong>\r\n              <span>SOPs, Checklisten und Vorlagen machen wiederkehrende Abl\u00e4ufe dauerhaft verf\u00fcgbar.<\/span>\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"utos-solution-point\">\r\n            <span class=\"utos-solution-point__number\">04<\/span>\r\n            <span>\r\n              <strong>\u00dcberblick gewinnen<\/strong>\r\n              <span>Dashboards und Statistiken unterst\u00fctzen die t\u00e4gliche Steuerung und Priorisierung.<\/span>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MODULES -->\r\n  <section class=\"utos-section utos-section--soft\" id=\"module\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-center utos-reveal\">\r\n        <p class=\"utos-eyebrow\">Eine Plattform \u00b7 mehrere Arbeitsbereiche<\/p>\r\n        <h2>Die wichtigsten UTOS Module auf einen Blick<\/h2>\r\n        <p class=\"utos-lead\">\r\n          UTOS bildet nicht nur einzelne Aufgaben ab. Die Module greifen ineinander\r\n          und schaffen eine gemeinsame Struktur f\u00fcr operative Zusammenarbeit,\r\n          Kommunikation und Unternehmenswissen.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"utos-grid utos-grid--3 utos-module-grid\">\r\n        <article class=\"utos-module-card utos-reveal\">\r\n          <div class=\"utos-module-card__icon utos-icon-tone--blue\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n              <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n              <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n              <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Dashboard & Analysen<\/h3>\r\n          <p>Offene Aufgaben, Termine, Fristen, Dokumente und operative Kennzahlen zentral \u00fcberblicken.<\/p>\r\n          <a class=\"utos-module-card__link\" href=\"\/de\/utos\/funktionen\/#dashboard\">\r\n            Mehr erfahren\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-module-card utos-reveal\">\r\n          <div class=\"utos-module-card__icon utos-icon-tone--orange\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Aufgaben & Workflows<\/h3>\r\n          <p>Verantwortlichkeiten, Priorit\u00e4ten, Status, Fristen, Kommentare und Anh\u00e4nge nachvollziehbar verwalten.<\/p>\r\n          <a class=\"utos-module-card__link\" href=\"\/de\/utos\/funktionen\/#aufgaben\">\r\n            Mehr erfahren\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-module-card utos-reveal\">\r\n          <div class=\"utos-module-card__icon utos-icon-tone--blue\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14H3V6a2 2 0 0 1 2-2Z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Termine & Booking<\/h3>\r\n          <p>Interne Termine, Kundenbuchungen, Kalender, Teilnehmer, Erinnerungen und Meeting-Informationen koordinieren.<\/p>\r\n          <a class=\"utos-module-card__link\" href=\"\/de\/utos\/funktionen\/#termine\">\r\n            Mehr erfahren\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-module-card utos-reveal\">\r\n          <div class=\"utos-module-card__icon utos-icon-tone--orange\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Mitteilungen & Benachrichtigungen<\/h3>\r\n          <p>Informationen gezielt an Benutzer, Teams oder Abteilungen senden und relevante \u00c4nderungen sichtbar machen.<\/p>\r\n          <a class=\"utos-module-card__link\" href=\"\/de\/utos\/funktionen\/#kommunikation\">\r\n            Mehr erfahren\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-module-card utos-reveal\">\r\n          <div class=\"utos-module-card__icon utos-icon-tone--blue\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21a8 8 0 0 1 16 0\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Kunden & Kontakte<\/h3>\r\n          <p>Kundenprofile, Ansprechpartner, Zust\u00e4ndigkeiten, Aktivit\u00e4ten und verbundene Vorg\u00e4nge zentral zusammenf\u00fchren.<\/p>\r\n          <a class=\"utos-module-card__link\" href=\"\/de\/utos\/funktionen\/#kunden\">\r\n            Mehr erfahren\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-module-card utos-reveal\">\r\n          <div class=\"utos-module-card__icon utos-icon-tone--teal\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M17 11h5M19.5 8.5v5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Mitarbeitende & Teams<\/h3>\r\n          <p>Mitarbeiterprofile, organisatorische Zuordnungen, Teams und Verantwortungsbereiche strukturiert abbilden.<\/p>\r\n          <a class=\"utos-module-card__link\" href=\"\/de\/utos\/funktionen\/#mitarbeitende\">\r\n            Mehr erfahren\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-module-card utos-reveal\">\r\n          <div class=\"utos-module-card__icon utos-icon-tone--indigo\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M3 6h6l2 2h10v11H3z\"\/><path d=\"M8 12h8M8 15h6\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Dokumente & Ordner<\/h3>\r\n          <p>Dateien strukturiert ablegen und mit Kunden, Aufgaben, Terminen oder weiteren Vorg\u00e4ngen verbinden.<\/p>\r\n          <a class=\"utos-module-card__link\" href=\"\/de\/utos\/funktionen\/#dokumente\">\r\n            Mehr erfahren\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-module-card utos-reveal\">\r\n          <div class=\"utos-module-card__icon utos-icon-tone--purple\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z\"\/><path d=\"M9 7h7M9 11h7\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>SOPs & Wissensbasis<\/h3>\r\n          <p>Arbeitsanweisungen, Checklisten, Vorlagen und internes Wissen dauerhaft und verst\u00e4ndlich bereitstellen.<\/p>\r\n          <a class=\"utos-module-card__link\" href=\"\/de\/utos\/funktionen\/#wissen\">\r\n            Mehr erfahren\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-module-card utos-reveal\">\r\n          <div class=\"utos-module-card__icon utos-icon-tone--gray\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M12 3 4 7v5c0 5 3.5 8 8 9 4.5-1 8-4 8-9V7l-8-4Z\"\/><path d=\"M9 12l2 2 4-4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Administration & Rollen<\/h3>\r\n          <p>Benutzer, Teams, Abteilungen und Zugriffsrechte passend zur Unternehmensstruktur organisieren.<\/p>\r\n          <a class=\"utos-module-card__link\" href=\"\/de\/utos\/funktionen\/#administration\">\r\n            Mehr erfahren\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"utos-center\" style=\"margin-top:38px\">\r\n        <a class=\"utos-btn utos-btn--secondary\" href=\"\/de\/utos\/funktionen\/\">\r\n          Vollst\u00e4ndige Funktions\u00fcbersicht \u00f6ffnen\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- REAL PRODUCT SHOWCASE -->\r\n  <section class=\"utos-section\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-center utos-reveal\">\r\n        <p class=\"utos-eyebrow\">Aktuelle Produktansicht<\/p>\r\n        <h2>Die zentrale UTOS Arbeitsoberfl\u00e4che im realen Einsatz<\/h2>\r\n        <p class=\"utos-lead\">\r\n          Die Startseite verbindet Navigation, Tagespriorit\u00e4ten, Schnellzugriffe,\r\n          Unternehmenskennzahlen und pers\u00f6nliche Arbeitsbereiche. Die folgende\r\n          Abbildung zeigt die aktuelle Oberfl\u00e4che der Plattform und keine\r\n          nachgebaute oder vereinfachte Produktgrafik.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <figure class=\"utos-dashboard-shot utos-dashboard-shot--large utos-reveal\" style=\"margin-top:48px\" aria-label=\"Vollst\u00e4ndige aktuelle UTOS Startseite\">\r\n        <div class=\"utos-dashboard-shot__frame\">\r\n          <div class=\"utos-dashboard-shot__bar\" aria-hidden=\"true\">\r\n            <span class=\"utos-dashboard-shot__dots\"><span><\/span><span><\/span><span><\/span><\/span>\r\n            <span class=\"utos-dashboard-shot__label\">UTOS Enterprise \u00b7 aktuelle Startseite<\/span>\r\n            <span style=\"width:39px;flex:0 0 39px\"><\/span>\r\n          <\/div>\r\n          <a\r\n            class=\"utos-dashboard-shot__image-link\"\r\n            href=\"https:\/\/snvsolutions.ch\/wp-content\/uploads\/2026\/07\/utos-dashboard-overview-real.webp\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            aria-label=\"Vollst\u00e4ndige UTOS Startseite in Originalgr\u00f6sse \u00f6ffnen\"\r\n          >\r\n            <img loading=\"lazy\"\r\n              class=\"utos-dashboard-shot__image\"\r\n              src=\"https:\/\/snvsolutions.ch\/wp-content\/uploads\/2026\/07\/utos-dashboard-overview-real.webp\"\r\n              alt=\"Vollst\u00e4ndige aktuelle UTOS Enterprise Startseite mit Sidebar, Suche, Tages\u00fcbersicht, Schnellaktionen, Unternehmenskennzahlen, Aufgaben und Nachrichten\"\r\n              width=\"1694\"\r\n              height=\"1265\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n          <\/a>\r\n        <\/div>\r\n        <figcaption class=\"utos-dashboard-shot__caption\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n            <path d=\"M15 3h6v6M10 14 21 3M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/>\r\n          <\/svg>\r\n          Originalansicht der aktuellen UTOS Plattform \u00b7 zum \u00d6ffnen in voller Gr\u00f6sse anklicken\r\n        <\/figcaption>\r\n      <\/figure>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WORKFLOW -->\r\n  <section class=\"utos-section utos-section--soft\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-center utos-reveal\">\r\n        <p class=\"utos-eyebrow\">Zusammenh\u00e4ngende Prozesse<\/p>\r\n        <h2>Vom Eingang bis zum nachvollziehbaren Abschluss<\/h2>\r\n        <p class=\"utos-lead\">\r\n          UTOS unterst\u00fctzt nicht nur einzelne Arbeitsschritte. Informationen,\r\n          Verantwortlichkeiten und Dokumente begleiten einen Vorgang durch den\r\n          gesamten operativen Ablauf.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"utos-workflow\">\r\n        <div class=\"utos-workflow-step utos-reveal\">\r\n          <div class=\"utos-workflow-step__number\">01<\/div>\r\n          <div>\r\n            <h3>Erfassen<\/h3>\r\n            <p>Anfrage, Information, Kunde oder interner Vorgang wird strukturiert aufgenommen.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"utos-workflow-step utos-reveal\">\r\n          <div class=\"utos-workflow-step__number\">02<\/div>\r\n          <div>\r\n            <h3>Zuordnen<\/h3>\r\n            <p>Verantwortliche Personen, Teams, Priorit\u00e4ten und Termine werden definiert.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"utos-workflow-step utos-reveal\">\r\n          <div class=\"utos-workflow-step__number\">03<\/div>\r\n          <div>\r\n            <h3>Bearbeiten<\/h3>\r\n            <p>Aufgaben, Kommentare, Mitteilungen und Dokumente bleiben im richtigen Kontext.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"utos-workflow-step utos-reveal\">\r\n          <div class=\"utos-workflow-step__number\">04<\/div>\r\n          <div>\r\n            <h3>\u00dcberwachen<\/h3>\r\n            <p>Status, Fristen, offene Punkte und relevante \u00c4nderungen werden sichtbar.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"utos-workflow-step utos-reveal\">\r\n          <div class=\"utos-workflow-step__number\">05<\/div>\r\n          <div>\r\n            <h3>Dokumentieren<\/h3>\r\n            <p>Der abgeschlossene Vorgang bleibt nachvollziehbar und f\u00fcr sp\u00e4tere Schritte verf\u00fcgbar.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- BENEFITS -->\r\n  <section class=\"utos-section\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-center utos-reveal\">\r\n        <p class=\"utos-eyebrow\">Der Nutzen im Alltag<\/p>\r\n        <h2>Mehr Klarheit f\u00fcr Mitarbeitende, Teams und F\u00fchrung<\/h2>\r\n        <p class=\"utos-lead\">\r\n          Eine gute Plattform reduziert nicht einfach die Anzahl der Werkzeuge.\r\n          Sie schafft eine verst\u00e4ndliche Arbeitsstruktur, in der alle Beteiligten\r\n          wissen, was relevant ist und welcher Schritt als N\u00e4chstes folgt.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"utos-grid utos-grid--3\" style=\"margin-top:50px\">\r\n        <article class=\"utos-benefit-card utos-reveal\">\r\n          <div class=\"utos-benefit-card__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M3 12h18M12 3v18\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Eine gemeinsame Informationsgrundlage<\/h3>\r\n          <p>Aufgaben, Termine, Dokumente und Kommunikation werden nicht l\u00e4nger getrennt voneinander betrachtet.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"utos-benefit-card utos-reveal\">\r\n          <div class=\"utos-benefit-card__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M8 12l3 3 5-6\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Sichtbare Verantwortung<\/h3>\r\n          <p>Zust\u00e4ndigkeiten, Priorit\u00e4ten und Bearbeitungsst\u00e4nde sind f\u00fcr die beteiligten Personen klar erkennbar.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"utos-benefit-card utos-reveal\">\r\n          <div class=\"utos-benefit-card__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Gesichertes Unternehmenswissen<\/h3>\r\n          <p>Wiederkehrende Abl\u00e4ufe, Vorlagen und Anweisungen bleiben unabh\u00e4ngig von einzelnen Personen verf\u00fcgbar.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"utos-benefit-card utos-reveal\">\r\n          <div class=\"utos-benefit-card__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M4 4h16v16H4z\"\/><path d=\"M8 9h8M8 13h5M8 17h7\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Nachvollziehbare Vorg\u00e4nge<\/h3>\r\n          <p>Wichtige Informationen und Arbeitsschritte bleiben dem jeweiligen Kunden, Projekt oder Vorgang zugeordnet.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"utos-benefit-card utos-reveal\">\r\n          <div class=\"utos-benefit-card__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M4 18V9M10 18V5M16 18v-7M22 18H2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Bessere operative \u00dcbersicht<\/h3>\r\n          <p>Dashboards und Statistiken helfen, offene Punkte, Fristen und Arbeitsvolumen fr\u00fchzeitig zu erkennen.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"utos-benefit-card utos-reveal\">\r\n          <div class=\"utos-benefit-card__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M12 2v20M2 12h20\"\/><path d=\"M5 5l14 14M19 5 5 19\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Struktur, die mitwachsen kann<\/h3>\r\n          <p>Module, Teams und Verantwortungsbereiche lassen sich an die Entwicklung des Unternehmens anpassen.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SOLUTIONS \/ INDUSTRIES -->\r\n  <section class=\"utos-section utos-section--soft\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-center utos-reveal\">\r\n        <p class=\"utos-eyebrow\">L\u00f6sungen f\u00fcr die Praxis<\/p>\r\n        <h2>F\u00fcr Unternehmen mit wiederkehrenden Abl\u00e4ufen, Fristen und Dokumenten<\/h2>\r\n        <p class=\"utos-lead\">\r\n          UTOS eignet sich besonders f\u00fcr Dienstleistungsunternehmen, in denen\r\n          Kundeninformationen, Aufgaben, Termine, Dokumente und interne\r\n          Verantwortlichkeiten zuverl\u00e4ssig zusammenspielen m\u00fcssen.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"utos-grid utos-grid--3\" style=\"margin-top:50px\">\r\n        <article class=\"utos-industry-card utos-reveal\">\r\n          <span class=\"utos-industry-card__tag\">Treuhand & Beratung<\/span>\r\n          <h3>Kundenprozesse strukturiert begleiten<\/h3>\r\n          <p>Fristen, Unterlagen, Aufgaben, Termine und interne Zust\u00e4ndigkeiten \u00fcbersichtlich zusammenf\u00fchren.<\/p>\r\n          <a href=\"\/de\/utos\/loesungen\/\">\r\n            L\u00f6sung ansehen\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-industry-card utos-reveal\">\r\n          <span class=\"utos-industry-card__tag\">Praxen & Administration<\/span>\r\n          <h3>Administrative Abl\u00e4ufe koordinieren<\/h3>\r\n          <p>Termine, organisatorische Aufgaben, Dokumente und interne Kommunikation zentral verwalten.<\/p>\r\n          <a href=\"\/de\/utos\/loesungen\/\">\r\n            L\u00f6sung ansehen\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-industry-card utos-reveal\">\r\n          <span class=\"utos-industry-card__tag\">Bau & Technik<\/span>\r\n          <h3>Aufgaben und Termine im Blick behalten<\/h3>\r\n          <p>Verantwortlichkeiten, Unterlagen, Besprechungen und n\u00e4chste Schritte nachvollziehbar organisieren.<\/p>\r\n          <a href=\"\/de\/utos\/loesungen\/\">\r\n            L\u00f6sung ansehen\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-industry-card utos-reveal\">\r\n          <span class=\"utos-industry-card__tag\">Agenturen & Sprachdienste<\/span>\r\n          <h3>Mehrere Vorg\u00e4nge parallel steuern<\/h3>\r\n          <p>Kundenanfragen, Projekte, Dateien, Termine und Teamkommunikation in einer gemeinsamen Struktur abbilden.<\/p>\r\n          <a href=\"\/de\/utos\/loesungen\/\">\r\n            L\u00f6sung ansehen\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-industry-card utos-reveal\">\r\n          <span class=\"utos-industry-card__tag\">Administrative Dienstleister<\/span>\r\n          <h3>Wiederkehrende Prozesse standardisieren<\/h3>\r\n          <p>Checklisten, SOPs, Zust\u00e4ndigkeiten und Dokumente als klare Arbeitsgrundlage f\u00fcr das Team bereitstellen.<\/p>\r\n          <a href=\"\/de\/utos\/loesungen\/\">\r\n            L\u00f6sung ansehen\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"utos-industry-card utos-reveal\">\r\n          <span class=\"utos-industry-card__tag\">Schweizer KMU<\/span>\r\n          <h3>Eine verl\u00e4ssliche operative Grundlage schaffen<\/h3>\r\n          <p>F\u00fcr Unternehmen, die klare Prozesse ben\u00f6tigen, ohne ihre t\u00e4gliche Arbeit auf viele Einzell\u00f6sungen zu verteilen.<\/p>\r\n          <a href=\"\/de\/utos\/loesungen\/\">\r\n            Alle L\u00f6sungen ansehen\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PRACTICE -->\r\n  <section class=\"utos-section\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-practice utos-reveal\">\r\n        <div class=\"utos-practice__image\">\r\n          <!-- TEMPOR\u00c4RES STOCKFOTO: Vor Launch durch eigenes SNV-\/UTOS-Foto ersetzen -->\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?auto=format&amp;fit=crop&amp;w=1400&amp;q=85\"\r\n            alt=\"Team bespricht strukturierte Unternehmensprozesse an einem Arbeitsplatz\"\r\n            loading=\"lazy\"\r\n          >\r\n          <div class=\"utos-practice__note\">\r\n            <strong>Tempor\u00e4res Bild<\/strong>\r\n            <span>Sp\u00e4ter durch ein eigenes Teamfoto oder eine echte UTOS-Anwendungsszene ersetzen.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"utos-practice__content\">\r\n          <p class=\"utos-eyebrow\">Aus der Praxis entwickelt<\/p>\r\n          <h2>Entstanden aus realen Anforderungen im Unternehmensalltag<\/h2>\r\n          <p class=\"utos-lead\" style=\"font-size:19px\">\r\n            UTOS entstand aus dem praktischen Bedarf, Aufgaben, Termine,\r\n            Kundeninformationen, Dokumente, Kommunikation und Wissen nicht l\u00e4nger\r\n            isoliert zu verwalten. Die Plattform wird anhand konkreter\r\n            Arbeitsabl\u00e4ufe strukturiert weiterentwickelt.\r\n          <\/p>\r\n\r\n          <ul class=\"utos-check-list\">\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n              Funktionen orientieren sich an realen operativen Aufgaben.\r\n            <\/li>\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n              Zusammengeh\u00f6rende Informationen bleiben im richtigen Kontext.\r\n            <\/li>\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n              Neue Module werden kontrolliert in die Gesamtstruktur integriert.\r\n            <\/li>\r\n            <li>\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\r\n              Pers\u00f6nliche Einf\u00fchrung unterst\u00fctzt einen verst\u00e4ndlichen Start.\r\n            <\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"utos-btn-row\">\r\n            <a class=\"utos-btn utos-btn--secondary\" href=\"\/de\/utos\/demo-buchen\/\">\r\n              UTOS pers\u00f6nlich kennenlernen\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ONBOARDING -->\r\n  <section class=\"utos-section utos-section--soft\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-center utos-reveal\">\r\n        <p class=\"utos-eyebrow\">Einf\u00fchrung & Betreuung<\/p>\r\n        <h2>Nicht nur Software \u2013 eine strukturierte Einf\u00fchrung<\/h2>\r\n        <p class=\"utos-lead\">\r\n          UTOS soll zu den tats\u00e4chlichen Abl\u00e4ufen eines Unternehmens passen.\r\n          Deshalb beginnt die Einf\u00fchrung nicht mit einer anonymen Registrierung,\r\n          sondern mit einer klaren Aufnahme der Anforderungen.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"utos-grid utos-grid--4 utos-onboarding-grid\">\r\n        <article class=\"utos-onboarding-card utos-reveal\">\r\n          <span class=\"utos-onboarding-card__number\">SCHRITT 01<\/span>\r\n          <h3>Bedarf kl\u00e4ren<\/h3>\r\n          <p>Wir besprechen Arbeitsbereiche, Benutzer, Verantwortlichkeiten und die wichtigsten operativen Anforderungen.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"utos-onboarding-card utos-reveal\">\r\n          <span class=\"utos-onboarding-card__number\">SCHRITT 02<\/span>\r\n          <h3>Struktur konfigurieren<\/h3>\r\n          <p>Module, Teams, Rollen und grundlegende Einstellungen werden passend zum vereinbarten Umfang vorbereitet.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"utos-onboarding-card utos-reveal\">\r\n          <span class=\"utos-onboarding-card__number\">SCHRITT 03<\/span>\r\n          <h3>Team einf\u00fchren<\/h3>\r\n          <p>Die relevanten Benutzer erhalten eine verst\u00e4ndliche Einf\u00fchrung in ihre t\u00e4glichen Arbeitsbereiche.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"utos-onboarding-card utos-reveal\">\r\n          <span class=\"utos-onboarding-card__number\">SCHRITT 04<\/span>\r\n          <h3>Weiterentwickeln<\/h3>\r\n          <p>Nach dem Start k\u00f6nnen Abl\u00e4ufe gepr\u00fcft und die Konfiguration schrittweise erweitert werden.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PRICING TEASER -->\r\n  <section class=\"utos-section utos-section--navy\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-price-teaser utos-reveal\">\r\n        <div>\r\n          <p class=\"utos-eyebrow\">Pakete & Preise<\/p>\r\n          <h2 style=\"font-size:clamp(32px,4vw,46px)\">Passende Pakete statt unn\u00f6tiger Komplexit\u00e4t<\/h2>\r\n          <p>\r\n            UTOS wird in abgestuften Paketen f\u00fcr unterschiedliche\r\n            Unternehmensgr\u00f6ssen und Anforderungen angeboten. Vergleichen Sie\r\n            Funktionen, Benutzerumfang, Onboarding und Betreuungsleistungen.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <a class=\"utos-btn utos-btn--light\" href=\"\/de\/utos\/preise\/\">\r\n          Preise & Pakete ansehen\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ -->\r\n  <section class=\"utos-section\">\r\n    <div class=\"utos-container utos-container--narrow\">\r\n      <div class=\"utos-center utos-reveal\">\r\n        <p class=\"utos-eyebrow\">H\u00e4ufige Fragen<\/p>\r\n        <h2>Das Wichtigste zu UTOS<\/h2>\r\n        <p class=\"utos-lead\">\r\n          Erste Antworten zur Plattform, Einf\u00fchrung und Nutzung.\r\n          Weitere Fragen kl\u00e4ren wir gerne in einer pers\u00f6nlichen Demo.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"utos-faq\">\r\n        <details class=\"utos-reveal\">\r\n          <summary>Was ist UTOS?<\/summary>\r\n          <div class=\"utos-faq__answer\">\r\n            <p>\r\n              UTOS steht f\u00fcr Unified Team Operations Suite. Die Plattform verbindet\r\n              Aufgaben, Termine, Dokumente, Kommunikation, Kundeninformationen,\r\n              Mitarbeitende und Unternehmenswissen in einer strukturierten\r\n              Arbeitsumgebung.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"utos-reveal\">\r\n          <summary>F\u00fcr welche Unternehmen eignet sich UTOS?<\/summary>\r\n          <div class=\"utos-faq__answer\">\r\n            <p>\r\n              UTOS richtet sich insbesondere an Schweizer KMU und\r\n              Dienstleistungsunternehmen mit wiederkehrenden Aufgaben, Fristen,\r\n              Dokumenten und mehreren beteiligten Personen oder Teams.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"utos-reveal\">\r\n          <summary>M\u00fcssen alle Module gleichzeitig genutzt werden?<\/summary>\r\n          <div class=\"utos-faq__answer\">\r\n            <p>\r\n              Nein. UTOS ist modular aufgebaut. Der konkrete Funktionsumfang wird\r\n              entsprechend dem gew\u00e4hlten Paket und den vereinbarten Anforderungen\r\n              zusammengestellt.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"utos-reveal\">\r\n          <summary>Wie erfolgt die Einf\u00fchrung?<\/summary>\r\n          <div class=\"utos-faq__answer\">\r\n            <p>\r\n              Zu Beginn werden die wichtigsten Arbeitsbereiche, Benutzer und\r\n              Verantwortlichkeiten aufgenommen. Danach wird die vereinbarte\r\n              Grundstruktur vorbereitet und das Team in die relevanten Funktionen\r\n              eingef\u00fchrt.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"utos-reveal\">\r\n          <summary>K\u00f6nnen bestehende Daten \u00fcbernommen werden?<\/summary>\r\n          <div class=\"utos-faq__answer\">\r\n            <p>\r\n              Eine Daten\u00fcbernahme kann je nach Ausgangssystem, Datenqualit\u00e4t und\r\n              Umfang gepr\u00fcft werden. Der m\u00f6gliche Import wird vorab separat\r\n              beurteilt und vereinbart.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"utos-reveal\">\r\n          <summary>Kann UTOS vor einer Entscheidung gezeigt werden?<\/summary>\r\n          <div class=\"utos-faq__answer\">\r\n            <p>\r\n              Ja. In einer pers\u00f6nlichen Live-Demo zeigen wir die wichtigsten\r\n              Bereiche und besprechen, welche Module und Abl\u00e4ufe f\u00fcr Ihr Unternehmen\r\n              relevant sein k\u00f6nnten.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FINAL CTA -->\r\n  <section class=\"utos-section utos-section--navy\">\r\n    <div class=\"utos-container\">\r\n      <div class=\"utos-final-cta utos-reveal\">\r\n        <p class=\"utos-eyebrow\">UTOS live kennenlernen<\/p>\r\n        <h2>Sehen Sie, wie UTOS zu Ihren Arbeitsabl\u00e4ufen passen kann<\/h2>\r\n        <p>\r\n          In einer unverbindlichen Live-Demo erhalten Sie einen strukturierten\r\n          Einblick in die Plattform. Gemeinsam kl\u00e4ren wir, welche Bereiche f\u00fcr Ihr\r\n          Unternehmen besonders relevant sind.\r\n        <\/p>\r\n\r\n        <div class=\"utos-btn-row\">\r\n          <a class=\"utos-btn utos-btn--light\" href=\"\/de\/utos\/demo-buchen\/\">\r\n            Pers\u00f6nliche Live-Demo buchen\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <!-- TEMPOR\u00c4RE E-MAIL: Vor Ver\u00f6ffentlichung Mailbox erstellen oder ersetzen -->\r\n          <a class=\"utos-btn utos-btn--ghost-light\" href=\"mailto:utos@snvsolutions.ch\">\r\n            Frage per E-Mail senden\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"utos-final-cta__email\">\r\n          Kontakt: <a href=\"mailto:utos@snvsolutions.ch\">utos@snvsolutions.ch<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/main>\r\n\r\n<script>\r\n  (function () {\r\n    var page = document.querySelector('.utos-page');\r\n    if (!page) return;\r\n\r\n    page.classList.add('utos-js');\r\n\r\n    \/* Dezente Scroll-Einblendung *\/\r\n    var revealItems = page.querySelectorAll('.utos-reveal');\r\n\r\n    if ('IntersectionObserver' in window && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n      var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('is-visible');\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.10, rootMargin: '0px 0px -40px 0px' });\r\n\r\n      revealItems.forEach(function (item) {\r\n        observer.observe(item);\r\n      });\r\n    } else {\r\n      revealItems.forEach(function (item) {\r\n        item.classList.add('is-visible');\r\n      });\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NEU UTOS \u00b7 Business Operations Platform Aufgaben, Termine, Dokumente und Teamprozesse \u2013 zentral in einer Plattform UTOS ist eine modulare [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10420","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UTOS Business Operations Software Schweiz | SNV Solutions<\/title>\n<meta name=\"description\" content=\"UTOS ist die zentrale Business Operations Software f\u00fcr Schweizer KMU \u2013 f\u00fcr Aufgaben, Termine, Dokumente, Kommunikation und Prozesse.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/snvsolutions.ch\/de\/utos\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UTOS Business Operations Software Schweiz | SNV Solutions\" \/>\n<meta property=\"og:description\" content=\"UTOS ist die zentrale Business Operations Software f\u00fcr Schweizer KMU \u2013 f\u00fcr Aufgaben, Termine, Dokumente, Kommunikation und Prozesse.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/snvsolutions.ch\/de\/utos\/\" \/>\n<meta property=\"og:site_name\" content=\"SNV Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-30T07:22:07+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"8\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/utos\\\/\",\"url\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/utos\\\/\",\"name\":\"UTOS Business Operations Software Schweiz | SNV Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#website\"},\"datePublished\":\"2026-07-29T11:30:33+00:00\",\"dateModified\":\"2026-07-30T07:22:07+00:00\",\"description\":\"UTOS ist die zentrale Business Operations Software f\u00fcr Schweizer KMU \u2013 f\u00fcr Aufgaben, Termine, Dokumente, Kommunikation und Prozesse.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/utos\\\/#breadcrumb\"},\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/utos\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/utos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UTOS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/\",\"name\":\"SNV Solutions | Treuhand\",\"description\":\"Alles ordentlich, alles im Griff!\",\"publisher\":{\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-CH\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#organization\",\"name\":\"SNV Solutions | Treuhand\",\"url\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/snvsolutions.ch\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-ChatGPT-Image-3.-Mai-2026-12_26_57-4.png\",\"contentUrl\":\"https:\\\/\\\/snvsolutions.ch\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/cropped-ChatGPT-Image-3.-Mai-2026-12_26_57-4.png\",\"width\":1254,\"height\":501,\"caption\":\"SNV Solutions | Treuhand\"},\"image\":{\"@id\":\"https:\\\/\\\/snvsolutions.ch\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UTOS Business Operations Software Schweiz | SNV Solutions","description":"UTOS ist die zentrale Business Operations Software f\u00fcr Schweizer KMU \u2013 f\u00fcr Aufgaben, Termine, Dokumente, Kommunikation und Prozesse.","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:\/\/snvsolutions.ch\/de\/utos\/","og_locale":"de_DE","og_type":"article","og_title":"UTOS Business Operations Software Schweiz | SNV Solutions","og_description":"UTOS ist die zentrale Business Operations Software f\u00fcr Schweizer KMU \u2013 f\u00fcr Aufgaben, Termine, Dokumente, Kommunikation und Prozesse.","og_url":"https:\/\/snvsolutions.ch\/de\/utos\/","og_site_name":"SNV Solutions","article_modified_time":"2026-07-30T07:22:07+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"8\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/snvsolutions.ch\/de\/utos\/","url":"https:\/\/snvsolutions.ch\/de\/utos\/","name":"UTOS Business Operations Software Schweiz | SNV Solutions","isPartOf":{"@id":"https:\/\/snvsolutions.ch\/de\/#website"},"datePublished":"2026-07-29T11:30:33+00:00","dateModified":"2026-07-30T07:22:07+00:00","description":"UTOS ist die zentrale Business Operations Software f\u00fcr Schweizer KMU \u2013 f\u00fcr Aufgaben, Termine, Dokumente, Kommunikation und Prozesse.","breadcrumb":{"@id":"https:\/\/snvsolutions.ch\/de\/utos\/#breadcrumb"},"inLanguage":"de-CH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/snvsolutions.ch\/de\/utos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/snvsolutions.ch\/de\/utos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/snvsolutions.ch\/de\/"},{"@type":"ListItem","position":2,"name":"UTOS"}]},{"@type":"WebSite","@id":"https:\/\/snvsolutions.ch\/de\/#website","url":"https:\/\/snvsolutions.ch\/de\/","name":"SNV Solutions | Treuhand","description":"Alles ordentlich, alles im Griff!","publisher":{"@id":"https:\/\/snvsolutions.ch\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/snvsolutions.ch\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-CH"},{"@type":"Organization","@id":"https:\/\/snvsolutions.ch\/de\/#organization","name":"SNV Solutions | Treuhand","url":"https:\/\/snvsolutions.ch\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-CH","@id":"https:\/\/snvsolutions.ch\/de\/#\/schema\/logo\/image\/","url":"https:\/\/snvsolutions.ch\/wp-content\/uploads\/2026\/05\/cropped-ChatGPT-Image-3.-Mai-2026-12_26_57-4.png","contentUrl":"https:\/\/snvsolutions.ch\/wp-content\/uploads\/2026\/05\/cropped-ChatGPT-Image-3.-Mai-2026-12_26_57-4.png","width":1254,"height":501,"caption":"SNV Solutions | Treuhand"},"image":{"@id":"https:\/\/snvsolutions.ch\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/pages\/10420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/comments?post=10420"}],"version-history":[{"count":28,"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/pages\/10420\/revisions"}],"predecessor-version":[{"id":10536,"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/pages\/10420\/revisions\/10536"}],"wp:attachment":[{"href":"https:\/\/snvsolutions.ch\/wp-json\/wp\/v2\/media?parent=10420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}