{"campaignId":"6a568d9fa188fb79a7885bdd","campaignVersionId":"6a85b890c7b09bfcc217916b","companyId":"6a56604d6fff87d564a14715","pageId":"6a568d9fa188fb79a7885be5","pageName":"Start","pageSlug":"startseite","tag":"landing","components":[{"_id":"6a568db1a188fb79a7885c4d","type":"component","isTemplate":false,"name":"embed","content":{"body":"<!--\n ============================================================\n smao.ai Quiz Funnel – Nische: Pflegedienste & Pflegeheime\n Landing / Frage 1 von 3 · Perspective.co\n ============================================================\n Zielgruppe: Inhaber, Geschaeftsfuehrung, PDL / Einrichtungsleitung\n (NICHT Pflegekraefte / Mitarbeitende - Ansprache auf Betriebsebene)\n Winkel: Erreichbarkeit (Runde-1 Pflege Winner-Pattern, Checklist)\n Regeln: Nutzenebene statt Features · keine Gesundheitsversprechen ·\n ruhige Tonalitaet · Ihr-Form im Fliesstext\n Extra: Cal.com Inline-Embed (team/smao/demo), Lazy-Loaded\n HINWEIS: Zahlen (550+, 100k+) vor Livegang mit smao verifizieren.\n HINWEIS: Testimonials sind echte Kundenstimmen (IT/branchenuebergreifend).\n Sobald Pflege-Referenzen vorliegen, hier austauschen.\n ============================================================\n-->\n<!DOCTYPE html>\n<html lang="de">\n<head>\n<meta charset="UTF-8" />\n<meta name="viewport" content="width=device-width, initial-scale=1.0" />\n<title>smao · Erreichbar für Angehörige, sicher bei Notfällen</title>\n<meta name="description" content="smao nimmt Anrufe von Angehörigen rund um die Uhr an, erkennt Notfälle sofort und hält Gesundheitsdaten in Deutschland. Für Pflegedienste und Pflegeheime, ohne neuen Dienstplan." />\n\n<link rel="preconnect" href="https://fonts.googleapis.com">\n<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n<link href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">\n\n<style>\n /* ---------- Reset & Base ---------- */\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { -webkit-text-size-adjust: 100%; }\n body {\n font-family: "Geist", -apple-system, BlinkMacSystemFont, sans-serif;\n background: #FAFAFB;\n color: #12172B;\n line-height: 1.5;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-x: hidden;\n }\n\n body::before {\n content: "";\n position: fixed;\n inset: 0;\n background-image: radial-gradient(circle, #DEDDF0 1px, transparent 1px);\n background-size: 22px 22px;\n opacity: 0.55;\n pointer-events: none;\n mask-image: radial-gradient(ellipse 80% 50% at center top, black 10%, transparent 80%);\n -webkit-mask-image: radial-gradient(ellipse 80% 50% at center top, black 10%, transparent 80%);\n z-index: 0;\n }\n\n :root {\n /* smao Brand */\n --brand-dark: #12172B;\n --brand-dark-2: #1D2340;\n --brand-light: #F2F1FB;\n --brand-violet: #7C6CF6;\n --brand-violet-2: #A78BFA;\n --brand-pink: #E8608F;\n\n --bg: #FAFAFB;\n --surface: #FFFFFF;\n --text: #12172B;\n --text-muted: #5C6178;\n --text-soft: #9498AC;\n --border: #E7E7F2;\n --border-strong: #CFCEE6;\n --accent: #6D5AE0;\n --accent-hover: #5A47D1;\n --accent-magenta: #B34FB0;\n --accent-soft: #EFEDFC;\n --accent-ring: rgba(109, 90, 224, 0.18);\n --success: #16A34A;\n --radius: 14px;\n --radius-lg: 20px;\n --shadow-sm: 0 1px 2px rgba(18, 23, 43, 0.05);\n --shadow-md: 0 1px 3px rgba(18, 23, 43, 0.05), 0 8px 24px -4px rgba(18, 23, 43, 0.09);\n --shadow-cta: 0 1px 2px rgba(109, 90, 224, 0.32), 0 8px 16px -4px rgba(109, 90, 224, 0.36), inset 0 1px 0 rgba(255,255,255,0.14);\n }\n\n main {\n flex: 1;\n width: 100%;\n max-width: 460px;\n margin: 0 auto;\n padding: 12px 14px 16px;\n position: relative;\n z-index: 1;\n }\n\n /* ---------- Brand Logo ---------- */\n .brand-header {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n padding: 4px 0 14px;\n opacity: 0;\n animation: fadeUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0s forwards;\n }\n .smao-logo {\n height: 22px;\n width: auto;\n display: block;\n }\n\n /* ---------- Live Proof Pill ---------- */\n .live-pill {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 7px;\n width: fit-content;\n margin: 0 auto 14px;\n padding: 6px 12px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 500;\n color: var(--text-muted);\n box-shadow: var(--shadow-sm);\n opacity: 0;\n animation: fadeUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;\n }\n .live-pill .dot {\n width: 6px; height: 6px;\n background: var(--success);\n border-radius: 50%;\n box-shadow: 0 0 0 3px rgba(22,163,74,0.12);\n animation: pulse 2.4s ease-in-out infinite;\n }\n .live-pill strong { color: var(--text); font-weight: 600; }\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.45; }\n }\n\n /* ---------- Hero Card ---------- */\n .hero {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n padding: 20px 18px 18px;\n box-shadow: var(--shadow-md);\n opacity: 0;\n transform: translateY(8px);\n animation: fadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;\n }\n @keyframes fadeUp {\n to { opacity: 1; transform: translateY(0); }\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 10.5px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--accent);\n background: var(--accent-soft);\n padding: 6px 10px;\n border-radius: 999px;\n margin-bottom: 12px;\n }\n\n h1 {\n font-size: 26px;\n line-height: 1.2;\n font-weight: 600;\n letter-spacing: -0.025em;\n color: var(--text);\n margin-bottom: 10px;\n }\n h1 em {\n font-family: "Instrument Serif", Georgia, serif;\n font-style: italic;\n font-weight: 400;\n letter-spacing: -0.01em;\n color: var(--accent);\n }\n\n .hero-sub {\n font-size: 14px;\n line-height: 1.5;\n color: var(--text-muted);\n margin-bottom: 20px;\n }\n\n .cta-stack {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 12px;\n }\n\n .btn-primary {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n height: 54px;\n background: var(--accent);\n color: #FFFFFF;\n border: none;\n border-radius: var(--radius);\n font-family: inherit;\n font-size: 16px;\n font-weight: 600;\n letter-spacing: -0.005em;\n cursor: pointer;\n box-shadow: var(--shadow-cta);\n transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;\n overflow: hidden;\n -webkit-tap-highlight-color: transparent;\n }\n .btn-primary::before {\n content: "";\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0) 50%);\n border-radius: inherit;\n pointer-events: none;\n }\n .btn-primary:hover {\n background: var(--accent-hover);\n transform: translateY(-1px);\n box-shadow: 0 2px 4px rgba(109, 90, 224, 0.36), 0 12px 24px -4px rgba(109, 90, 224, 0.4), inset 0 1px 0 rgba(255,255,255,0.14);\n }\n .btn-primary:active { transform: translateY(0); }\n .btn-primary:focus-visible { outline: 3px solid var(--accent-ring); outline-offset: 2px; }\n .btn-primary .arrow { transition: transform 0.2s ease; }\n .btn-primary:hover .arrow { transform: translateX(3px); }\n\n .btn-ghost {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n width: 100%;\n height: 42px;\n background: transparent;\n color: var(--text-muted);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;\n -webkit-tap-highlight-color: transparent;\n }\n .btn-ghost:hover, .btn-ghost:active {\n border-color: var(--border-strong);\n color: var(--text);\n background: #F6F5FC;\n }\n .btn-ghost:focus-visible { outline: 3px solid var(--accent-ring); outline-offset: 2px; }\n\n .micro {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n font-size: 11.5px;\n color: var(--text-soft);\n font-weight: 500;\n }\n .micro span { display: inline-flex; align-items: center; gap: 5px; }\n .micro svg { color: var(--success); flex-shrink: 0; }\n\n /* ---------- Stats row ---------- */\n .stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n margin-top: 16px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: var(--shadow-sm);\n opacity: 0;\n animation: fadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.25s forwards;\n }\n .stat {\n padding: 12px 6px;\n text-align: center;\n border-right: 1px solid var(--border);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 3px;\n }\n .stat:last-child { border-right: none; }\n .stat-value {\n font-size: 16px;\n font-weight: 600;\n color: var(--text);\n letter-spacing: -0.02em;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n white-space: nowrap;\n }\n .stat-value .accent-num { color: var(--accent); }\n .stat-label {\n font-size: 10.5px;\n color: var(--text-muted);\n font-weight: 500;\n line-height: 1.3;\n text-align: center;\n }\n\n /* ---------- Customer Logo Bar ---------- */\n .logo-bar {\n margin-top: 14px;\n padding: 14px 16px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: var(--shadow-sm);\n opacity: 0;\n animation: fadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.35s forwards;\n }\n .logo-bar-label {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--text-soft);\n text-align: center;\n margin-bottom: 8px;\n }\n .logo-list {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 4px;\n flex-wrap: nowrap;\n overflow: hidden;\n }\n .logo-item {\n font-family: "Geist", sans-serif;\n font-weight: 700;\n font-size: 13px;\n color: var(--text-muted);\n letter-spacing: -0.02em;\n opacity: 0.75;\n white-space: nowrap;\n text-transform: uppercase;\n transition: opacity 0.2s ease;\n }\n .logo-item:hover { opacity: 1; }\n .logo-item.selecta { font-weight: 500; letter-spacing: 0.02em; font-size: 12px; text-transform: none; }\n .logo-item.kaemi { font-weight: 800; letter-spacing: 0.02em; }\n .logo-item.netable { font-weight: 500; font-size: 12px; text-transform: none; }\n .logo-item.hostpress { letter-spacing: -0.02em; font-weight: 800; }\n\n /* ---------- Trust bar ---------- */\n .trust-bar {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n align-items: center;\n margin-top: 14px;\n gap: 4px;\n opacity: 0;\n animation: fadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.45s forwards;\n }\n .trust-item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n font-size: 11.5px;\n color: var(--text-muted);\n font-weight: 500;\n white-space: nowrap;\n }\n .trust-item svg { color: var(--text-soft); flex-shrink: 0; }\n\n /* ---------- Section Heading ---------- */\n .section-heading {\n text-align: center;\n margin: 22px 0 12px;\n }\n .trust-bar + .section-heading {\n margin-top: 52px;\n }\n .section-kicker {\n display: inline-block;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-soft);\n margin-bottom: 8px;\n }\n .section-heading h2 {\n font-size: 20px;\n font-weight: 600;\n letter-spacing: -0.02em;\n color: var(--text);\n line-height: 1.25;\n max-width: 340px;\n margin: 0 auto;\n }\n .section-heading h2 em {\n font-family: "Instrument Serif", Georgia, serif;\n font-style: italic;\n font-weight: 400;\n color: var(--accent);\n }\n\n /* ---------- Deliverables list ---------- */\n .deliverables {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .deliverable {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 12px 13px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: var(--shadow-sm);\n transition: border-color 0.2s ease, transform 0.2s ease;\n }\n .deliverable:hover {\n border-color: var(--border-strong);\n transform: translateY(-1px);\n }\n .deliverable-icon {\n flex-shrink: 0;\n width: 38px;\n height: 38px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--accent-soft);\n border-radius: 10px;\n color: var(--accent);\n }\n .deliverable-content { flex: 1; min-width: 0; }\n .deliverable-title {\n font-size: 14px;\n font-weight: 600;\n color: var(--text);\n letter-spacing: -0.01em;\n margin-bottom: 3px;\n line-height: 1.3;\n }\n .deliverable-desc {\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.45;\n }\n .deliverable-tag {\n display: inline-block;\n font-size: 9.5px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--accent);\n background: var(--accent-soft);\n padding: 2px 6px;\n border-radius: 4px;\n margin-left: 6px;\n vertical-align: middle;\n }\n\n /* ---------- Cal.com Embed ---------- */\n .cal-embed-section {\n margin-top: 22px;\n }\n .cal-embed-wrap {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n padding: 8px;\n box-shadow: var(--shadow-md);\n overflow: hidden;\n position: relative;\n }\n #my-cal-inline-demo {\n width: 100%;\n min-height: 620px;\n border-radius: 12px;\n overflow: hidden;\n background: var(--surface);\n }\n .cal-loading {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 10px;\n color: var(--text-soft);\n font-size: 13px;\n font-weight: 500;\n background: var(--surface);\n border-radius: 12px;\n pointer-events: none;\n z-index: 1;\n transition: opacity 0.3s ease;\n }\n .cal-loading.is-hidden {\n opacity: 0;\n pointer-events: none;\n }\n .cal-loading-spinner {\n width: 22px;\n height: 22px;\n border: 2px solid var(--border);\n border-top-color: var(--accent);\n border-radius: 50%;\n animation: calSpin 0.8s linear infinite;\n }\n @keyframes calSpin {\n to { transform: rotate(360deg); }\n }\n\n /* ---------- Integration showcase ---------- */\n .integrations {\n margin-top: 18px;\n padding: 18px 18px;\n background: linear-gradient(135deg, var(--brand-dark) 0%, var(--brand-dark-2) 100%);\n border-radius: var(--radius-lg);\n text-align: center;\n color: var(--brand-light);\n box-shadow: var(--shadow-md);\n position: relative;\n overflow: hidden;\n }\n .integrations::before {\n content: "";\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at top right, rgba(124, 108, 246, 0.28), transparent 60%);\n pointer-events: none;\n }\n .integrations-kicker {\n font-size: 10.5px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--brand-violet-2);\n margin-bottom: 8px;\n position: relative;\n }\n .integrations h3 {\n font-size: 19px;\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.25;\n margin-bottom: 14px;\n color: var(--brand-light);\n position: relative;\n }\n .integrations h3 em {\n font-family: "Instrument Serif", Georgia, serif;\n font-style: italic;\n font-weight: 400;\n color: var(--brand-violet-2);\n }\n .integration-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n justify-content: center;\n position: relative;\n }\n .integration-chip {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 7px 12px;\n background: rgba(255,255,255,0.08);\n border: 1px solid rgba(255,255,255,0.14);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: #FFFFFF;\n letter-spacing: -0.005em;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n }\n .integration-chip .chip-dot {\n width: 6px;\n height: 6px;\n border-radius: 2px;\n background: #A78BFA;\n }\n\n /* ---------- Testimonial Carousel ---------- */\n .carousel {\n display: flex;\n gap: 12px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n -webkit-overflow-scrolling: touch;\n scroll-padding-left: 0;\n padding: 4px 0 14px;\n margin: 0 -16px;\n padding-left: 16px;\n padding-right: 16px;\n }\n .carousel::-webkit-scrollbar { display: none; }\n .carousel { scrollbar-width: none; }\n\n .testimonial-card {\n flex: 0 0 88%;\n max-width: 340px;\n scroll-snap-align: start;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius-lg);\n padding: 20px 18px 18px;\n box-shadow: var(--shadow-md);\n display: flex;\n flex-direction: column;\n }\n .quote-mark {\n width: 24px;\n height: 20px;\n color: var(--accent);\n opacity: 0.35;\n margin-bottom: 10px;\n }\n .testimonial-metric {\n display: inline-flex;\n align-items: baseline;\n gap: 4px;\n margin-bottom: 10px;\n }\n .testimonial-metric .big {\n font-family: "Instrument Serif", Georgia, serif;\n font-style: italic;\n font-size: 32px;\n line-height: 1;\n color: var(--accent);\n font-weight: 400;\n }\n .testimonial-metric .label {\n font-size: 12px;\n color: var(--text-muted);\n font-weight: 500;\n }\n .testimonial-quote {\n font-size: 14px;\n line-height: 1.55;\n color: var(--text);\n margin-bottom: 14px;\n letter-spacing: -0.005em;\n flex: 1;\n }\n .testimonial-author {\n display: flex;\n align-items: center;\n gap: 10px;\n padding-top: 14px;\n border-top: 1px solid var(--border);\n }\n .avatar {\n flex-shrink: 0;\n width: 38px;\n height: 38px;\n border-radius: 50%;\n overflow: hidden;\n background: var(--brand-dark);\n color: var(--brand-light);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n font-size: 13px;\n letter-spacing: -0.02em;\n }\n .author-meta { line-height: 1.3; min-width: 0; }\n .author-name {\n font-size: 13px;\n font-weight: 600;\n color: var(--text);\n }\n .author-role {\n font-size: 11.5px;\n color: var(--text-muted);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 220px;\n }\n\n /* Carousel dots */\n .carousel-dots {\n display: flex;\n justify-content: center;\n gap: 6px;\n margin-top: 2px;\n margin-bottom: 4px;\n }\n .dot-indicator {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--border-strong);\n transition: background 0.2s ease, transform 0.2s ease;\n cursor: pointer;\n border: none;\n padding: 0;\n }\n .dot-indicator.active {\n background: var(--accent);\n transform: scale(1.25);\n }\n\n /* ---------- Closing CTA (Dark Brand Style) ---------- */\n .closing {\n margin-top: 18px;\n padding: 26px 22px 22px;\n background: linear-gradient(135deg, var(--brand-dark) 0%, var(--brand-dark-2) 100%);\n border-radius: var(--radius-lg);\n text-align: left;\n box-shadow: var(--shadow-md);\n position: relative;\n overflow: hidden;\n }\n .closing::before {\n content: "";\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 110% -20%, rgba(124, 108, 246, 0.3), transparent 55%);\n pointer-events: none;\n }\n .closing-kicker {\n position: relative;\n display: block;\n font-size: 12px;\n font-weight: 500;\n color: var(--brand-violet-2);\n margin-bottom: 10px;\n letter-spacing: -0.005em;\n }\n .closing h3 {\n position: relative;\n font-size: 24px;\n font-weight: 600;\n letter-spacing: -0.025em;\n line-height: 1.18;\n margin-bottom: 4px;\n color: var(--brand-light);\n }\n .closing h3 .muted {\n color: rgba(242, 241, 251, 0.45);\n font-weight: 600;\n }\n .closing h3 em {\n font-family: "Instrument Serif", Georgia, serif;\n font-style: italic;\n font-weight: 400;\n color: var(--brand-violet-2);\n }\n .closing-sub {\n position: relative;\n font-size: 13.5px;\n color: rgba(242, 241, 251, 0.7);\n margin-bottom: 18px;\n line-height: 1.5;\n }\n .btn-light {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n height: 52px;\n background: var(--brand-light);\n color: var(--brand-dark);\n border: none;\n border-radius: var(--radius);\n font-family: inherit;\n font-size: 15.5px;\n font-weight: 600;\n letter-spacing: -0.005em;\n cursor: pointer;\n box-shadow: 0 1px 2px rgba(0,0,0,0.18), 0 8px 16px -4px rgba(0,0,0,0.24);\n transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;\n -webkit-tap-highlight-color: transparent;\n }\n .btn-light:hover {\n background: #FFFFFF;\n transform: translateY(-1px);\n box-shadow: 0 2px 4px rgba(0,0,0,0.18), 0 12px 24px -4px rgba(0,0,0,0.28);\n }\n .btn-light:active { transform: translateY(0); }\n .btn-light:focus-visible { outline: 3px solid var(--brand-violet-2); outline-offset: 2px; }\n .btn-light .arrow { transition: transform 0.2s ease; }\n .btn-light:hover .arrow { transform: translateX(3px); }\n\n .footer-note {\n text-align: center;\n font-size: 11px;\n color: var(--text-soft);\n margin-top: 14px;\n line-height: 1.5;\n }\n\n /* ---------- Responsive: kleine Geraete ---------- */\n @media (max-width: 360px) {\n main { padding: 14px 12px 20px; }\n .hero { padding: 18px 16px 16px; }\n h1 { font-size: 24px; }\n .hero-sub { font-size: 13px; }\n .stat-value { font-size: 15px; }\n .stat-label { font-size: 10px; }\n .section-heading h2 { font-size: 18px; }\n .testimonial-quote { font-size: 13.5px; }\n .closing h3 { font-size: 19px; }\n .micro { gap: 10px; font-size: 11px; }\n .trust-bar { gap: 9px; }\n .trust-item { font-size: 11px; }\n .deliverable { padding: 14px; gap: 12px; }\n .deliverable-icon { width: 34px; height: 34px; }\n .carousel { margin: 0 -12px; padding-left: 12px; padding-right: 12px; }\n .testimonial-card { flex: 0 0 90%; }\n .logo-item { font-size: 12px; }\n .logo-item.selecta, .logo-item.netable { font-size: 11px; }\n }\n\n /* ---------- Responsive: Tablet / kleine Desktops ---------- */\n @media (min-width: 500px) {\n main { max-width: 480px; padding: 28px 20px; }\n .hero { padding: 32px 28px 26px; }\n h1 { font-size: 29px; }\n .hero-sub { font-size: 15px; }\n .section-heading h2 { font-size: 22px; }\n }\n\n /* ---------- Responsive: Desktop ---------- */\n @media (min-width: 768px) {\n main { max-width: 640px; padding: 36px 24px 40px; }\n .smao-logo { height: 26px; }\n .hero { padding: 40px 40px 32px; }\n h1 { font-size: 34px; }\n .hero-sub { font-size: 15.5px; max-width: 480px; }\n .cta-stack { flex-direction: row; }\n .btn-primary { flex: 2; }\n .btn-ghost { flex: 1.2; height: 54px; }\n .stat { padding: 16px 8px; }\n .stat-value { font-size: 19px; }\n .stat-label { font-size: 11.5px; }\n .section-heading h2 { max-width: 460px; }\n .deliverables {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n .deliverable { padding: 16px 15px; }\n .carousel { margin: 0; padding-left: 0; padding-right: 0; }\n .testimonial-card { flex: 0 0 60%; max-width: 380px; }\n .integrations { padding: 26px 28px; }\n .integrations h3 { font-size: 21px; }\n .closing { padding: 32px 32px 28px; }\n .closing h3 { font-size: 27px; }\n .btn-light { width: auto; min-width: 280px; padding: 0 28px; }\n #my-cal-inline-demo { min-height: 680px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n .hero, .stats, .logo-bar, .trust-bar, .live-pill, .brand-header { opacity: 1; transform: none; }\n .carousel { scroll-behavior: auto; }\n }\n</style>\n</head>\n<body>\n\n<main>\n\n <!-- smao Brand Logo -->\n <div class="brand-header" aria-label="smao">\n <svg class="smao-logo" viewBox="0 0 1233.83 285.38" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="img" aria-label="smao">\n <defs>\n <style>\n .cls-1 {\n fill: url(#linear-gradient-4);\n }\n\n .cls-2 {\n fill: url(#linear-gradient-3);\n }\n\n .cls-3 {\n fill: url(#linear-gradient-2);\n }\n\n .cls-4 {\n fill: url(#linear-gradient);\n }\n\n .cls-5 {\n fill: #00142d;\n }\n </style>\n <linearGradient id="linear-gradient" x1="1.74" y1="142.69" x2="275.29" y2="142.69" gradientUnits="userSpaceOnUse">\n <stop offset="0" stop-color="#fc4d49"/>\n <stop offset=".45" stop-color="#b927ad"/>\n <stop offset="1" stop-color="#683dd4"/>\n </linearGradient>\n <linearGradient id="linear-gradient-2" x1="-4.42" y1="130" x2="280.96" y2="130" xlink:href="#linear-gradient"/>\n <linearGradient id="linear-gradient-3" x1="-4.42" y1="130" x2="280.96" y2="130" xlink:href="#linear-gradient"/>\n <linearGradient id="linear-gradient-4" x1="-4.42" y1="130" x2="280.96" y2="130" xlink:href="#linear-gradient"/>\n </defs>\n <g id="Layer_1-2" data-name="Layer 1">\n <g>\n <g>\n <path class="cls-5" d="M451.58,236.03c-19.09,0-34.8-4.23-47.12-12.69-12.32-8.46-19.94-19.69-22.84-33.71l32.26-9.42c1.45,8.94,5.68,15.65,12.69,20.12,7.01,4.48,15.59,6.7,25.74,6.7,20.3,0,30.45-7.61,30.45-22.83,0-8.94-3.39-15.1-10.15-18.49-6.77-3.38-16.31-6.65-28.64-9.79-9.67-2.41-18.85-5.62-27.55-9.6-8.7-3.99-15.71-9.43-21.02-16.31-5.32-6.89-7.98-15.89-7.98-27.01,0-16.19,5.92-29.18,17.76-38.97,11.84-9.79,27.31-14.68,46.4-14.68,17.88,0,32.8,4.23,44.77,12.69,11.96,8.46,19.51,19.57,22.66,33.35l-30.81,9.06c-2.66-8.94-7.31-15.59-13.96-19.94-6.65-4.35-14.68-6.53-24.11-6.53-8.7,0-15.59,1.87-20.66,5.62-5.08,3.75-7.61,9.12-7.61,16.13,0,7.97,3.2,13.66,9.61,17.04,6.4,3.39,15.28,6.41,26.64,9.06,10.63,2.42,20.54,5.62,29.72,9.61,9.18,3.99,16.61,9.6,22.29,16.86,5.68,7.25,8.52,17.4,8.52,30.45,0,15.95-5.86,28.82-17.58,38.61-11.72,9.79-28.22,14.68-49.48,14.68Z"/>\n <path class="cls-5" d="M545.83,233.49v-110.92c0-14.74,3.14-27.61,9.43-38.61,6.28-10.99,15.1-19.51,26.46-25.56,11.36-6.04,24.52-9.06,39.51-9.06s28.45,3.08,39.69,9.24c11.24,6.16,19.76,14.68,25.56,25.56,5.56-10.88,14.01-19.39,25.37-25.56,11.36-6.16,24.52-9.24,39.51-9.24s28.45,3.08,39.69,9.24c11.24,6.16,19.94,14.74,26.1,25.73,6.16,11,9.24,23.74,9.24,38.24v110.92h-34.44v-109.83c0-13.29-4.05-23.62-12.14-30.99-8.1-7.37-18.67-11.06-31.72-11.06-14.26,0-25.26,3.81-32.99,11.42-7.74,7.61-11.6,17.83-11.6,30.63v109.83h-34.8v-109.83c0-12.81-3.81-23.02-11.42-30.63-7.61-7.61-18.55-11.42-32.8-11.42-13.29,0-23.92,3.69-31.9,11.06-7.97,7.38-11.96,17.71-11.96,30.99v109.83h-34.8Z"/>\n <path class="cls-5" d="M914.84,233.49c-18.61,0-33.53-5.13-44.77-15.41-11.24-10.27-16.86-23.74-16.86-40.42s5.62-30.14,16.86-40.42c11.24-10.27,26.16-15.4,44.77-15.4h61.62v-36.97h-116v-32.62h122.16c8.7,0,15.64,2.53,20.84,7.61,5.19,5.07,7.79,11.96,7.79,20.66v152.97h-96.42ZM976.46,203.41v-55.46h-53.29c-11.84,0-20.42,2.54-25.74,7.61-5.32,5.07-7.98,11.72-7.98,19.94,0,18.61,11.24,27.91,33.71,27.91h53.29Z"/>\n <path class="cls-5" d="M1038.81,142.87c0-18.36,4.17-34.56,12.51-48.57,8.34-14.01,19.87-24.95,34.62-32.8,14.74-7.85,31.54-11.78,50.38-11.78s35.58,3.93,50.21,11.78c14.62,7.85,26.16,18.79,34.62,32.8,8.46,14.02,12.69,30.21,12.69,48.57s-4.23,34.56-12.69,48.57c-8.46,14.02-20,24.89-34.62,32.62-14.62,7.74-31.35,11.6-50.21,11.6s-35.65-3.86-50.38-11.6c-14.74-7.73-26.28-18.61-34.62-32.62-8.34-14.01-12.51-30.21-12.51-48.57ZM1075.06,142.87c0,18.37,5.68,33.11,17.04,44.22,11.36,11.12,26.1,16.67,44.22,16.67s32.86-5.56,44.22-16.67c11.36-11.11,17.04-25.86,17.04-44.22s-5.68-33.4-17.04-44.41c-11.36-10.99-26.1-16.49-44.22-16.49s-32.87,5.5-44.22,16.49c-11.36,11-17.04,25.8-17.04,44.41Z"/>\n </g>\n <g>\n <path class="cls-4" d="M282.31,112.3h-25.72C256.59,50.38,206.21,0,144.28,0S31.98,50.38,31.98,112.3H6.23c-3.52,0-6.38,2.92-6.22,6.44,3.38,76.65,66.8,137.97,144.26,137.97h0v26.27c0,1.94,2.17,3.08,3.77,1.98l74.55-51.38c38.02-24.64,63.78-66.65,65.94-114.7.16-3.57-2.65-6.56-6.22-6.56ZM144.27,224.57c-61.9,0-112.27-50.36-112.27-112.27h25.95c3.26,0,5.97-2.52,6.2-5.78,2.97-41.61,37.78-74.56,80.13-74.56s77.16,32.95,80.13,74.56c.23,3.26,2.94,5.78,6.2,5.78h25.92c0,61.9-50.36,112.27-112.27,112.27Z"/>\n <path class="cls-3" d="M87.61,112.19c-9.84,0-17.82,7.98-17.82,17.82s7.98,17.82,17.82,17.82,17.82-7.98,17.82-17.82-7.98-17.82-17.82-17.82Z"/>\n <path class="cls-2" d="M144.27,112.19c-9.84,0-17.82,7.98-17.82,17.82s7.98,17.82,17.82,17.82,17.82-7.98,17.82-17.82-7.98-17.82-17.82-17.82Z"/>\n <path class="cls-1" d="M200.93,112.19c-9.84,0-17.82,7.98-17.82,17.82s7.98,17.82,17.82,17.82,17.82-7.98,17.82-17.82-7.98-17.82-17.82-17.82Z"/>\n </g>\n </g>\n </g>\n</svg>\n </div>\n\n <div class="live-pill" aria-label="Live Status">\n <span class="dot" aria-hidden="true"></span>\n <strong>150+ KI-Assistenten</strong>&nbsp;im Einsatz\n </div>\n\n <!-- ============ HERO / FRAGE 1 ============ -->\n <section class="hero" aria-labelledby="hero-heading">\n\n <span class="eyebrow">Für Pflegedienste und Heime</span>\n\n <h1 id="hero-heading">\n Wie viel <em>Pflegezeit</em> frisst euer Telefon?\n </h1>\n\n <p class="hero-sub">\n smao nimmt jeden Anruf an: abends, am Wochenende, in Stoßzeiten. Zu planbaren Kosten, ohne neuen Dienstplan und ohne Personal, das am Telefon gebunden ist.\n </p>\n\n <div class="cta-stack">\n <button class="btn-primary js-next" type="button">\n Ja, das ist unser Thema\n <svg class="arrow" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">\n <path d="M5 12H19M19 12L13 6M19 12L13 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </button>\n <button class="btn-ghost js-decline" type="button">\n Aktuell nicht relevant\n </button>\n </div>\n\n <div class="micro">\n <span>\n <svg width="12" height="12" viewBox="0 0 24 24" fill="none" aria-hidden="true">\n <path d="M5 13L9 17L19 7" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n 30 Sekunden\n </span>\n <span>\n <svg width="12" height="12" viewBox="0 0 24 24" fill="none" aria-hidden="true">\n <path d="M5 13L9 17L19 7" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n 3 Fragen\n </span>\n <span>\n <svg width="12" height="12" viewBox="0 0 24 24" fill="none" aria-hidden="true">\n <path d="M5 13L9 17L19 7" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n Keine Anmeldung\n </span>\n </div>\n </section>\n\n <!-- ============ DIRECT BOOKING (CAL.COM) ============ -->\n <section class="cal-embed-section" aria-labelledby="cal-heading">\n <div class="section-heading">\n <span class="section-kicker">Lieber direkt buchen</span>\n <h2 id="cal-heading">Wähle einen <em>Demo-Termin</em></h2>\n </div>\n\n <div class="cal-embed-wrap">\n <div class="cal-loading" id="cal-loading">\n <div class="cal-loading-spinner" aria-hidden="true"></div>\n <span>Kalender wird geladen…</span>\n </div>\n <!-- Cal inline embed target -->\n <div id="my-cal-inline-demo"></div>\n </div>\n </section>\n\n <!-- ============ STATS ============ -->\n <!-- Hinweis: Zahlen vor Livegang mit smao verifizieren (Master-Doku) -->\n <div class="stats" role="group" aria-label="Vertrauenskennzahlen">\n <div class="stat">\n <div class="stat-value"><span class="accent-num">0</span></div>\n <div class="stat-label">zusätzliche Stellen nötig</div>\n </div>\n <div class="stat">\n <div class="stat-value">24/7</div>\n <div class="stat-label">jeder Anruf angenommen</div>\n </div>\n <div class="stat">\n <div class="stat-value">15 Min</div>\n <div class="stat-label">bis zum ersten Testanruf</div>\n </div>\n </div>\n\n <!-- ============ CUSTOMER LOGO BAR ============ -->\n <!-- Echte smao-Kunden (branchenuebergreifend). Label bewusst neutral,\n damit keine falsche Pflege-Referenz suggeriert wird. -->\n <div class="logo-bar" role="group" aria-label="Kunden">\n <div class="logo-bar-label">Vertraut von Unternehmen wie</div>\n <div class="logo-list">\n <span class="logo-item selecta">selecta</span>\n <span class="logo-item kaemi">KAEMI</span>\n <span class="logo-item netable">netable</span>\n <span class="logo-item hostpress">HOSTPRESS</span>\n <span class="logo-item">comTeam</span>\n </div>\n </div>\n\n <!-- ============ TRUST BAR ============ -->\n <div class="trust-bar" role="group" aria-label="Vertrauensmerkmale">\n <span class="trust-item">\n <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">\n <path d="M12 2L4 5V11C4 16 7.5 20.5 12 22C16.5 20.5 20 16 20 11V5L12 2Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>\n <path d="M9 12L11 14L15 10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n DSGVO-konform\n </span>\n <span class="trust-item">\n <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">\n <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="1.6"/>\n <path d="M3 12H21M12 3C14.5 6 15.8 9.5 15.8 12C15.8 14.5 14.5 18 12 21C9.5 18 8.2 14.5 8.2 12C8.2 9.5 9.5 6 12 3Z" stroke="currentColor" stroke-width="1.6"/>\n </svg>\n 100% Deutschland\n </span>\n <span class="trust-item">\n <svg width="13" height="13" viewBox="0 0 24 24" fill="none" aria-hidden="true">\n <rect x="3" y="6" width="18" height="13" rx="2" stroke="currentColor" stroke-width="1.6"/>\n <path d="M3 10H21M7 15H10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>\n </svg>\n Ohne OpenAI\n </span>\n </div>\n\n <!-- ============ DELIVERABLES / MODULE ============ -->\n <div class="section-heading">\n <span class="section-kicker">Was smao für euren Betrieb übernimmt</span>\n <h2>Volle Erreichbarkeit, ohne die Kosten einer <em>eigenen Stelle</em>.</h2>\n </div>\n\n <ul class="deliverables">\n <li class="deliverable">\n <div class="deliverable-icon" aria-hidden="true">\n <svg width="20" height="20" viewBox="0 0 24 24" fill="none">\n <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </div>\n <div class="deliverable-content">\n <div class="deliverable-title">Erreichbarkeit, die keine Stelle kostet<span class="deliverable-tag">AI</span></div>\n <div class="deliverable-desc">Angehörige erreichen immer jemanden: abends, am Wochenende, in Stoßzeiten. Ohne Bereitschaftsdienst, ohne Fremdvergabe an ein Callcenter, zu planbaren Kosten.</div>\n </div>\n </li>\n <li class="deliverable">\n <div class="deliverable-icon" aria-hidden="true">\n <svg width="20" height="20" viewBox="0 0 24 24" fill="none">\n <path d="M12 9V13M12 17H12.01M10.29 3.86L1.82 18A2 2 0 0 0 3.54 21H20.46A2 2 0 0 0 22.18 18L13.71 3.86A2 2 0 0 0 10.29 3.86Z" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </div>\n <div class="deliverable-content">\n <div class="deliverable-title">Notfall oder Routine? Eure Regeln entscheiden</div>\n <div class="deliverable-desc">Ihr legt fest, was als dringend gilt. Kritische Anrufe gehen sofort an die richtige Person, und im Zweifel gilt immer: durchstellen an einen Menschen.</div>\n </div>\n </li>\n <li class="deliverable">\n <div class="deliverable-icon" aria-hidden="true">\n <svg width="20" height="20" viewBox="0 0 24 24" fill="none">\n <path d="M3 12L7 8L12 13L21 4M21 4H15M21 4V10" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>\n <path d="M3 21H21" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/>\n </svg>\n </div>\n <div class="deliverable-content">\n <div class="deliverable-title">Bezahlte Stunden gehen in die Pflege, nicht ins Telefon</div>\n <div class="deliverable-desc">Standardfragen, Termin- und Rückrufwünsche werden automatisch aufgenommen und strukturiert übergeben. Der Empfang arbeitet eine Liste ab, statt im Klingeln unterzugehen.</div>\n </div>\n </li>\n <li class="deliverable">\n <div class="deliverable-icon" aria-hidden="true">\n <svg width="20" height="20" viewBox="0 0 24 24" fill="none">\n <path d="M12 2L4 5V11C4 16 7.5 20.5 12 22C16.5 20.5 20 16 20 11V5L12 2Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/>\n </svg>\n </div>\n <div class="deliverable-content">\n <div class="deliverable-title">Die Datenschutzfrage könnt ihr beantworten</div>\n <div class="deliverable-desc">Verarbeitung in Deutschland, ohne OpenAI und US-Subprozessoren. Unterlagen für Träger und Datenschutzbeauftragte liegen bereit, auf Wunsch On-Premises.</div>\n </div>\n </li>\n </ul>\n\n <!-- ============ INTEGRATION SHOWCASE (DARK) ============ -->\n <section class="integrations">\n <div class="integrations-kicker">Nahtlose Integration</div>\n <h3>Fügt sich in die Systeme ein, <em>die ihr schon nutzt</em></h3>\n <div class="integration-grid">\n <span class="integration-chip"><span class="chip-dot" aria-hidden="true"></span>Pflegedokumentation</span>\n <span class="integration-chip"><span class="chip-dot" aria-hidden="true"></span>Kalendersystem</span>\n <span class="integration-chip"><span class="chip-dot" aria-hidden="true"></span>Telefonanlage</span>\n <span class="integration-chip"><span class="chip-dot" aria-hidden="true"></span>CRM</span>\n <span class="integration-chip"><span class="chip-dot" aria-hidden="true"></span>+ weitere auf Anfrage</span>\n </div>\n </section>\n\n <!-- ============ TESTIMONIALS ============ -->\n <!-- Echte Kundenstimmen (branchenuebergreifend, keine erfundenen Pflege-Zitate).\n Sobald Referenzen aus dem Pflege-/Gesundheitsbereich vorliegen: hier ersetzen. -->\n <div class="section-heading">\n <span class="section-kicker">smao im Einsatz</span>\n <h2>Betriebe, die mit <em>smao</em> telefonieren</h2>\n </div>\n\n <div class="testimonial-section">\n <div class="carousel" id="carousel" role="region" aria-label="Kundenstimmen">\n\n <div class="testimonial-card">\n <svg class="quote-mark" viewBox="0 0 24 20" fill="currentColor" aria-hidden="true">\n <path d="M0 20V12C0 5.373 4.373 0 11 0V4C7.134 4 4 7.134 4 11V12H11V20H0ZM13 20V12C13 5.373 17.373 0 24 0V4C20.134 4 17 7.134 17 11V12H24V20H13Z"/>\n </svg>\n <div class="testimonial-metric">\n <span class="big">~30%</span>\n <span class="label">Anrufe außerhalb Bürozeiten</span>\n </div>\n <p class="testimonial-quote">\n Seit smao im Einsatz ist, werden Meldungen auch außerhalb der Bürozeiten automatisiert und kostengünstig aufgenommen.\n </p>\n <div class="testimonial-author">\n <div class="avatar" aria-hidden="true">EW</div>\n <div class="author-meta">\n <div class="author-name">Elias Wysser</div>\n <div class="author-role">Teamleiter Technischer Service · selecta</div>\n </div>\n </div>\n </div>\n\n <div class="testimonial-card">\n <svg class="quote-mark" viewBox="0 0 24 20" fill="currentColor" aria-hidden="true">\n <path d="M0 20V12C0 5.373 4.373 0 11 0V4C7.134 4 4 7.134 4 11V12H11V20H0ZM13 20V12C13 5.373 17.373 0 24 0V4C20.134 4 17 7.134 17 11V12H24V20H13Z"/>\n </svg>\n <div class="testimonial-metric">\n <span class="big">24/7</span>\n <span class="label">jeder Anruf angenommen</span>\n </div>\n <p class="testimonial-quote">\n Anrufe werden automatisch erfasst und direkt ins System übergeben, die Anrufer erhalten sofort eine Antwort.\n </p>\n <div class="testimonial-author">\n <div class="avatar" aria-hidden="true">SO</div>\n <div class="author-meta">\n <div class="author-name">Samir Omar</div>\n <div class="author-role">CMO &amp; Co-Founder · KAEMI GmbH</div>\n </div>\n </div>\n </div>\n\n <div class="testimonial-card">\n <svg class="quote-mark" viewBox="0 0 24 20" fill="currentColor" aria-hidden="true">\n <path d="M0 20V12C0 5.373 4.373 0 11 0V4C7.134 4 4 7.134 4 11V12H11V20H0ZM13 20V12C13 5.373 17.373 0 24 0V4C20.134 4 17 7.134 17 11V12H24V20H13Z"/>\n </svg>\n <div class="testimonial-metric">\n <span class="big">100%</span>\n <span class="label">strukturierte Übergabe ans Team</span>\n </div>\n <p class="testimonial-quote">\n smao übernimmt eingehende Anfragen vollautomatisch und übergibt sie strukturiert an unser Team.\n </p>\n <div class="testimonial-author">\n <div class="avatar" aria-hidden="true">V</div>\n <div class="author-meta">\n <div class="author-name">Volker Frank</div>\n <div class="author-role">Geschäftsführer · netable</div>\n </div>\n </div>\n </div>\n\n </div>\n\n <div class="carousel-dots" role="tablist" aria-label="Testimonials wechseln">\n <button class="dot-indicator active" data-idx="0" aria-label="Testimonial 1"></button>\n <button class="dot-indicator" data-idx="1" aria-label="Testimonial 2"></button>\n <button class="dot-indicator" data-idx="2" aria-label="Testimonial 3"></button>\n </div>\n </div>\n\n <!-- ============ CLOSING CTA (Dark Brand) ============ -->\n <div class="closing">\n <span class="closing-kicker">Für Inhaber &amp; Leitungen</span>\n <h3>\n Findet heraus, ob <em>smao</em><br>\n <span class="muted">zu eurer Einrichtung passt</span>\n </h3>\n <p class="closing-sub">3 Fragen, 30 Sekunden. Dann sehen wir, wie viel Telefonzeit euer Betrieb aktuell bezahlt und was smao davon übernimmt.</p>\n <button class="btn-light js-next" type="button">\n Jetzt starten\n <svg class="arrow" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true">\n <path d="M5 12H19M19 12L13 6M19 12L13 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n </svg>\n </button>\n </div>\n\n <p class="footer-note">\n Eure Daten bleiben in Deutschland. DSGVO-konform. Kein Spam, keine Anrufe ohne Einwilligung.\n </p>\n\n</main>\n\n<script>\n // ===== Perspective.co Navigation Integration =====\n // Docs: https://intercom.help/perspective-funnels/en/articles/9094199\n function goNext() {\n if (window.perspective && typeof window.perspective.navigateToNextPage === 'function') {\n window.perspective.navigateToNextPage();\n } else {\n console.warn('Perspective navigation API nicht verfügbar. Funktioniert nur innerhalb von Perspective.');\n }\n }\n\n // Primärer "Ja" CTA + Closing CTA\n document.querySelectorAll('.js-next').forEach(btn => {\n btn.addEventListener('click', (e) => {\n btn.style.transform = 'scale(0.98)';\n setTimeout(() => btn.style.transform = '', 120);\n goNext();\n });\n });\n\n // "Aktuell nicht relevant" — hier kannst du wählen, was passieren soll:\n // A) Zu einer Perspective-Disqualifikations-Seite navigieren:\n // window.perspective.navigateToPageBySlug('nein-page-slug')\n // B) Auf externe URL weiterleiten:\n // window.location.href = 'https://smao.ai';\n // C) Nichts tun (User bleibt auf der Seite)\n document.querySelectorAll('.js-decline').forEach(btn => {\n btn.addEventListener('click', () => {\n // Beispiel: window.location.href = 'https://smao.ai';\n console.log('Nein geklickt, aktuell ohne Aktion. In Perspective konfigurieren.');\n });\n });\n\n // ===== Testimonial Carousel Dot Sync =====\n const carousel = document.getElementById('carousel');\n const dots = document.querySelectorAll('.dot-indicator');\n if (carousel && dots.length) {\n let ticking = false;\n carousel.addEventListener('scroll', () => {\n if (!ticking) {\n requestAnimationFrame(() => {\n const cardWidth = carousel.querySelector('.testimonial-card').offsetWidth + 12;\n const idx = Math.round(carousel.scrollLeft / cardWidth);\n dots.forEach((d, i) => d.classList.toggle('active', i === idx));\n ticking = false;\n });\n ticking = true;\n }\n });\n dots.forEach(dot => {\n dot.addEventListener('click', () => {\n const idx = parseInt(dot.dataset.idx, 10);\n const card = carousel.querySelectorAll('.testimonial-card')[idx];\n if (card) {\n carousel.scrollTo({ left: card.offsetLeft - carousel.offsetLeft, behavior: 'smooth' });\n }\n });\n });\n }\n\n // ===== Cal.com Inline Embed (Lazy-Loaded via IntersectionObserver) =====\n // Lädt das ~200kB große Cal.com-Script erst, wenn der User in die Nähe scrollt\n // → besseres Initial-Pageload, gleiche UX\n (function lazyLoadCal() {\n const target = document.getElementById('my-cal-inline-demo');\n const loadingEl = document.getElementById('cal-loading');\n if (!target) return;\n\n let initialized = false;\n\n function initCal() {\n if (initialized) return;\n initialized = true;\n\n // Cal.com Embed-Code – exakt wie vom Cal-Dashboard generiert (team/smao/demo, app.cal.eu)\n (function (C, A, L) {\n let p = function (a, ar) { a.q.push(ar); };\n let d = C.document;\n C.Cal = C.Cal || function () {\n let cal = C.Cal; let ar = arguments;\n if (!cal.loaded) {\n cal.ns = {}; cal.q = cal.q || [];\n d.head.appendChild(d.createElement("script")).src = A;\n cal.loaded = true;\n }\n if (ar[0] === L) {\n const api = function () { p(api, arguments); };\n const namespace = ar[1];\n api.q = api.q || [];\n if (typeof namespace === "string") {\n cal.ns[namespace] = cal.ns[namespace] || api;\n p(cal.ns[namespace], ar);\n p(cal, ["initNamespace", namespace]);\n } else p(cal, ar);\n return;\n }\n p(cal, ar);\n };\n })(window, "https://app.cal.eu/embed/embed.js", "init");\n\n Cal("init", "demo", { origin: "https://app.cal.eu" });\n Cal.config = Cal.config || {};\n Cal.config.forwardQueryParams = true;\n\n Cal.ns.demo("inline", {\n elementOrSelector: "#my-cal-inline-demo",\n config: { "layout": "month_view", "useSlotsViewOnSmallScreen": "true" },\n calLink: "team/smao/demo",\n });\n Cal.ns.demo("ui", { "hideEventTypeDetails": false, "layout": "month_view" });\n\n // Loading-Overlay nach kurzer Zeit ausblenden, sobald Cal.com gerendert hat\n // (das iframe wird ins target div injiziert)\n const checkLoaded = setInterval(() => {\n if (target.querySelector('iframe')) {\n clearInterval(checkLoaded);\n // Nochmal 600ms warten damit iframe-Content gerendert hat\n setTimeout(() => {\n if (loadingEl) loadingEl.classList.add('is-hidden');\n }, 600);\n }\n }, 150);\n // Safety-Fallback: nach 8s auf jeden Fall ausblenden\n setTimeout(() => {\n if (loadingEl) loadingEl.classList.add('is-hidden');\n clearInterval(checkLoaded);\n }, 8000);\n }\n\n if ('IntersectionObserver' in window) {\n const io = new IntersectionObserver((entries, obs) => {\n if (entries[0].isIntersecting) {\n obs.disconnect();\n initCal();\n }\n }, { rootMargin: '400px' });\n io.observe(target);\n } else {\n // Fallback: alte Browser laden direkt\n initCal();\n }\n })();\n\n</script>\n\n</body>\n</html>","provider":"custom-html","box":{"left":"none","right":"none","top":"none","bottom":"none"},"framed":false,"isGdprSensitive":true},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"6a568d9fa188fb79a7885bdd","components":[],"allowedChildSections":[],"pageId":"6a568d9fa188fb79a7885be5","companyId":"6a56604d6fff87d564a14715","componentType":"embed","createdAt":"2026-07-14T19:27:45.313Z","updatedAt":"2026-08-19T13:17:13.594Z","__v":0}],"isResultPage":false,"animation":"none","theme":{"_id":"5d5b04db87f853001d0c7c84","updatedAt":"2019-09-03T18:32:44.077Z","createdAt":"2019-08-19T20:21:47.082Z","name":"Perspective","typography":"Roboto:300,700","fontColor":"#000000","backgroundColor":"#ffffff","formFieldBackgroundColor":"#007aff","buttonBackgroundColor":"#0080FF","image":"https://perspective.imgix.net/assets/app/themes/perspective.png","type":"theme","__v":0,"transition":"default"},"themeV2":{"typography":"Roboto:300,700","fontColor":"#000000","backgroundColor":"#ffffff","formFieldBackgroundColor":"#007aff","buttonBackgroundColor":"#0080FF","borderRadius":"small","transition":"default"},"fields":[{"_id":"6a56929889a8d45defeace0b","type":"field","title":".","interactionType":"answers","additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_5vco1g","componentId":"6a56928a672e5c42d72e7fa2","answerTextId":"6a56928a672e5c42d72e7fa2","_id":"6a56929989a8d45defeace20","value":"1-30","visualType":null},{"fieldName":"question_5vco1g","componentId":"6a56928a672e5c42d72e7f9e","answerTextId":"6a56928a672e5c42d72e7f9e","_id":"6a56929989a8d45defeace2a","value":"31-100","visualType":null},{"fieldName":"question_5vco1g","componentId":"6a56928a672e5c42d72e7f9f","answerTextId":"6a56928a672e5c42d72e7f9f","_id":"6a56929989a8d45defeace34","value":"101-300","visualType":null},{"fieldName":"question_5vco1g","componentId":"6a56928a672e5c42d72e7fa3","answerTextId":"6a56928a672e5c42d72e7fa3","_id":"6a56929989a8d45defeace3e","value":"300+","visualType":null}]},"companyId":"6a56604d6fff87d564a14715","campaignId":"6a568d9fa188fb79a7885bdd","pageId":"6a5691d6ae2012932cbbc73f","componentId":"6a56928a672e5c42d72e7f8f","createdAt":"2026-07-14T19:48:40.977Z","updatedAt":"2026-07-14T19:52:31.666Z","__v":0},{"_id":"6a5693a3830e0a2ef569748e","type":"field","title":".","interactionType":"answers","additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_zxg4ya","componentId":"6a5693a3830e0a2ef569749a","answerTextId":"6a5693a3830e0a2ef569749a","_id":"6a5693a3830e0a2ef56974aa","visualType":null,"value":"Geschäftsführer / CEO"},{"fieldName":"question_zxg4ya","componentId":"6a5693a3830e0a2ef569749c","answerTextId":"6a5693a3830e0a2ef569749c","_id":"6a5693a3830e0a2ef56974ac","visualType":null,"value":"Bereichsleiter"},{"fieldName":"question_zxg4ya","componentId":"6a5693a3830e0a2ef569749e","answerTextId":"6a5693a3830e0a2ef569749e","_id":"6a5693a3830e0a2ef56974ae","visualType":null,"value":"Pflegekraft"},{"fieldName":"question_zxg4ya","componentId":"6a5693a3830e0a2ef569749d","answerTextId":"6a5693a3830e0a2ef569749d","_id":"6a5693a3830e0a2ef56974b0","visualType":null,"value":"Mitarbeiter"},{"fieldName":"question_zxg4ya","componentId":"6a85a90664d6679aecd54ad0","answerTextId":"6a85a90664d6679aecd54ad0","_id":"6a85a90664d6679aecd54ad4","visualType":null,"value":"Sonstiges"}]},"companyId":"6a56604d6fff87d564a14715","campaignId":"6a568d9fa188fb79a7885bdd","pageId":"6a5691d86f93643049728e06","componentId":"6a5693a3830e0a2ef569748b","createdAt":"2026-07-14T19:53:07.077Z","updatedAt":"2026-08-19T13:00:59.941Z","__v":0},{"_id":"6a5694d6bd4f99a2e63471bd","type":"field","title":".","interactionType":"form","additional":{"form":{"componentId":"6a5694d6bd4f99a2e63471c2","inputs":[{"fieldName":"email","conversionTrigger":true,"componentId":"6a5694d7bd4f99a2e63471cb","inputType":"email","required":true,"title":"E-Mail","visual":":email:","visualType":"emoji"},{"fieldName":"phone","conversionTrigger":true,"componentId":"6a5694d7bd4f99a2e63471cc","inputType":"phone","required":true,"title":"Telefonnummer","visual":":telephone_receiver:","visualType":"emoji"},{"fieldName":"lastName","conversionTrigger":false,"componentId":"6a5694d7bd4f99a2e63471cf","inputType":"text","required":true,"title":"Name","visual":":wave:","visualType":"emoji"},{"fieldName":"input_5bzpif","conversionTrigger":false,"componentId":"6a5694d7bd4f99a2e63471d0","inputType":"checkbox","required":true,"title":"Ich akzeptiere die Datenschutzbestimmungen","visual":":ballot_box_with_check:","visualType":"emoji"}]},"answers":[]},"companyId":"6a56604d6fff87d564a14715","campaignId":"6a568d9fa188fb79a7885bdd","pageId":"6a5693da46f380f64f0735b6","componentId":"6a5694d6bd4f99a2e63471ba","createdAt":"2026-07-14T19:58:14.821Z","updatedAt":"2026-08-19T13:54:45.941Z","__v":0}],"cookiesEnabled":true,"language":"de","showProgressBar":false,"showAffiliateBadge":false,"affiliateLink":"","resultMapping":{"6a5691d86f93643049728e06":{"6a5693a3830e0a2ef569749e":{"source":"6a5693a3830e0a2ef569749e","destination":"6a85a92f0b682d252f0ee45a","value":1}}},"nextPage":"6a5691d6ae2012932cbbc73f","sortedPages":["6a568d9fa188fb79a7885be5","6a5691d6ae2012932cbbc73f","6a5691d86f93643049728e06","6a5693da46f380f64f0735b6"],"hasResultPages":true,"resultPages":["6a568d9fa188fb79a7885be6","6a85a92f0b682d252f0ee45a"],"isHomePage":true,"isLastPage":false,"firstResultPage":"6a568d9fa188fb79a7885be6","headScript":"","bodyScript":"","trackingProperties":[{"_id":"6a5694d7bd4f99a2e63471f0","type":"trackingProperty","fieldName":"email","title":"email","source":"input","companyId":"6a56604d6fff87d564a14715","campaignId":"6a568d9fa188fb79a7885bdd","components":["6a5694d7bd4f99a2e63471cb"],"createdAt":"2026-07-14T19:58:15.194Z","updatedAt":"2026-08-19T13:54:45.923Z","__v":0},{"_id":"6a5694d7bd4f99a2e63471f4","type":"trackingProperty","fieldName":"lastName","title":"lastName","source":"input","companyId":"6a56604d6fff87d564a14715","campaignId":"6a568d9fa188fb79a7885bdd","components":["6a5694d7bd4f99a2e63471cf"],"createdAt":"2026-07-14T19:58:15.201Z","updatedAt":"2026-08-19T13:54:45.923Z","__v":0},{"_id":"6a5694d7bd4f99a2e63471f2","type":"trackingProperty","fieldName":"phone","title":"phone","source":"input","companyId":"6a56604d6fff87d564a14715","campaignId":"6a568d9fa188fb79a7885bdd","components":["6a5694d7bd4f99a2e63471cc"],"createdAt":"2026-07-14T19:58:15.196Z","updatedAt":"2026-08-19T13:54:45.930Z","__v":0},{"_id":"6a56928a672e5c42d72e7f97","type":"trackingProperty","fieldName":"question_5vco1g","title":".","source":"question","companyId":"6a56604d6fff87d564a14715","campaignId":"6a568d9fa188fb79a7885bdd","components":["6a56928a672e5c42d72e7f8f"],"createdAt":"2026-07-14T19:48:26.588Z","updatedAt":"2026-08-19T13:54:45.923Z","__v":0},{"_id":"6a5693a3830e0a2ef5697493","type":"trackingProperty","fieldName":"question_zxg4ya","title":".","source":"question","companyId":"6a56604d6fff87d564a14715","campaignId":"6a568d9fa188fb79a7885bdd","components":["6a5693a3830e0a2ef569748b"],"createdAt":"2026-07-14T19:53:07.182Z","updatedAt":"2026-08-19T13:54:45.923Z","__v":0}],"automaticRedirect":null,"inputMap":{"byComponent":{"6a5694d7bd4f99a2e63471cf":{"name":"lname","originalName":"lname","parentId":"6a5694d6bd4f99a2e63471c2","autocomplete":"family-name"},"6a5694d7bd4f99a2e63471cb":{"name":"email","originalName":"email","parentId":"6a5694d6bd4f99a2e63471c2","autocomplete":"email"},"6a5694d7bd4f99a2e63471cc":{"name":"phone","originalName":"phone","parentId":"6a5694d6bd4f99a2e63471c2","autocomplete":"tel"},"6a5694d7bd4f99a2e63471d0":{"name":"input_5bzpif","originalName":"input_5bzpif","parentId":"6a5694d6bd4f99a2e63471c2","autocomplete":""}},"byName":{"6a5694d6bd4f99a2e63471c2":{"lname":"6a5694d7bd4f99a2e63471cf","email":"6a5694d7bd4f99a2e63471cb","phone":"6a5694d7bd4f99a2e63471cc","input_5bzpif":"6a5694d7bd4f99a2e63471d0"}}},"pageIdSlugMap":{"6a568d9fa188fb79a7885be5":"startseite","6a568d9fa188fb79a7885be6":"danke","6a5691d6ae2012932cbbc73f":"page_4gpe1l","6a5691d86f93643049728e06":"page_1jrpiu","6a5693da46f380f64f0735b6":"page_9gbpli","6a85a92f0b682d252f0ee45a":"page_ch8a3z"},"context":{"slug":"","trackingVersion":"v4","url":"https://demo-pflege.smao.ai/","domain":"demo-pflege.smao.ai"}}