@font-face{font-family: "Inter";font-style: normal;font-weight: 100 900;font-display: swap;src: url("../fonts/Inter-latin.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Inter";font-style: normal;font-weight: 100 900;font-display: swap;src: url("../fonts/Inter-latin-ext.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font-sans: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--color-bg: #ffffff;--color-bg-alt: #f5f6f1;--color-surface: #ffffff;--color-surface-alt: #eef1e7;--color-border: #e1e4d9;--color-border-strong: #cdd2c1;--color-text: #191d15;--color-text-muted: #5b6155;--color-text-faint: #868c7d;--color-accent: #5a7d31;--color-accent-hover: #4f6d2b;--color-accent-soft: #e9f0dd;--color-accent-contrast: #ffffff;--color-danger-soft: #f3ece2;--color-danger-text: #7a5a2a;--shadow-sm: 0 1px 2px rgba(25,29,21,0.06);--shadow-md: 0 6px 20px -6px rgba(25,29,21,0.14);--shadow-lg: 0 20px 45px -18px rgba(25,29,21,0.28);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--container: 1200px;--header-h: 76px;--ease: cubic-bezier(0.22,1,0.36,1)}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}body{margin: 0;background: var(--color-bg);color: var(--color-text);font-family: var(--font-sans);font-size: 16px;line-height: 1.6;-webkit-font-smoothing: antialiased;transition: background-color 0.3s var(--ease),color 0.3s var(--ease)}img,svg{display: block;max-width: 100%}a{color: inherit;text-decoration: none}ul,ol{padding: 0;margin: 0;list-style: none}button{font: inherit;color: inherit;background: none;border: none;cursor: pointer}input,textarea{font: inherit;color: inherit}h1,h2,h3,h4{margin: 0;font-weight: 650;letter-spacing: -0.01em;line-height: 1.15}h1{font-size: clamp(1.85rem,1.5rem + 1.4vw,2.7rem);letter-spacing: -0.02em}h2{font-size: clamp(1.4rem,1.15rem + 1vw,1.9rem)}h3{font-size: 1.25rem}h4{font-size: 1.05rem}p{margin: 0}.container{width: 100%;max-width: var(--container);margin: 0 auto;padding: 0 24px}.eyebrow{display: inline-flex;align-items: center;gap: 8px;font-size: 0.8rem;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: var(--color-accent)}.eyebrow::before{content: "";width: 18px;height: 2px;background: var(--color-accent);border-radius: 2px}.lead{font-size: 1.125rem;color: var(--color-text-muted);max-width: 60ch}.section{padding: clamp(64px,6vw + 20px,128px) 0}.section-alt{background: var(--color-bg-alt)}.section-border-top{border-top: 1px solid var(--color-border)}.section-header{margin-bottom: 48px;display: flex;flex-direction: column;gap: 16px}.section-header .lead{max-width: none}.section-header.center{margin-left: auto;margin-right: auto;text-align: center;align-items: center}.text-center{text-align: center}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 13px 24px;border-radius: var(--radius-pill);font-weight: 600;font-size: 0.95rem;white-space: nowrap;transition: transform 0.25s var(--ease),box-shadow 0.25s var(--ease),background-color 0.25s var(--ease),border-color 0.25s var(--ease),color 0.25s var(--ease);border: 1px solid transparent}.btn-primary{background: var(--color-accent);color: var(--color-accent-contrast);box-shadow: var(--shadow-sm)}.btn-primary:hover{background: var(--color-accent-hover);box-shadow: var(--shadow-md);transform: translateY(-1px)}.btn-secondary{background: transparent;color: var(--color-text);border-color: var(--color-border-strong)}.btn-secondary:hover{border-color: var(--color-accent);color: var(--color-accent);transform: translateY(-1px)}.btn-sm{padding: 9px 18px;font-size: 0.875rem}.btn-row{display: flex;flex-wrap: wrap;gap: 14px;align-items: center}.site-header{position: sticky;top: 0;z-index: 100;height: var(--header-h);display: flex;align-items: center;border-bottom: 1px solid transparent;transition: border-color 0.3s var(--ease),box-shadow 0.3s var(--ease),height 0.3s var(--ease)}.site-header::before{content: "";position: absolute;inset: 0;z-index: -1;background: color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter: blur(14px) saturate(140%);-webkit-backdrop-filter: blur(14px) saturate(140%)}.site-header.is-scrolled{border-bottom-color: var(--color-border);box-shadow: var(--shadow-sm)}.site-header .container{display: flex;align-items: center;justify-content: space-between;gap: 24px}.logo{display: flex;align-items: center;gap: 8px;font-weight: 700;font-size: 1.2rem;letter-spacing: -0.02em;color: var(--color-text)}.ai-mark{color: var(--color-accent)}.main-nav{display: flex;align-items: center;gap: 4px;flex: 1;justify-content: center}.nav-item{position: relative;flex-shrink: 0}.nav-link{display: flex;align-items: center;gap: 6px;padding: 10px 14px;border-radius: var(--radius-pill);font-size: 0.94rem;font-weight: 500;color: var(--color-text-muted);white-space: nowrap;flex-shrink: 0;transition: background-color 0.2s var(--ease),color 0.2s var(--ease)}.nav-link:hover,.nav-link[aria-expanded="true"]{color: var(--color-text);background: var(--color-surface-alt)}.nav-caret{width: 9px;height: 9px;transition: transform 0.25s var(--ease);opacity: 0.7}.nav-item:hover .nav-caret,.nav-link[aria-expanded="true"] .nav-caret{transform: rotate(180deg)}.dropdown{position: absolute;top: calc(100% + 8px);left: 0;min-width: 300px;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);box-shadow: var(--shadow-lg);padding: 10px;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(8px);transition: opacity 0.2s var(--ease),transform 0.2s var(--ease),visibility 0.2s;z-index: 50}.nav-item.is-open .dropdown,.nav-item.is-hover-open .dropdown{opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(0)}.dropdown::before{content: "";position: absolute;top: -8px;left: 0;right: 0;height: 8px;visibility: visible;pointer-events: auto}.dropdown-link{display: flex;align-items: flex-start;gap: 12px;padding: 10px 12px;border-radius: var(--radius-sm);transition: background-color 0.2s var(--ease)}.dropdown-link:hover{background: var(--color-surface-alt)}.dropdown-link .icon-badge{flex-shrink: 0}.dropdown-link strong{display: block;font-size: 0.92rem;font-weight: 600}.dropdown-link small{display: block;margin-top: 2px;font-size: 0.8rem;color: var(--color-text-faint)}.dropdown-wide{display: flex;align-items: flex-start;gap: 6px;min-width: 560px}.dropdown-col{flex: 1;min-width: 240px;display: flex;flex-direction: column}.dropdown-col + .dropdown-col{border-left: 1px solid var(--color-border);padding-left: 8px;margin-left: 4px}.header-actions{display: flex;align-items: center;gap: 10px}.nav-toggle{display: none;position: relative;z-index: 210;flex-direction: column;gap: 5px;width: 38px;height: 38px;align-items: center;justify-content: center}.nav-toggle span{width: 20px;height: 2px;background: var(--color-text);border-radius: 2px;transition: transform 0.3s var(--ease),opacity 0.3s var(--ease)}body.nav-open .nav-toggle span:nth-child(1){transform: translateY(7px) rotate(45deg)}body.nav-open .nav-toggle span:nth-child(2){opacity: 0}body.nav-open .nav-toggle span:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.mobile-panel,.mobile-backdrop{display: none}.icon-badge{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;flex-shrink: 0;border-radius: var(--radius-md);background: var(--color-accent-soft);color: var(--color-accent)}.icon-badge svg{width: 25px;height: 25px;flex-shrink: 0}.icon-badge.sm{width: 34px;height: 34px;border-radius: var(--radius-sm)}.icon-badge.sm svg{width: 19px;height: 19px}.hero{position: relative;overflow: hidden;padding: clamp(72px,8vw,140px) 0 clamp(56px,6vw,96px)}.hero-glow{position: absolute;inset: -20% -10% auto -10%;height: 640px;background: radial-gradient(600px 320px at 18% 20%,color-mix(in srgb,var(--color-accent) 16%,transparent),transparent 70%),radial-gradient(500px 320px at 85% 10%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 70%);filter: blur(10px);animation: driftGlow 22s ease-in-out infinite alternate;pointer-events: none;z-index: 0}@keyframes driftGlow{0%{transform: translate(0,0) scale(1)}100%{transform: translate(2%,3%) scale(1.04)}}.hero .container{position: relative;z-index: 1}.hero-inner{display: grid;gap: 20px;max-width: 780px}.hero h1{margin: 6px 0 4px}.hero .lead{font-size: 1.2rem;max-width: 56ch}.hero-meta{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 8px;font-size: 0.85rem;color: var(--color-text-faint)}.hero-meta li{display: flex;align-items: center;gap: 7px}.hero-meta svg{width: 15px;height: 15px;color: var(--color-accent);flex-shrink: 0}.mockup{border-radius: var(--radius-lg);border: 1px solid var(--color-border);background: var(--color-surface);box-shadow: var(--shadow-lg);overflow: hidden}.mockup-body{padding: 22px;display: flex;flex-direction: column;gap: 14px}.grid{display: grid;gap: 24px}.grid-2{grid-template-columns: repeat(2,1fr)}.grid-3{grid-template-columns: repeat(3,1fr)}.grid-4{grid-template-columns: repeat(4,1fr)}.card{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: 30px;transition: transform 0.3s var(--ease),box-shadow 0.3s var(--ease),border-color 0.3s var(--ease)}.card:hover{transform: translateY(-4px);box-shadow: var(--shadow-md);border-color: var(--color-border-strong)}.card h3{margin: 16px 0 8px;min-height: 2.9rem}.card h4{min-height: 2.45rem}.card p{color: var(--color-text-muted);font-size: 0.94rem}.card .icon-badge{margin-bottom: 4px}.card-link{display: inline-flex;align-items: center;gap: 6px;margin-top: 14px;font-size: 0.85rem;font-weight: 600;color: var(--color-accent)}.card-link svg{width: 14px;height: 14px;transition: transform 0.25s var(--ease)}.card:hover .card-link svg{transform: translateX(3px)}.card.plain{padding: 26px}.card.tight{padding: 22px}.use-case{display: flex;flex-direction: column;gap: 10px;border-radius: var(--radius-md);border: 1px solid var(--color-border);background: var(--color-surface);padding: 22px}.use-case .tag{align-self: flex-start;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--color-accent);background: var(--color-accent-soft);padding: 4px 10px;border-radius: var(--radius-pill)}.usecase-card{border-radius: var(--radius-md);border: 1px solid var(--color-border);background: var(--color-surface);padding: 22px 24px;display: flex;flex-direction: column;gap: 10px}.usecase-card-head{display: flex;align-items: baseline;gap: 10px;flex-wrap: wrap}.usecase-card-head h4{margin: 0}.usecase-num{color: var(--color-accent);font-weight: 700}.tag-quickwin{font-size: 0.68rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;background: var(--color-accent);color: var(--color-accent-contrast);padding: 3px 9px;border-radius: var(--radius-pill)}.usecase-desc{color: var(--color-text-muted);font-size: 0.92rem}.usecase-meta{display: grid;grid-template-columns: 1fr;gap: 16px;margin-top: 6px;padding-top: 14px;border-top: 1px solid var(--color-border)}.usecase-meta-item{display: flex;flex-direction: column;gap: 4px}.usecase-meta-label{font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;color: var(--color-text-muted)}.usecase-meta-value{font-size: 0.88rem}@media (max-width: 640px){.usecase-meta{grid-template-columns: 1fr;gap: 10px}}.stat{display: flex;flex-direction: column;gap: 4px}.stat .num{font-size: 2.2rem;font-weight: 700;color: var(--color-accent);letter-spacing: -0.02em}.stat .label{color: var(--color-text-muted);font-size: 0.9rem}.compare{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;align-items: stretch}.compare-col{border-radius: var(--radius-lg);padding: 32px;border: 1px solid var(--color-border)}.compare-col.negative{background: var(--color-bg-alt)}.compare-col.positive{background: var(--color-surface);border-color: var(--color-accent);box-shadow: var(--shadow-md);position: relative}.compare-col h3{margin-bottom: 16px}.compare-list li{display: flex;gap: 10px;align-items: flex-start;padding: 9px 0;font-size: 0.92rem;color: var(--color-text-muted);border-top: 1px solid var(--color-border)}.compare-list li:first-child{border-top: none}.compare-list svg{width: 17px;height: 17px;flex-shrink: 0;margin-top: 2px}.compare-col.negative svg{color: var(--color-text-faint)}.compare-col.positive svg{color: var(--color-accent)}.compare-col.positive li{color: var(--color-text)}.steps{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;counter-reset: step}.steps.steps-3{grid-template-columns: repeat(3,1fr)}.step{position: relative;padding-top: 8px}.step .step-num{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;background: var(--color-accent);color: var(--color-accent-contrast);font-weight: 700;font-size: 0.9rem;margin-bottom: 16px}.step h4{margin-bottom: 8px}.step p{color: var(--color-text-muted);font-size: 0.9rem}section[id]{scroll-margin-top: 160px}.anchor-nav{position: sticky;top: var(--header-h);z-index: 40;border-bottom: 1px solid var(--color-border)}.anchor-nav::before{content: "";position: absolute;inset: 0;z-index: -1;background: color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}.anchor-nav .container{display: flex;gap: 4px;overflow-x: auto;padding-top: 4px;padding-bottom: 4px;scrollbar-width: none}.anchor-nav .container::-webkit-scrollbar{display: none}.anchor-nav a{flex-shrink: 0;padding: 12px 14px;font-size: 0.85rem;font-weight: 500;color: var(--color-text-muted);border-bottom: 2px solid transparent;transition: color 0.2s var(--ease),border-color 0.2s var(--ease)}.anchor-nav a:hover{color: var(--color-text)}.anchor-nav a.is-active{color: var(--color-accent);border-color: var(--color-accent)}.tabs-head{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 28px}.tabs-head-sticky{position: sticky;top: var(--header-h);z-index: 40;padding: 14px 0;margin-bottom: 16px}.tabs-head-sticky::before{content: "";position: absolute;inset: 0;z-index: -1;background: color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid var(--color-border)}.tab-btn{padding: 10px 18px;border-radius: var(--radius-pill);border: 1px solid var(--color-border);font-size: 0.88rem;font-weight: 600;color: var(--color-text-muted);transition: all 0.2s var(--ease)}.tab-btn:hover{border-color: var(--color-accent);color: var(--color-text)}.tab-btn.is-active{background: var(--color-accent);border-color: var(--color-accent);color: var(--color-accent-contrast)}.tab-panel{display: none}.tab-panel.is-active{display: block;animation: fadeIn 0.4s var(--ease)}@keyframes fadeIn{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: translateY(0)}}.accordion-item{border-bottom: 1px solid var(--color-border)}.accordion-item:first-child{border-top: 1px solid var(--color-border)}.accordion-trigger{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 22px 4px;text-align: left;font-size: 1rem;font-weight: 600}.accordion-trigger .plus{flex-shrink: 0;width: 22px;height: 22px;position: relative}.accordion-trigger .plus::before,.accordion-trigger .plus::after{content: "";position: absolute;background: var(--color-accent);top: 50%;left: 50%;transform: translate(-50%,-50%);transition: transform 0.3s var(--ease)}.accordion-trigger .plus::before{width: 14px;height: 2px}.accordion-trigger .plus::after{width: 2px;height: 14px}.accordion-item.is-open .accordion-trigger .plus::after{transform: translate(-50%,-50%) rotate(90deg);opacity: 0}.accordion-panel{display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.35s var(--ease)}.accordion-item.is-open .accordion-panel{grid-template-rows: 1fr}.accordion-panel-inner{overflow: hidden}.accordion-panel-inner p{padding: 0 4px 22px;color: var(--color-text-muted);max-width: 68ch}.checklist-progress{display: flex;align-items: center;gap: 14px;margin-bottom: 32px;padding: 18px 22px;border-radius: var(--radius-md);background: var(--color-surface-alt);border: 1px solid var(--color-border)}.checklist-progress .bar{flex: 1;height: 8px;border-radius: var(--radius-pill);background: var(--color-border);overflow: hidden}.checklist-progress .bar > span{display: block;height: 100%;background: var(--color-accent);width: 0%;transition: width 0.4s var(--ease);border-radius: var(--radius-pill)}.checklist-progress .count{font-size: 0.85rem;font-weight: 600;color: var(--color-text-muted);white-space: nowrap}.check-group{margin-bottom: 18px;border: 1px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-surface);overflow: hidden}.check-group-head{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 18px 20px;font-weight: 650}.check-group-head .phase-num{color: var(--color-accent);margin-right: 10px;font-variant-numeric: tabular-nums}.check-group-head .chev{width: 16px;height: 16px;transition: transform 0.3s var(--ease);flex-shrink: 0;color: var(--color-text-faint)}.check-group.is-open .chev{transform: rotate(180deg)}.check-group-body{display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.35s var(--ease)}.check-group.is-open .check-group-body{grid-template-rows: 1fr}.check-group-body-inner{overflow: hidden;padding: 0 20px}.check-item{display: flex;align-items: flex-start;gap: 12px;padding: 12px 0;border-top: 1px solid var(--color-border)}.check-item:first-child{border-top: none}.check-item input{width: 18px;height: 18px;margin-top: 2px;accent-color: var(--color-accent);flex-shrink: 0;cursor: pointer}.check-item label{font-size: 0.92rem;color: var(--color-text-muted);cursor: pointer}.check-item input:checked + label{color: var(--color-text);text-decoration: line-through;text-decoration-color: var(--color-border-strong)}.check-group-body-inner{padding-bottom: 18px}table{width: 100%;border-collapse: collapse;font-size: 0.88rem}th,td{text-align: left;padding: 14px 18px;border-bottom: 1px solid var(--color-border);white-space: nowrap}thead th{background: var(--color-surface-alt);font-weight: 650;color: var(--color-text-muted);font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.04em}tbody tr:last-child td{border-bottom: none}tbody tr:hover{background: var(--color-surface-alt)}.callout{display: flex;gap: 16px;padding: 24px 26px;border-radius: var(--radius-md);background: var(--color-accent-soft);border: 1px solid color-mix(in srgb,var(--color-accent) 30%,var(--color-border))}.callout .icon-badge{background: var(--color-surface)}.callout h4{margin-bottom: 6px}.callout p{color: var(--color-text-muted);font-size: 0.92rem}.callout.limits{background: var(--color-danger-soft);border-color: color-mix(in srgb,var(--color-danger-text) 25%,var(--color-border))}.callout.limits .icon-badge{background: var(--color-surface);color: var(--color-danger-text)}.cta-banner{border-radius: var(--radius-lg);padding: clamp(32px,3.5vw,44px);background: linear-gradient(135deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 70%,#2b3a18));color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 18px;position: relative;overflow: hidden}.cta-banner .btn-row{justify-content: center}.cta-banner::after{content: "";position: absolute;inset: 0;background: radial-gradient(420px 220px at 85% 0%,rgba(255,255,255,0.16),transparent 70%)}.cta-banner > *{position: relative;z-index: 1}.cta-banner h2{color: #fff;margin-bottom: 10px}.cta-banner p{color: rgba(255,255,255,0.82);max-width: 46ch;margin-left: auto;margin-right: auto}.cta-banner .btn-primary{background: #fff;color: var(--color-accent-hover)}.cta-banner .btn-primary:hover{background: #f2f5ec}.cta-banner .btn-secondary{border-color: rgba(255,255,255,0.4);color: #fff}.cta-banner .btn-secondary:hover{border-color: #fff;color: #fff;background: rgba(255,255,255,0.1)}.cta-banner .ai-mark{color: #fff}.related-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px}.related-card{padding: 24px;border-radius: var(--radius-md);border: 1px solid var(--color-border);background: var(--color-surface);transition: transform 0.25s var(--ease),border-color 0.25s var(--ease)}.related-card:hover{transform: translateY(-3px);border-color: var(--color-accent)}.related-card .eyebrow{margin-bottom: 10px}.related-card p{color: var(--color-text-muted);font-size: 0.88rem;margin-top: 6px}.site-footer{background: var(--color-bg-alt);border-top: 1px solid var(--color-border);padding: 64px 0 28px}.footer-top{display: grid;grid-template-columns: 1.4fr repeat(4,1fr);gap: 32px;padding-bottom: 48px}.footer-brand .logo{margin-bottom: 14px}.footer-brand p{color: var(--color-text-muted);font-size: 0.9rem;max-width: 30ch}.footer-col h4{font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--color-text-faint);margin-bottom: 16px}.footer-col ul{display: flex;flex-direction: column;gap: 11px}.footer-col a{font-size: 0.9rem;color: var(--color-text-muted);transition: color 0.2s var(--ease)}.footer-col a:hover{color: var(--color-accent)}.footer-bottom{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding-top: 24px;border-top: 1px solid var(--color-border);font-size: 0.82rem;color: var(--color-text-faint);flex-wrap: wrap}.footer-bottom .legal-links{display: flex;gap: 20px}.footer-bottom a:hover{color: var(--color-accent)}.reveal{opacity: 0;transform: translateY(18px);transition: opacity 0.7s var(--ease),transform 0.7s var(--ease)}.reveal.is-visible{opacity: 1;transform: translateY(0)}.reveal-group.is-visible .reveal-item{opacity: 1;transform: translateY(0)}.reveal-item{opacity: 0;transform: translateY(18px);transition: opacity 0.6s var(--ease),transform 0.6s var(--ease)}.form-grid{display: grid;gap: 18px;grid-template-columns: 1fr 1fr}.form-grid .full{grid-column: 1 / -1}.field{display: flex;flex-direction: column;gap: 7px}.field label{font-size: 0.85rem;font-weight: 600}.field input,.field select,.field textarea{padding: 12px 14px;border-radius: var(--radius-sm);border: 1px solid var(--color-border-strong);background: var(--color-surface);color: var(--color-text);transition: border-color 0.2s var(--ease),box-shadow 0.2s var(--ease)}.field input:focus,.field select:focus,.field textarea:focus{outline: none;border-color: var(--color-accent);box-shadow: 0 0 0 3px var(--color-accent-soft)}.field textarea{resize: vertical;min-height: 120px}.form-note{font-size: 0.8rem;color: var(--color-text-faint)}.form-success{display: none;padding: 16px 18px;border-radius: var(--radius-sm);background: var(--color-accent-soft);color: var(--color-text);font-size: 0.9rem;margin-top: 16px}.form-success.is-visible{display: block}.contact-info-card{display: flex;flex-direction: column;gap: 22px}.contact-info-row{display: flex;gap: 14px;align-items: flex-start}.contact-info-row h4{margin-bottom: 4px}.contact-info-row p,.contact-info-row a{color: var(--color-text-muted);font-size: 0.9rem}.contact-info-row a:hover{color: var(--color-accent)}.page-hero{padding: clamp(56px,6vw,88px) 0 clamp(40px,4vw,56px)}.page-hero .eyebrow{margin-bottom: 16px}.page-hero h1{max-width: 18ch}.page-hero .lead{margin-top: 16px}.page-hero .hero-grid{grid-template-columns: 1fr 1fr;grid-template-areas: "heading illustration" "lead illustration";column-gap: 40px;row-gap: 0;align-items: center}.page-hero .hero-heading{grid-area: heading}.page-hero .hero-lead-block{grid-area: lead}.hero-illustration{grid-area: illustration;color: var(--color-accent)}.hero-illustration svg{width: 100%;height: auto;max-height: 280px}@media (min-width: 1080px){.hero-illustration svg{max-height: 340px}}@media (max-width: 860px){.page-hero .hero-grid{grid-template-columns: 1fr;grid-template-areas: "heading" "illustration" "lead";row-gap: 20px}.hero-illustration{max-width: 260px;margin: 0 auto}}@media (max-width: 1080px){.footer-top{grid-template-columns: repeat(3,1fr)}.footer-brand{grid-column: 1 / -1}.grid-4{grid-template-columns: repeat(2,1fr)}.steps{grid-template-columns: repeat(2,1fr)}.related-grid{grid-template-columns: 1fr}}@media (max-width: 860px){.main-nav{display: none}.nav-toggle{display: flex}.header-actions .desktop-only{display: none}body.nav-open .mobile-panel{transform: translateX(0)}.mobile-panel{position: fixed;inset: 0 0 0 auto;width: min(340px,86vw);height: 100vh;background: var(--color-surface);border-left: 1px solid var(--color-border);box-shadow: var(--shadow-lg);transform: translateX(100%);transition: transform 0.35s var(--ease);z-index: 200;overflow-y: auto;padding: 90px 26px 40px;display: flex;flex-direction: column;gap: 6px}.mobile-backdrop{display: block;position: fixed;inset: 0;height: 100vh;background: rgba(10,12,8,0.4);opacity: 0;pointer-events: none;transition: opacity 0.3s var(--ease);z-index: 190}body.nav-open .mobile-backdrop{opacity: 1;pointer-events: auto}body.nav-open{overflow: hidden}.mobile-group summary{list-style: none;display: flex;align-items: center;justify-content: space-between;padding: 14px 4px;font-weight: 600;cursor: pointer}.mobile-group summary::-webkit-details-marker{display: none}.mobile-group ul{padding: 0 4px 14px 4px;display: flex;flex-direction: column;gap: 4px}.mobile-group a,.mobile-link{display: block;padding: 12px 4px;color: var(--color-text-muted);font-weight: 500}.mobile-panel .btn{margin-top: 16px;width: 100%}.compare{grid-template-columns: 1fr}.grid-2{grid-template-columns: 1fr}.grid-3{grid-template-columns: 1fr}.grid-4{grid-template-columns: 1fr 1fr}.steps{grid-template-columns: 1fr}.footer-top{grid-template-columns: 1fr 1fr}.related-grid{grid-template-columns: 1fr}.form-grid{grid-template-columns: 1fr}}@media (max-width: 560px){.grid-4{grid-template-columns: 1fr}.footer-top{grid-template-columns: 1fr}.footer-bottom{flex-direction: column;align-items: flex-start}h1{max-width: none !important}}.pill{display: inline-flex;align-items: center;gap: 10px;align-self: flex-start;justify-self: start;width: fit-content;padding: 5px 14px 5px 5px;border: 1px solid var(--color-border);border-radius: var(--radius-pill);font-size: 0.85rem;font-weight: 600;color: var(--color-text);background: var(--color-surface);box-shadow: var(--shadow-sm);transition: border-color 0.2s var(--ease),transform 0.2s var(--ease)}.pill:hover{border-color: var(--color-accent);transform: translateY(-1px)}.pill i{font-style: normal;background: var(--color-accent);color: var(--color-accent-contrast);font-size: 0.68rem;font-weight: 700;padding: 4px 9px;border-radius: var(--radius-pill);letter-spacing: 0.05em;text-transform: uppercase}.pill .arr{display: inline-block;transition: transform 0.2s var(--ease);color: var(--color-accent)}.pill:hover .arr{transform: translateX(4px)}.hero h1 em{font-style: normal;color: var(--color-accent);position: relative;white-space: nowrap}.hero h1 em::after{content: "";position: absolute;left: 0;right: 0;bottom: 0.04em;height: 0.09em;background: var(--color-accent);border-radius: 4px;opacity: 0.35;transform: scaleX(0);transform-origin: left;animation: underlineIn 0.9s 0.7s var(--ease) forwards}@keyframes underlineIn{to{transform: scaleX(1)}}.mockup{transition: transform 0.5s var(--ease),box-shadow 0.5s var(--ease)}.mockup:hover{transform: translateY(-4px)}@keyframes msgIn{to{opacity: 1;transform: none}}@keyframes shimmer{to{background-position: -200% 0}}@keyframes typeDot{0%,60%,100%{opacity: 0.3;transform: none}30%{opacity: 1;transform: translateY(-3px)}}.logos{border-block: 1px solid var(--color-border);padding: 28px 0;background: var(--color-bg-alt);overflow: hidden}.logos-in{display: flex;align-items: center;gap: 40px}.logos-label{flex: none;width: 210px;font-size: 0.74rem;font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;color: var(--color-text-faint);line-height: 1.5}.mq{flex: 1;overflow: hidden;-webkit-mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.mq-track{display: flex;gap: 14px;width: max-content;animation: mq 38s linear infinite}.mq-dupe{display: contents}.mq:hover .mq-track{animation-play-state: paused}.mq-item{flex: none;padding: 10px 20px;border-radius: var(--radius-pill);border: 1px solid var(--color-border);background: var(--color-surface);font-size: 0.88rem;font-weight: 600;color: var(--color-text-muted);transition: border-color 0.3s var(--ease),color 0.3s var(--ease)}.mq-item:hover{border-color: var(--color-accent);color: var(--color-accent)}@keyframes mq{to{transform: translateX(-50%)}}.aud{display: flex;width: fit-content;max-width: 100%;margin: 0 auto 32px;padding: 4px;background: var(--color-bg-alt);border: 1px solid var(--color-border);border-radius: 14px;overflow-x: auto}.aud button{padding: 10px 18px;border-radius: 10px;font-weight: 600;font-size: 0.9rem;color: var(--color-text-muted);white-space: nowrap;transition: all 0.25s var(--ease)}.aud button:hover{color: var(--color-text)}.aud button.on{background: var(--color-surface);color: var(--color-text);box-shadow: 0 2px 8px rgba(0,0,0,0.06),0 0 0 1px var(--color-border)}.card.reveal-item{transition: opacity 0.6s var(--ease),transform 0.5s var(--ease),box-shadow 0.35s var(--ease),border-color 0.3s var(--ease),filter 0.4s var(--ease)}.card.reveal-item:hover{box-shadow: var(--shadow-lg)}.bento.f-assistenz .card:not([data-a~="assistenz"]),.bento.f-automatisierung .card:not([data-a~="automatisierung"]),.bento.f-integration .card:not([data-a~="integration"]){opacity: 0.38 !important;filter: grayscale(0.7)}.card .icon-badge{transition: background-color 0.3s var(--ease),color 0.3s var(--ease),transform 0.4s var(--ease)}.card:hover .icon-badge{background: var(--color-accent);color: var(--color-accent-contrast);transform: rotate(-6deg) scale(1.06)}.btn .arr,.btn-primary{position: relative}.proc{background: var(--color-bg-alt);border-block: 1px solid var(--color-border)}.proc-g{display: grid;grid-template-columns: 1fr 1.5fr;gap: 80px;align-items: start}.proc-l{position: sticky;top: calc(var(--header-h) + 40px)}.proc-l .lead{max-width: 42ch}.steps2{position: relative;display: flex;flex-direction: column}.steps2::before{content: "";position: absolute;left: 23px;top: 24px;bottom: 24px;width: 2px;background: repeating-linear-gradient(var(--color-border-strong) 0 6px,transparent 6px 12px)}.step2{display: grid;grid-template-columns: 48px 1fr;gap: 24px;padding: 22px 0;opacity: 0;transform: translateY(18px);transition: opacity 0.7s var(--ease),transform 0.7s var(--ease)}.step2.is-visible{opacity: 1;transform: none}.step2 .n{width: 48px;height: 48px;border-radius: 14px;background: var(--color-surface);border: 1px solid var(--color-border);display: flex;align-items: center;justify-content: center;font-size: 0.8rem;font-weight: 700;font-variant-numeric: tabular-nums;color: var(--color-text);position: relative;z-index: 1;transition: all 0.3s var(--ease)}.step2:hover .n{background: var(--color-accent);color: var(--color-accent-contrast);border-color: var(--color-accent);transform: scale(1.06)}.step2.hl .n{background: var(--color-text);color: var(--color-bg);border-color: var(--color-text)}.step2 h4{margin: 8px 0 6px;font-size: 1.15rem}.step2 .meta{font-size: 0.7rem;font-weight: 700;color: var(--color-accent);text-transform: uppercase;letter-spacing: 0.06em}.step2 .meta em{font-style: normal;color: var(--color-text-faint);margin-left: 4px}.step2 p{color: var(--color-text-muted);font-size: 0.95rem;max-width: 52ch}.sec-box{border-radius: 28px;background: #171c11;color: #b4baa8;padding: clamp(32px,5vw,72px);display: grid;grid-template-columns: 1.1fr 1fr;gap: 64px;align-items: center;position: relative;overflow: hidden;border: 1px solid rgba(255,255,255,0.06)}.sec-box::before{content: "";position: absolute;width: 520px;height: 520px;right: -140px;top: -180px;border-radius: 50%;background: radial-gradient(circle,color-mix(in srgb,var(--color-accent) 35%,transparent),transparent 65%);animation: driftGlow 14s ease-in-out infinite alternate;pointer-events: none}.sec-box > *{position: relative}.sec-box h2{color: #fff;font-size: clamp(1.7rem,1.2rem + 1.6vw,2.5rem)}.sec-box .eyebrow{color: #a3cf72}.sec-box .eyebrow::before{background: #a3cf72}.sec-tiles{display: grid;grid-template-columns: 1fr 1fr;gap: 14px}.sec-tile{padding: 22px;border-radius: 16px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.09);transition: transform 0.35s var(--ease),background 0.35s var(--ease),border-color 0.35s var(--ease)}.sec-tile:hover{transform: translateY(-4px);background: rgba(255,255,255,0.09);border-color: rgba(163,207,114,0.5)}.sec-tile .icon-badge{background: rgba(163,207,114,0.15);color: #a3cf72}.sec-tile h4{margin-top: 14px;font-size: 0.98rem;color: #fff}@media (max-width: 960px){.proc-g,.sec-box{grid-template-columns: 1fr;gap: 40px}.proc-l{position: static}.logos-in{flex-direction: column;align-items: flex-start;gap: 16px}.logos-label{width: auto}.mq{width: 100%}}@media (max-width: 560px){.sec-tiles{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){.mockup-row.seq,.step2{opacity: 1 !important;transform: none !important}.mq-track{animation: none}}.chat{--c-r: 14px;position: relative;z-index: 1;display: flex;flex-direction: column;height: 540px;background: var(--color-surface);color: var(--color-text);border: 1px solid var(--color-border);border-radius: 24px;box-shadow: var(--shadow-lg);overflow: hidden}@keyframes pulseDot{50%{box-shadow: 0 0 0 6px rgba(34,197,94,0.06)}}.chat-feed{flex: 1;overflow: hidden;padding: 18px 18px 78px;display: flex;flex-direction: column;gap: 10px;transition: opacity 0.6s}.chat-feed.cd-fade{opacity: 0}.chat-in{display: flex;align-items: center;gap: 10px;margin: 0 14px 14px;padding: 12px 14px;border: 1px solid var(--color-border);border-radius: 12px;font-size: 0.9rem;min-height: 46px;background: var(--color-surface)}.chat-in [data-chat-input]{flex: 1;color: var(--color-text);min-width: 0}.chat-in [data-chat-input]:empty::before{content: "Frag deine Kanzlei-Daten …";color: var(--color-text-faint)}.chat-in [data-chat-input]:not(:empty)::after{content: "";display: inline-block;width: 1.5px;height: 1em;background: var(--color-accent);vertical-align: -2px;margin-left: 1px;animation: cdBlink 1s steps(1) infinite}.chat-in .send{width: 28px;height: 28px;border-radius: 8px;background: var(--color-accent);flex: none}@keyframes cdBlink{50%{opacity: 0}}.cd{opacity: 0;transform: translateY(8px);transition: opacity 0.35s,transform 0.35s;font-size: 0.88rem;line-height: 1.5;max-width: 92%}.cd.cd-in{opacity: 1;transform: none}.cd p{margin: 0}.cd-user{align-self: flex-end;background: var(--color-text);color: var(--color-bg);padding: 10px 14px;border-radius: var(--c-r) var(--c-r) 4px var(--c-r)}.cd-bot{align-self: flex-start;background: var(--color-bg-alt);padding: 12px 14px;border-radius: var(--c-r) var(--c-r) var(--c-r) 4px;width: 92%}.cd-bot b{color: var(--color-text)}.cd-tool{align-self: flex-start;display: flex;align-items: center;gap: 8px;font-size: 0.75rem;color: var(--color-text-faint);padding: 2px 0}.cd-tool code{font: 600 0.75rem ui-monospace,SFMono-Regular,Menlo,monospace;color: var(--color-text);background: var(--color-surface-alt);padding: 3px 7px;border-radius: 5px}.cd-tool em{font-style: normal}.cd-spin{width: 12px;height: 12px;border-radius: 50%;border: 2px solid var(--color-border);border-top-color: var(--color-accent);animation: cdSpin 0.7s linear infinite;flex: none}.cd-tool.cd-ok .cd-spin{animation: none;border-color: #22c55e;background: #22c55e;position: relative}.cd-tool.cd-ok .cd-spin::after{content: "";position: absolute;left: 3px;top: 1px;width: 3px;height: 6px;border: solid #fff;border-width: 0 1.5px 1.5px 0;transform: rotate(45deg)}@keyframes cdSpin{to{transform: rotate(360deg)}}.cd-typing{align-self: flex-start;display: flex;gap: 4px;padding: 12px 14px;background: var(--color-bg-alt);border-radius: var(--c-r)}.cd-typing i{width: 6px;height: 6px;border-radius: 50%;background: var(--color-text-faint);animation: typeDot 1s infinite}.cd-typing i:nth-child(2){animation-delay: 0.15s}.cd-typing i:nth-child(3){animation-delay: 0.3s}.cd-table{margin-top: 10px;display: flex;flex-direction: column;border-top: 1px solid var(--color-border)}.cd-table div{display: grid;grid-template-columns: 1fr auto auto;gap: 14px;padding: 7px 0;border-bottom: 1px solid var(--color-border);font-size: 0.82rem}.cd-table span:nth-child(2){color: var(--color-text-faint)}.cd-table span:nth-child(3){color: var(--color-accent);font-weight: 700;min-width: 52px;text-align: right}.cd-plan{align-self: flex-start;width: 92%;border: 1.5px dashed var(--color-accent);border-radius: var(--c-r);padding: 12px 14px;background: var(--color-surface);transition: border-color 0.3s,background 0.3s}.cd-plan-h{display: flex;justify-content: space-between;align-items: center;font-weight: 700;font-size: 0.8rem;margin-bottom: 8px}.cd-plan-h small{font-weight: 600;font-size: 0.7rem;color: var(--color-accent)}.cd-row{display: flex;justify-content: space-between;gap: 12px;font-size: 0.82rem;padding: 4px 0;color: var(--color-text-faint)}.cd-row b{color: var(--color-text);font-weight: 600;text-align: right}.cd-actions{display: flex;gap: 8px;justify-content: flex-end;margin-top: 10px}.cd-actions button{font: 600 0.75rem var(--font-sans);border: 1px solid var(--color-border);background: var(--color-surface);color: var(--color-text);padding: 7px 12px;border-radius: 8px;transition: transform 0.15s;cursor: default}.cd-actions .cd-confirm{background: var(--color-accent);border-color: var(--color-accent);color: var(--color-accent-contrast)}.cd-actions .cd-press{transform: scale(0.94)}.cd-plan.cd-confirmed{border-style: solid;border-color: #22c55e}.cd-plan.cd-confirmed .cd-plan-h small{color: #16a34a}.cd-plan.cd-confirmed .cd-actions{display: none}.cd-done{align-self: flex-start;display: flex;align-items: center;gap: 8px;font-size: 0.82rem;font-weight: 600;color: #16a34a}.cd-check{width: 18px;height: 18px;border-radius: 50%;background: #22c55e;color: #fff;font-size: 0.7rem;display: flex;align-items: center;justify-content: center}@keyframes capFloat{50%{transform: translateY(-6px)}}@media (max-width: 960px){.chat{height: 500px}}.page-hero{position: relative;overflow: hidden}.page-hero::before{content: "";position: absolute;inset: -30% -10% auto -10%;height: 520px;pointer-events: none;z-index: 0;background: radial-gradient(520px 280px at 15% 25%,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent 70%),radial-gradient(420px 260px at 88% 15%,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent 70%);filter: blur(10px);animation: driftGlow 22s ease-in-out infinite alternate}.page-hero .container{position: relative;z-index: 1}.hero-illustration svg{animation: illuFloat 7s ease-in-out infinite}@keyframes illuFloat{50%{transform: translateY(-8px)}}.eyebrow::before{transition: width 0.7s var(--ease) 0.15s}.reveal:not(.is-visible) .eyebrow::before,.reveal-item:not(.is-visible) .eyebrow::before{width: 0}.reveal.is-visible .eyebrow::before{width: 18px}.step .step-num{border-radius: 14px;width: 44px;height: 44px;transition: transform 0.3s var(--ease),background-color 0.3s var(--ease),box-shadow 0.3s var(--ease)}.step:hover .step-num{transform: translateY(-3px) scale(1.06);box-shadow: var(--shadow-md)}@media (min-width: 861px){.steps > .step:not(:last-child)::after{content: "";position: absolute;top: 30px;left: 56px;right: -16px;height: 2px;background: repeating-linear-gradient(90deg,var(--color-border-strong) 0 6px,transparent 6px 12px)}}.usecase-card,.use-case,.related-card,.compare-col{transition: transform 0.35s var(--ease),box-shadow 0.35s var(--ease),border-color 0.3s var(--ease)}.usecase-card:hover,.use-case:hover{transform: translateY(-3px);box-shadow: var(--shadow-md);border-color: var(--color-border-strong)}.related-card:hover{box-shadow: var(--shadow-md)}.card.plain:hover .icon-badge,.callout .icon-badge{transform: none}.usecase-card:hover .usecase-num{letter-spacing: 0.02em}.stat .num{transition: transform 0.35s var(--ease)}.stat:hover .num{transform: translateY(-2px)}.cta-banner::after{animation: ctaGlow 9s ease-in-out infinite alternate}@keyframes ctaGlow{0%{transform: translate(0,0)}100%{transform: translate(-6%,8%)}}.trust-strip{position: relative;overflow: hidden;border-radius: 24px;background: #171c11;color: #b4baa8;padding: clamp(28px,4vw,52px);border: 1px solid rgba(255,255,255,0.06);display: grid;grid-template-columns: 1.3fr 1fr;gap: 40px;align-items: center}.trust-strip::before{content: "";position: absolute;width: 420px;height: 420px;right: -120px;top: -160px;border-radius: 50%;pointer-events: none;background: radial-gradient(circle,color-mix(in srgb,var(--color-accent) 34%,transparent),transparent 65%);animation: driftGlow 14s ease-in-out infinite alternate}.trust-strip > *{position: relative}.trust-strip .eyebrow{color: #a3cf72}.trust-strip .eyebrow::before{background: #a3cf72}.trust-strip h3{color: #fff;font-size: clamp(1.25rem,1rem + 1vw,1.7rem);margin: 14px 0 12px}.trust-strip p{font-size: 0.95rem;max-width: 56ch}.trust-strip .card-link{color: #a3cf72;margin-top: 18px}.trust-chips{display: flex;flex-wrap: wrap;gap: 10px}.trust-chips span{display: inline-flex;align-items: center;gap: 8px;padding: 10px 16px;border-radius: var(--radius-pill);background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);color: #fff;font-size: 0.85rem;font-weight: 600;transition: transform 0.3s var(--ease),border-color 0.3s var(--ease),background 0.3s var(--ease)}.trust-chips span::before{content: "✓";color: #a3cf72;font-weight: 800}.trust-chips span:hover{transform: translateY(-3px);border-color: rgba(163,207,114,0.55);background: rgba(255,255,255,0.1)}@media (max-width: 860px){.trust-strip{grid-template-columns: 1fr;gap: 24px}}@media (prefers-reduced-motion: reduce){.page-hero::before,.hero-illustration svg,.cta-banner::after,.trust-strip::before{animation: none}}.trust-strip,.sec-box{background: linear-gradient(135deg,var(--color-accent-soft) 0%,color-mix(in srgb,var(--color-accent) 16%,var(--color-bg)) 100%);border: 1px solid color-mix(in srgb,var(--color-accent) 28%,var(--color-border));color: var(--color-text-muted);box-shadow: var(--shadow-md)}.trust-strip::before,.sec-box::before{background: radial-gradient(circle,color-mix(in srgb,var(--color-accent) 26%,transparent),transparent 65%)}.trust-strip h3,.sec-box h2,.sec-box strong{color: var(--color-text) !important}.trust-strip .eyebrow,.sec-box .eyebrow,.trust-strip .card-link{color: var(--color-accent)}.trust-strip .eyebrow::before,.sec-box .eyebrow::before{background: var(--color-accent)}.trust-chips span{background: var(--color-surface);border: 1px solid color-mix(in srgb,var(--color-accent) 25%,var(--color-border));color: var(--color-text);box-shadow: var(--shadow-sm)}.trust-chips span::before{color: var(--color-accent)}.trust-chips span:hover{border-color: var(--color-accent);background: var(--color-surface);box-shadow: var(--shadow-md)}.sec-tile{background: var(--color-surface);border: 1px solid color-mix(in srgb,var(--color-accent) 22%,var(--color-border));box-shadow: var(--shadow-sm)}.sec-tile:hover{background: var(--color-surface);border-color: var(--color-accent);box-shadow: var(--shadow-md)}.sec-tile .icon-badge{background: var(--color-accent-soft);color: var(--color-accent)}.sec-tile h4{color: var(--color-text)}.section:has(> .container > .cta-banner){background: var(--color-bg-alt);border-top: 1px solid var(--color-border);padding: clamp(48px,5vw,88px) 0}.section:has(> .container > .cta-banner) .cta-banner{box-shadow: var(--shadow-lg)}.section:has(> .container > .trust-strip){padding-bottom: clamp(48px,5vw,88px) !important}.page-hero .eyebrow{padding: 6px 14px 6px 12px;border: 1px solid var(--color-border);border-radius: var(--radius-pill);background: var(--color-surface);box-shadow: var(--shadow-sm);color: var(--color-text-muted)}.page-hero .eyebrow::before{width: 8px !important;height: 8px;border-radius: 50%;background: var(--color-accent);box-shadow: 0 0 0 3px var(--color-accent-soft);animation: pulseAccent 2.4s ease-in-out infinite}@keyframes pulseAccent{50%{box-shadow: 0 0 0 7px color-mix(in srgb,var(--color-accent) 8%,transparent)}}.page-hero h1 .w{display: inline-block;opacity: 0;transform: translateY(0.55em)}.page-hero .reveal.is-visible h1 .w{animation: wordUp 0.85s var(--ease) both;animation-delay: calc(var(--i,0) * 55ms + 120ms)}@keyframes wordUp{to{opacity: 1;transform: none}}.page-hero .reveal:not(.is-visible) :is(.lead,.btn-row,.eyebrow){opacity: 0}.page-hero .reveal.is-visible .eyebrow{animation: heroUp 0.7s var(--ease) 0.05s both}.page-hero .reveal.is-visible .lead{animation: heroUp 0.8s var(--ease) 0.5s both}.page-hero .reveal.is-visible .btn-row{animation: heroUp 0.8s var(--ease) 0.7s both}@keyframes heroUp{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: none}}.hero-illustration:not(.is-visible) svg{opacity: 0}.hero-illustration.is-visible svg{animation: illuIn 1.1s var(--ease) 0.2s both,illuFloat 7s ease-in-out 1.3s infinite;translate: calc(var(--mx,0) * 12px) calc(var(--my,0) * 8px);transition: translate 0.5s var(--ease)}@keyframes illuIn{from{opacity: 0;scale: 0.92}to{opacity: 1;scale: 1}}.page-hero::before{translate: calc(var(--mx,0) * -22px) calc(var(--my,0) * -14px);transition: translate 0.8s var(--ease)}.mockup-body > .seq{opacity: 0;transform: translateY(10px)}.reveal.is-visible .mockup-body > .seq{animation: msgIn 0.6s var(--ease) forwards;animation-delay: var(--d,0ms)}@keyframes msgIn{to{opacity: var(--end,1);transform: none}}@keyframes runPulse{0%,100%{box-shadow: 0 0 0 0 color-mix(in srgb,var(--color-accent) 45%,transparent)}50%{box-shadow: 0 0 0 6px color-mix(in srgb,var(--color-accent) 0%,transparent)}}@keyframes popIn{from{transform: scale(0)}to{transform: scale(1)}}.mockup-body .icon-badge{transition: transform 0.4s var(--ease),box-shadow 0.4s var(--ease),background-color 0.4s var(--ease),color 0.4s var(--ease)}.mockup-body .icon-badge.is-active{transform: scale(1.14);background: var(--color-accent) !important;color: var(--color-accent-contrast) !important;box-shadow: 0 0 0 6px var(--color-accent-soft),var(--shadow-md)}@media (prefers-reduced-motion: reduce){.page-hero h1 .w,.page-hero .reveal:not(.is-visible) :is(.lead,.btn-row,.eyebrow),.hero-illustration:not(.is-visible) svg,.mockup-body > .seq{opacity: 1 !important;transform: none !important;animation: none !important}}.cta-banner{background: var(--color-accent)}.cta-banner::after{display: none;animation: none}:root{--color-bg: #f2f6ec;--color-bg-alt: rgba(255,255,255,0.38);--color-surface: rgba(255,255,255,0.62);--color-surface-alt: rgba(255,255,255,0.48);--color-border: rgba(98,134,54,0.17);--color-border-strong: rgba(98,134,54,0.3);--color-accent-soft: rgba(98,134,54,0.14);--glass-fill: linear-gradient(150deg,rgba(255,255,255,0.74),rgba(255,255,255,0.40));--glass-fill-strong: rgba(250,252,247,0.86);--glass-edge: rgba(255,255,255,0.78);--glass-ring: rgba(98,134,54,0.12);--glass-hi: inset 0 1px 0 rgba(255,255,255,0.95),inset 0 -1px 0 rgba(98,134,54,0.06);--glass-shadow: 0 14px 44px -18px rgba(40,70,20,0.30);--glass-blur: blur(22px) saturate(165%);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--shadow-sm: 0 1px 2px rgba(40,70,20,0.06);--shadow-md: 0 12px 36px -14px rgba(40,70,20,0.28);--shadow-lg: 0 28px 70px -24px rgba(40,70,20,0.38);--header-h: 96px;--amb-1: rgba(98,134,54,0.24);--amb-2: rgba(163,207,114,0.34);--amb-3: rgba(98,134,54,0.16)}body{background: var(--color-bg);position: relative}body::before{content: "";position: fixed;inset: 0;z-index: -1;pointer-events: none;background: radial-gradient(900px 620px at 8% 6%,var(--amb-1),transparent 62%),radial-gradient(820px 640px at 94% 18%,var(--amb-2),transparent 60%),radial-gradient(960px 720px at 62% 98%,var(--amb-3),transparent 62%),radial-gradient(640px 480px at 4% 78%,var(--amb-3),transparent 62%)}.hero-glow,.page-hero::before{display: none}.section-alt,.logos,.proc{background: var(--color-bg-alt);-webkit-backdrop-filter: blur(14px) saturate(140%);backdrop-filter: blur(14px) saturate(140%);border-color: var(--color-border)}.section-border-top{border-top-color: var(--color-border)}.site-header{top: 12px;height: 68px;margin: 12px auto 0;width: min(1232px,calc(100% - 28px));border: 1px solid var(--glass-edge);border-radius: 26px;box-shadow: var(--glass-hi),var(--glass-shadow)}.site-header::before{border-radius: inherit;background: var(--glass-fill-strong);opacity: 0.72;-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur)}.site-header.is-scrolled{border-color: var(--glass-edge);box-shadow: var(--glass-hi),var(--shadow-lg)}.site-header .container{padding: 0 20px;max-width: none}.nav-link:hover,.nav-link[aria-expanded="true"]{background: var(--color-accent-soft)}.dropdown{background: var(--glass-fill-strong);border: 1px solid var(--glass-edge);border-radius: 22px;-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);box-shadow: var(--glass-hi),var(--shadow-lg)}.dropdown-link:hover{background: var(--color-accent-soft)}.mobile-panel{background: var(--glass-fill-strong);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur)}.card,.use-case,.usecase-card,.related-card,.compare-col,.callout,.mockup,.chat,.check-group,.contact-info-card,.table-wrap,.checklist-progress,.chat-cap,.stat,.accordion-item,.field input,.field select,.field textarea{background: var(--glass-fill);border: 1px solid var(--glass-edge);box-shadow: var(--glass-hi),0 0 0 1px var(--glass-ring),var(--glass-shadow);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur)}.accordion-item,.stat{box-shadow: none}.accordion-item{background: transparent;border-left: 0;border-right: 0;-webkit-backdrop-filter: none;backdrop-filter: none}.card:hover,.usecase-card:hover,.use-case:hover,.related-card:hover{border-color: #fff;box-shadow: var(--glass-hi),0 0 0 1px var(--color-border-strong),var(--shadow-lg)}.compare-col.negative{background: var(--color-bg-alt)}.compare-col.positive{border-color: color-mix(in srgb,var(--color-accent) 55%,#fff)}.callout{background: linear-gradient(150deg,color-mix(in srgb,var(--color-accent) 16%,rgba(255,255,255,0.7)),rgba(255,255,255,0.35))}.chat{border-radius: 30px}.chat-top,.chat-in{border-color: var(--color-border)}.chat-in{background: rgba(255,255,255,0.5);box-shadow: var(--glass-hi)}.cd-bot,.cd-typing{background: rgba(255,255,255,0.55);border: 1px solid var(--glass-edge);box-shadow: var(--glass-hi)}.cd-user{background: linear-gradient(160deg,color-mix(in srgb,var(--color-accent) 88%,#fff),var(--color-accent-hover));color: #fff;box-shadow: var(--glass-hi)}.cd-plan{background: rgba(255,255,255,0.5)}.pill,.page-hero .eyebrow,.mq-item,.tab-btn,.aud,.hero-badge{background: var(--glass-fill);border: 1px solid var(--glass-edge);box-shadow: var(--glass-hi),0 0 0 1px var(--glass-ring),var(--shadow-sm);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur)}.tab-btn.is-active{background: var(--color-accent);border-color: rgba(255,255,255,0.4)}.aud button.on{background: var(--glass-fill-strong);box-shadow: var(--glass-hi),0 0 0 1px var(--color-border)}.logos{border-block: 1px solid var(--color-border)}.btn{box-shadow: var(--glass-hi)}.btn-primary{background: linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 82%,#fff),var(--color-accent) 55%,var(--color-accent-hover));border: 1px solid rgba(255,255,255,0.35);box-shadow: inset 0 1px 0 rgba(255,255,255,0.45),0 10px 26px -10px color-mix(in srgb,var(--color-accent) 80%,#000)}.btn-primary:hover{background: linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 70%,#fff),var(--color-accent-hover))}.btn-secondary{background: var(--glass-fill);border-color: var(--glass-edge);color: var(--color-text);box-shadow: var(--glass-hi),0 0 0 1px var(--glass-ring);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur)}.btn-secondary:hover{border-color: #fff;color: var(--color-accent)}.trust-strip,.sec-box{background: linear-gradient(150deg,color-mix(in srgb,var(--color-accent) 24%,rgba(255,255,255,0.55)),color-mix(in srgb,var(--color-accent) 8%,rgba(255,255,255,0.25)));border: 1px solid var(--glass-edge);border-radius: 32px;box-shadow: var(--glass-hi),0 0 0 1px var(--glass-ring),var(--glass-shadow);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur)}.trust-strip::before,.sec-box::before{background: radial-gradient(circle,rgba(255,255,255,0.5),transparent 65%);animation: none}.trust-chips span,.sec-tile{background: var(--glass-fill);border: 1px solid var(--glass-edge);box-shadow: var(--glass-hi),var(--shadow-sm)}.cta-banner{border: 1px solid rgba(255,255,255,0.4);border-radius: 32px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.12),var(--shadow-lg)}.cta-banner .btn-primary{background: rgba(255,255,255,0.92);border-color: #fff}.section:has(> .container > .cta-banner){background: var(--color-bg-alt);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px)}.site-footer{margin: 0 14px 14px;border: 1px solid var(--glass-edge);border-radius: 34px;background: var(--glass-fill);box-shadow: var(--glass-hi),var(--glass-shadow);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur)}.footer-bottom{border-top-color: var(--color-border)}.step .step-num,.step2 .n{background: var(--glass-fill);border: 1px solid var(--glass-edge);box-shadow: var(--glass-hi),var(--shadow-sm);color: var(--color-text)}.step .step-num{color: var(--color-accent-contrast);background: linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 80%,#fff),var(--color-accent))}.icon-badge{box-shadow: var(--glass-hi);border: 1px solid rgba(255,255,255,0.5)}.hero-illustration svg{filter: drop-shadow(0 22px 34px rgba(40,70,20,0.18))}.field input:focus,.field select:focus,.field textarea:focus{background: var(--glass-fill-strong)}.anchor-nav::before,.tabs-head-sticky::before{background: color-mix(in srgb,var(--color-bg) 70%,transparent)}@media (max-width: 860px){.site-header{top: 8px;margin-top: 8px;width: calc(100% - 20px);border-radius: 22px}.site-footer{border-radius: 26px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card,.use-case,.usecase-card,.related-card,.compare-col,.callout,.mockup,.chat,.site-footer,.dropdown{background: var(--glass-fill-strong)}}:root{--glass-header: rgba(247,250,242,0.78)}.site-header::before{background: var(--glass-header);opacity: 1;-webkit-backdrop-filter: blur(26px) saturate(170%);backdrop-filter: blur(26px) saturate(170%)}.page-hero{overflow: visible}.cd-user{color: var(--color-accent-contrast)}.section:has(> .container > .cta-banner){background: transparent;-webkit-backdrop-filter: none;backdrop-filter: none;padding-bottom: clamp(32px,4vw,56px)}.page-hero{padding: clamp(48px,5vw,84px) 0 clamp(24px,3vw,40px)}.page-hero h1{max-width: 20ch;letter-spacing: -0.028em;line-height: 1.12}.page-hero .lead{font-size: 1.12rem;line-height: 1.65;max-width: 56ch}.page-hero h1 .w{filter: blur(8px)}@keyframes wordUp{to{opacity: 1;transform: none;filter: blur(0)}}.page-hero h1 em{font-style: normal;color: var(--color-accent);background: linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 38%,transparent),color-mix(in srgb,var(--color-accent) 12%,transparent)) no-repeat 0 96% / 0% 0.11em;-webkit-box-decoration-break: clone;box-decoration-break: clone;padding-bottom: 0.04em}.page-hero .reveal.is-visible h1 em{animation: emLine 1.1s var(--ease) 0.9s forwards}@keyframes emLine{to{background-size: 100% 0.11em}}.hero-chips{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 22px;padding: 0;list-style: none}.hero-chips li{display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;border-radius: var(--radius-pill);font-size: 0.8rem;font-weight: 600;color: var(--color-text-muted);background: var(--glass-fill);border: 1px solid var(--glass-edge);box-shadow: var(--glass-hi),0 0 0 1px var(--glass-ring);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur);transition: transform 0.3s var(--ease),color 0.3s var(--ease)}.hero-chips li::before{content: "✓";color: var(--color-accent);font-weight: 800}.hero-chips li:hover{transform: translateY(-2px);color: var(--color-text)}.hero-chips li:nth-child(2){--k: 1}.hero-chips li:nth-child(3){--k: 2}.page-hero .reveal:not(.is-visible) .hero-chips li{opacity: 0}.page-hero .reveal.is-visible .hero-chips li{animation: heroUp 0.7s var(--ease) both;animation-delay: calc(0.9s + var(--k,0) * 110ms)}.hero-illustration{position: relative;isolation: isolate;padding: clamp(18px,2.4vw,32px)}.hero-illustration::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: 36px;background: radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--color-accent) 34%,transparent),transparent 58%),var(--glass-fill);border: 1px solid var(--glass-edge);box-shadow: var(--glass-hi),0 0 0 1px var(--glass-ring),var(--glass-shadow);-webkit-backdrop-filter: var(--glass-blur);backdrop-filter: var(--glass-blur)}.hero-illustration::after{content: "✓\00a0\00a0 Daten bleiben in Deutschland";position: absolute;left: -14px;bottom: 26px;padding: 10px 16px 10px 14px;border-radius: 16px;font-size: 0.8rem;font-weight: 700;color: var(--color-text);background: var(--glass-fill-strong);border: 1px solid var(--glass-edge);box-shadow: var(--glass-hi),var(--shadow-md);animation: capFloat 6s ease-in-out infinite;white-space: nowrap}.hero-illustration svg{max-height: 300px;margin: 0 auto}@media (max-width: 860px){.hero-illustration::after{left: 8px}}.page-hero > .container::after{content: "";display: block;height: 1px;margin-top: clamp(28px,3.5vw,48px);background: linear-gradient(90deg,transparent,var(--color-border-strong) 20%,var(--color-border-strong) 80%,transparent);transform: scaleX(0);transform-origin: left;animation: lineIn 1.6s var(--ease) 0.5s forwards}@keyframes lineIn{to{transform: scaleX(1)}}@media (prefers-reduced-motion: reduce){.page-hero h1 .w{filter: none !important}.page-hero h1 em{background-size: 100% 0.11em;animation: none !important}.page-hero .reveal:not(.is-visible) .hero-chips li{opacity: 1 !important}.page-hero > .container::after{transform: none;animation: none}.hero-illustration::after{animation: none}}:root{color-scheme: light}.hero-chips{flex-wrap: wrap;gap: 8px;margin-top: 18px}.hero-chips li{font-size: 0.72rem;padding: 6px 12px;gap: 6px;white-space: nowrap}.hero-chips li::before{font-size: 0.7rem}.card.text-center{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center}.card.text-center .icon-badge{display: flex;margin: 0 auto 12px !important}.card.text-center strong{display: block;text-align: center}.nav-link.nav-highlight{color: var(--color-accent-hover);font-weight: 650;background: linear-gradient(150deg,color-mix(in srgb,var(--color-accent) 20%,rgba(255,255,255,0.7)),color-mix(in srgb,var(--color-accent) 8%,rgba(255,255,255,0.4)));border: 1px solid color-mix(in srgb,var(--color-accent) 40%,rgba(255,255,255,0.6));box-shadow: inset 0 1px 0 rgba(255,255,255,0.9),0 6px 16px -8px color-mix(in srgb,var(--color-accent) 70%,transparent);margin: 0 6px}.nav-link.nav-highlight:hover{color: var(--color-accent-hover);background: color-mix(in srgb,var(--color-accent) 24%,rgba(255,255,255,0.7));transform: translateY(-1px)}.nav-dot{width: 7px;height: 7px;border-radius: 50%;background: var(--color-accent);box-shadow: 0 0 0 3px var(--color-accent-soft);animation: pulseAccent 2.4s ease-in-out infinite;flex: none}.mobile-link.mobile-highlight,.mobile-group + .mobile-highlight{color: var(--color-accent-hover);font-weight: 650;background: var(--color-accent-soft);border-radius: 12px;padding: 12px 14px}@media (max-width: 1080px) and (min-width: 861px){.nav-link{padding: 10px 10px;font-size: 0.88rem}.nav-link.nav-highlight{margin: 0 2px}}body::before,.page-hero::before,.trust-strip::before,.sec-box::before,.cta-banner::after{animation: none !important;translate: none !important}.hero-illustration svg,.hero-illustration::after,.chat-cap,.nav-dot,.chat-top .dot,.icon-badge.is-running,.skel{animation: none !important}.hero-illustration svg{translate: none !important;opacity: 1 !important}.page-hero h1 .w{opacity: 1 !important;transform: none !important;filter: none !important;animation: none !important}.page-hero .reveal:not(.is-visible) :is(.lead,.btn-row,.eyebrow),.page-hero .reveal:not(.is-visible) .hero-chips li{opacity: 1 !important}.page-hero .reveal.is-visible :is(.eyebrow,.lead,.btn-row,.hero-chips li){animation: none !important}.page-hero h1 em{background-size: 100% 0.11em !important;animation: none !important}.page-hero > .container::after{transform: none !important;animation: none !important}.mockup-body > .seq,.mockup-row.seq,.reveal.is-visible .mockup-body > .seq{opacity: var(--end,1) !important;transform: none !important;animation: none !important}.reveal,.reveal-item{transition-delay: 0ms !important}.dropdown::before{visibility: inherit;pointer-events: none}.nav-item.is-open .dropdown::before,.nav-item.is-hover-open .dropdown::before{pointer-events: auto}.idatec-hint{text-align: center;font-size: 0.74rem;letter-spacing: .02em;padding: 6px 12px;color: var(--color-text-muted,#5b6552);background: rgba(255,255,255,0.45);border-bottom: 1px solid var(--glass-ring,rgba(98,134,54,0.14))}.idatec-hint a{color: inherit;text-decoration: none}.idatec-hint a:hover{color: var(--color-accent-hover,#4f6d2b)}.idatec-hint strong{font-weight: 650}.id-panel{width: min(440px,100%);margin-inline: auto;padding: 18px 20px 14px;border-radius: var(--radius-lg,22px);background: var(--glass-fill-strong,rgba(255,255,255,0.7));border: 1px solid rgba(255,255,255,0.7);box-shadow: inset 0 1px 0 rgba(255,255,255,0.9),0 30px 60px -28px color-mix(in srgb,var(--color-accent) 55%,transparent);backdrop-filter: blur(22px) saturate(165%);-webkit-backdrop-filter: blur(22px) saturate(165%);animation: idFloat 7s ease-in-out infinite}.id-panel-head{display: flex;align-items: center;gap: 6px;padding-bottom: 12px;font-size: 0.78rem;color: var(--color-text-faint)}.id-panel-head i{width: 9px;height: 9px;border-radius: 50%;background: color-mix(in srgb,var(--color-accent) 35%,white)}.id-panel-head span{margin-left: auto;font-weight: 600;letter-spacing: .02em}.id-row{display: flex;align-items: center;gap: 12px;padding: 13px 14px;margin-top: 8px;border-radius: 14px;font-size: 0.92rem;font-weight: 550;background: rgba(255,255,255,0.55);border: 1px solid rgba(255,255,255,0.7);opacity: 0;transform: translateY(10px);animation: idRow .6s cubic-bezier(.2,.7,.2,1) forwards;animation-delay: var(--d,300ms)}.id-row em{margin-left: auto;font-style: normal;font-size: 0.78rem;font-weight: 650;color: var(--color-accent-hover);background: var(--color-accent-soft);padding: 3px 10px;border-radius: 999px}.id-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--color-accent);box-shadow: 0 0 0 4px var(--color-accent-soft);animation: pulseAccent 2.4s ease-in-out infinite;flex: none}@keyframes idRow{to{opacity: 1;transform: none}}@keyframes idFloat{50%{transform: translateY(-8px)}}.id-partners{padding: 4px 0 8px}.id-partners .container{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 10px 14px}.id-partners-label{font-size: 0.75rem;text-transform: uppercase;letter-spacing: .08em;color: var(--color-text-faint);font-weight: 650}.id-partners ul{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;list-style: none;margin: 0;padding: 0}.id-partners li{padding: 7px 14px;border-radius: 999px;font-size: 0.85rem;font-weight: 600;background: var(--glass-fill,rgba(255,255,255,0.55));border: 1px solid rgba(255,255,255,0.7);box-shadow: inset 0 1px 0 rgba(255,255,255,0.9)}.id-tile{display: block;color: inherit;text-decoration: none;transition: transform .25s ease,box-shadow .25s ease}.id-tile:hover{transform: translateY(-4px)}.id-tile h4{margin: 0 0 6px}.id-tile p{margin: 0;color: var(--color-text-muted,inherit);font-size: 0.92rem}.id-more{display: inline-flex;align-items: center;gap: 4px;margin-top: 12px;font-size: 0.85rem;font-weight: 650;color: var(--color-accent-hover)}.id-more svg{width: 15px;height: 15px}.id-product{display: grid;grid-template-columns: 1.4fr 1fr;gap: 40px;align-items: center;padding: 44px;border-radius: var(--radius-lg,22px);background: linear-gradient(150deg,color-mix(in srgb,var(--color-accent) 16%,rgba(255,255,255,0.75)),rgba(255,255,255,0.55));border: 1px solid color-mix(in srgb,var(--color-accent) 30%,rgba(255,255,255,0.7));box-shadow: inset 0 1px 0 rgba(255,255,255,0.9),0 30px 60px -36px color-mix(in srgb,var(--color-accent) 60%,transparent)}.id-product h2{margin: 10px 0 12px}.id-product-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px}.id-product-list li{display: flex;gap: 10px;align-items: flex-start;padding: 12px 14px;border-radius: 14px;font-weight: 600;background: rgba(255,255,255,0.6);border: 1px solid rgba(255,255,255,0.7)}.id-product-list svg{width: 20px;height: 20px;flex: none;margin-top: 1px}@media (max-width: 860px){.id-product{grid-template-columns: 1fr;padding: 28px 22px;gap: 24px}}@media (prefers-reduced-motion: reduce){.id-panel{animation: none}.id-row{animation: none;opacity: 1;transform: none}}.hero-illustration::after{content: "✓\00a0\00a0 iDATEC · We make IT easy" !important}.id-row span:nth-child(2){min-width: 0}.id-row em{white-space: nowrap}.logo-img{height: 46px;width: auto;display: block}.site-footer .logo-img{height: 54px}@media (max-width: 860px){.logo-img{height: 38px}}.hero-illustration::after{display: none !important}.id-partner-logos li{padding: 8px 16px;display: flex;align-items: center}.id-partner-logos img{height: 40px;width: auto;max-width: 150px;object-fit: contain;display: block}.logo-img{height: 64px;margin: -8px 0}.site-footer .logo-img{height: 76px;margin: -10px 0}@media (max-width: 860px){.logo-img{height: 52px;margin: -6px 0}}.id-panel,.id-dot{animation: none !important}.id-row{animation: none !important;opacity: 1 !important;transform: none !important}.site-footer .footer-brand .logo{justify-content: flex-start}.site-footer .logo-img{margin-left: -16px;object-position: left center}.id-partners{padding: 12px 0 24px}.id-partners .container{flex-direction: column;gap: 18px}.id-partners-label{display: block;text-align: center}.id-partner-logos{gap: 14px 22px}.id-partner-logos li{background: none;border: 0;box-shadow: none;padding: 0}.id-partner-logos img{height: 72px;max-width: 200px}@media (max-width: 640px){.id-partner-logos img{height: 56px;max-width: 150px}}.id-feed{padding: 24px;min-height: 220px}.id-feed h4{margin: 0 0 6px}.id-feed a{color: var(--color-accent-hover);font-weight: 650;cursor: pointer}.id-magazin{display: flex;flex-direction: column;align-items: center;gap: 22px;padding: 32px;text-align: center}.id-magazin-banner{max-width: 100%;overflow-x: auto;line-height: 0}.id-video-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px}.id-video-frame{position: relative;aspect-ratio: 16 / 9;border-radius: 16px;overflow: hidden;background: rgba(0,0,0,0.06);border: 1px solid rgba(255,255,255,0.7);box-shadow: 0 18px 36px -24px color-mix(in srgb,var(--color-accent) 50%,transparent)}.id-video-frame iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.id-video p{margin: 10px 4px 0;font-weight: 600;font-size: 0.92rem}@media (max-width: 960px){.id-video-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 600px){.id-video-grid{grid-template-columns: 1fr}.id-feed{padding: 16px}}.id-partner-logos{gap: 18px 24px}.id-partner-logos li{display: flex;align-items: center;justify-content: center;padding: 18px 40px;min-width: 190px;border-radius: 999px;background: rgba(255,255,255,0.82);border: 1px solid rgba(255,255,255,0.9);box-shadow: inset 0 1px 0 rgba(255,255,255,0.95),0 14px 30px -14px color-mix(in srgb,var(--color-accent) 45%,rgba(0,0,0,0.25)),0 3px 8px -2px rgba(0,0,0,0.08)}.id-partner-logos img{height: 88px;max-width: 210px}@media (max-width: 640px){.id-partner-logos li{padding: 12px 26px;min-width: 150px}.id-partner-logos img{height: 64px;max-width: 150px}}.id-legal-head{max-width: 860px;margin: 0 auto 24px}.id-legal-head h1{margin: 8px 0 0}.id-legal{max-width: 860px;margin: 0 auto;padding: clamp(24px,4vw,48px);line-height: 1.7}.id-legal-title{font-size: 1.25rem;margin: 0 0 18px}.id-legal h3{font-size: 1.05rem;margin: 0 0 10px}.id-legal p{margin: 0 0 14px}.id-legal ol,.id-legal ul{margin: 0 0 16px;padding-left: 1.4em}.id-legal li{margin-bottom: 6px}.id-legal a{color: var(--color-accent-hover);text-decoration: underline}.id-legal p{margin: 0 0 14px !important}.id-legal h3{margin: 0 0 14px !important}.id-legal-head{margin-bottom: 32px;padding-top: 24px}.id-legal-head h1{margin-bottom: 0}.logo-img{height: 48px;margin: -6px 0}.site-footer .logo-img{height: 56px;margin: -8px 0 -8px -12px}@media (max-width: 860px){.logo-img{height: 40px;margin: -4px 0}}.id-partner-logos li{border-radius: 16px;background: #fff;border: 1px solid rgba(0,0,0,0.06);box-shadow: 0 14px 30px -16px color-mix(in srgb,var(--color-accent) 40%,rgba(0,0,0,0.3)),0 3px 8px -2px rgba(0,0,0,0.08);padding: 14px 28px}.id-partner-logos img{mix-blend-mode: normal}@media (max-width: 640px){.id-partner-logos li{padding: 10px 18px}}.id-skyline{position: relative;overflow: hidden;background: linear-gradient(90deg,rgba(246,250,242,0.95) 0%,rgba(246,250,242,0.84) 42%,rgba(246,250,242,0.38) 100%),url("../../../assets/img/Berlin-Skyline-2.webp") center 60% / cover no-repeat}.id-skyline::before{display: none}.id-legal{font-size: 0.92rem;line-height: 1.65}.id-legal p,.id-legal li{font-size: 0.92rem !important;line-height: 1.65}.id-legal ul{list-style: disc outside !important;padding-left: 1.5em !important;margin: 0 0 16px !important}.id-legal ol{list-style: decimal outside !important;padding-left: 1.6em !important;margin: 0 0 16px !important}.id-legal li{display: list-item !important;margin: 0 0 6px !important;padding-left: 4px}.id-legal li::before{content: none !important;display: none !important}.id-legal-title{font-size: 1.2rem !important;line-height: 1.3}.id-legal li{color: var(--color-text-muted,inherit)}.id-partner-logos{display: grid !important;grid-template-columns: repeat(6,minmax(0,1fr));gap: 16px;width: 100%}.id-partner-logos li{background: #f1f5ea !important;min-width: 0 !important;padding: 14px 16px !important;justify-content: center}.id-partner-logos img{height: 64px !important;width: 100%;max-width: 100% !important;object-fit: contain}@media (max-width: 960px){.id-partner-logos{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 560px){.id-partner-logos{grid-template-columns: repeat(2,minmax(0,1fr))}.id-partner-logos img{height: 52px !important}}.id-partner-logos li{padding: 10px 10px !important}.id-partner-logos img{height: 84px !important}@media (max-width: 560px){.id-partner-logos img{height: 68px !important}}.id-video-fallback{position: absolute;inset: 0;display: block;color: #fff;text-decoration: none}.id-video-fallback img{width: 100%;height: 100%;object-fit: cover;display: block}.id-video-fallback span{position: absolute;left: 12px;bottom: 12px;padding: 8px 14px;border-radius: 999px;background: rgba(0,0,0,0.72);font-size: 0.85rem;font-weight: 650}.id-video-date{display: block;margin: 2px 4px 0;font-size: 0.8rem;color: var(--color-text-faint)}.id-video .id-more{margin: 6px 4px 0}.id-videos-more{margin-top: 32px;text-align: center}.id-videos-more > summary{display: inline-flex;list-style: none;cursor: pointer;padding: 12px 24px;border-radius: 999px;font-weight: 650;background: var(--glass-fill,rgba(255,255,255,0.7));border: 1px solid rgba(255,255,255,0.8);box-shadow: 0 10px 24px -14px color-mix(in srgb,var(--color-accent) 45%,rgba(0,0,0,0.2))}.id-videos-more > summary::-webkit-details-marker{display: none}.id-videos-more[open] > summary{display: none}.id-videos-more .id-video-grid{text-align: left}.id-badges{display: flex;flex-wrap: wrap;gap: 14px;margin-top: 22px}.id-logo-panel{display: flex;align-items: center;justify-content: center;padding: 40px;background: #fff}.id-logo-panel img{width: min(320px,100%);height: auto;display: block}.id-check-anim li{opacity: 0;transform: translateX(-14px);transition: opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.id-check-anim li svg{stroke-dasharray: 26;stroke-dashoffset: 26;transition: stroke-dashoffset .5s ease .15s}.card.is-visible .id-check-anim li,.id-check-anim.is-visible li{opacity: 1;transform: none}.card.is-visible .id-check-anim li svg{stroke-dashoffset: 0}.id-check-anim li:nth-child(1),.id-check-anim li:nth-child(1) svg{transition-delay: .15s}.id-check-anim li:nth-child(2),.id-check-anim li:nth-child(2) svg{transition-delay: .4s}.id-check-anim li:nth-child(3),.id-check-anim li:nth-child(3) svg{transition-delay: .65s}.id-check-anim li:nth-child(4),.id-check-anim li:nth-child(4) svg{transition-delay: .9s}.id-check-anim li:nth-child(5),.id-check-anim li:nth-child(5) svg{transition-delay: 1.15s}.id-check-anim li:nth-child(6),.id-check-anim li:nth-child(6) svg{transition-delay: 1.4s}@media (prefers-reduced-motion: reduce){.id-check-anim li,.id-check-anim li svg{opacity: 1;transform: none;stroke-dashoffset: 0;transition: none}}@font-face{font-family: "Poppins";font-style: normal;font-weight: 700;font-display: swap;src: url("../fonts/Poppins-Bold.woff") format("woff")}:root,:root:not([data-theme="x"]){--font-head: "Poppins","Avenir Next",Futura,"Century Gothic",var(--font-sans);--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 6px;--glass-fill: #ffffff;--glass-fill-strong: #ffffff;--glass-header: #ffffff;--glass-edge: var(--color-border,#dfe6d6);--glass-hi: none;--glass-shadow: 0 1px 2px rgba(23,38,16,.06),0 6px 16px -10px rgba(23,38,16,.18);--glass-blur: none;--shadow-lg: 0 6px 18px -10px rgba(23,38,16,.25);--id-dark: #172610;--id-dark-2: #213615;--id-on-dark: #eef4e6;--id-accent-light: #a9cf7a}h1,h2,h3,h4,.page-hero h1,.hero h1{font-family: var(--font-head);font-weight: 700;letter-spacing: -0.015em}.btn{border-radius: 6px;font-weight: 600}*,*::before,*::after{-webkit-backdrop-filter: none !important;backdrop-filter: none !important}.card,.id-product,.id-panel,.id-row,.id-product-list li,.id-partner-logos li,.id-tile,.id-feed,.id-magazin,.tab-btn,.hero-chips li{box-shadow: none}.card{background: #fff;border: 1px solid var(--color-border,#dfe6d6);border-radius: 8px}.id-panel{animation: none;border-radius: 10px;background: #fff;box-shadow: 0 10px 30px -18px rgba(0,0,0,.5)}.id-row{border-radius: 6px}.id-partner-logos li{border-radius: 6px}.id-tile:hover{transform: none;box-shadow: 0 6px 18px -10px rgba(23,38,16,.35)}.site-header{top: 0 !important;margin: 0 !important;width: 100% !important;border-radius: 0 !important;border: 0;border-bottom: 1px solid var(--color-border,#dfe6d6);box-shadow: none !important;background: #fff}.site-header::before{border-radius: 0;background: #fff;opacity: 1}.site-header.is-scrolled{box-shadow: 0 2px 10px -6px rgba(23,38,16,.25) !important}.site-header .container{max-width: var(--container-max,1180px);margin-inline: auto}.dropdown,.nav-dropdown,.submenu{border-radius: 6px}.page-hero:not(.id-skyline),.hero:not(.id-skyline){background: var(--id-dark);color: var(--id-on-dark)}.page-hero::before,.hero-glow{background: radial-gradient(600px 300px at 85% 20%,rgba(98,134,54,.28),transparent 70%) !important;filter: none !important;animation: none !important}.page-hero h1,.hero h1,.page-hero .lead,.hero .lead{color: #fff}.page-hero .lead,.hero .lead{color: var(--id-on-dark);opacity: .88}.page-hero h1 em,.hero h1 em{color: var(--id-accent-light)}.page-hero .eyebrow{background: transparent;border: 0;box-shadow: none;padding: 0;color: var(--id-accent-light);border-radius: 0}.page-hero .eyebrow::before{background: var(--id-accent-light)}.page-hero .hero-chips li{background: rgba(255,255,255,.07);border: 1px solid rgba(255,255,255,.22);color: var(--id-on-dark);border-radius: 4px}.page-hero .hero-chips li::before{color: var(--id-accent-light)}.page-hero .btn-secondary{background: transparent;border-color: rgba(255,255,255,.45);color: #fff}.page-hero .btn-secondary:hover{border-color: var(--id-accent-light);color: var(--id-accent-light)}.id-skyline{background: linear-gradient(90deg,rgba(23,38,16,0.94) 0%,rgba(23,38,16,0.82) 45%,rgba(23,38,16,0.45) 100%),url("../../../assets/img/Berlin-Skyline-2.webp") center 60% / cover no-repeat;color: var(--id-on-dark)}.cta-banner{border-radius: 10px}.section-alt{background: #f4f7ef}.id-product{border-radius: 22px;background: linear-gradient(150deg,color-mix(in srgb,var(--color-accent) 16%,rgba(255,255,255,0.8)),rgba(255,255,255,0.6));border: 1px solid color-mix(in srgb,var(--color-accent) 30%,#fff);box-shadow: inset 0 1px 0 #fff,0 30px 60px -36px color-mix(in srgb,var(--color-accent) 60%,transparent)}.id-product h2{font-family: var(--font-sans)}.id-product-list li{border-radius: 14px}.hero-illustration,.hero-illustration > *{border-radius: 10px}.hero-illustration{background: none !important;box-shadow: none !important;border: 0 !important}.site-footer{border-radius: 0 !important}.id-tile,.card,.cta-banner,.tab-panel,.id-video-frame,.id-video-frame iframe,.id-feed,.id-magazin,.id-badge{border-radius: 8px}.btn-primary{background: var(--color-accent);box-shadow: none}.hero-illustration::before,.hero-illustration::after{display: none !important}.hero-illustration{padding: 0 !important}.page-hero h1 em,.hero h1 em{background: none !important;background-image: none !important}.hero h1 em::after{display: none}:root,:root:not([data-theme="x"]){--radius-sm: 1px;--radius-md: 2px;--radius-lg: 3px;--radius-pill: 2px}.btn,.btn-primary,.btn-secondary,.card,.id-tile,.id-panel,.id-row,.id-row em,.id-product,.id-product-list li,.id-partner-logos li,.id-feed,.id-magazin,.id-badge,.id-video-frame,.id-video-frame iframe,.tab-btn,.tab-panel,.hero-chips li,.cta-banner,.hero-illustration,.hero-illustration > *,.site-header .btn,.nav-highlight,.icon-badge,.dropdown,.nav-dropdown,.submenu,input,textarea,select,.form-field,.step-num,.id-panel-head i,.id-more{border-radius: 2px !important}.id-dot,.nav-dot{border-radius: 50% !important}:root,:root:not([data-theme="x"]){--id-dark: #4f6d2b;--id-dark-2: #5a7d31;--id-on-dark: #f4f8ee;--id-accent-light: #d3eaa8}.page-hero:not(.id-skyline),.hero:not(.id-skyline){background: linear-gradient(120deg,#44612a 0%,#5a7d31 55%,#6b9239 100%)}.page-hero::before,.hero-glow{background: radial-gradient(600px 300px at 85% 20%,rgba(255,255,255,.14),transparent 70%) !important}.id-skyline{background: linear-gradient(90deg,rgba(68,97,42,0.93) 0%,rgba(79,109,43,0.80) 45%,rgba(98,134,54,0.45) 100%),url("../../../assets/img/Berlin-Skyline-2.webp") center 60% / cover no-repeat}.page-hero .hero-chips li{background: rgba(255,255,255,.12);border-color: rgba(255,255,255,.35)}.page-hero .btn-primary{background: #fff;color: #3f5c24}.page-hero .btn-primary:hover{background: #eef5e4}.id-facts{display: grid;gap: 14px}.id-fact{display: flex;flex-direction: column;gap: 2px;padding: 18px 22px;background: #fff;border: 1px solid var(--color-border,#dfe6d6);border-left: 4px solid var(--color-accent);border-radius: 2px}.id-fact strong{font-family: var(--font-head);font-size: 1.15rem;color: var(--color-accent-hover)}.id-fact span{color: var(--color-text-muted,#5b6552);font-size: 0.95rem}.id-faq details{background: #fff;border: 1px solid var(--color-border,#dfe6d6);border-radius: 2px;margin-bottom: 10px}.id-faq summary{cursor: pointer;padding: 18px 22px;font-weight: 600;list-style: none;display: flex;justify-content: space-between;gap: 16px}.id-faq summary::-webkit-details-marker{display: none}.id-faq summary::after{content: "+";font-size: 1.4rem;line-height: 1;color: var(--color-accent);transition: transform .2s}.id-faq details[open] summary::after{transform: rotate(45deg)}.id-faq details p{margin: 0;padding: 0 22px 20px;color: var(--color-text-muted,#5b6552);line-height: 1.7}.card.tight h4{margin-bottom: 8px}.anchor-nav .container{justify-content: center;flex-wrap: wrap;overflow-x: visible}@media (max-width: 860px){.anchor-nav .container{justify-content: flex-start;flex-wrap: nowrap;overflow-x: auto}}.site-footer .footer-col li.sub{padding-left: 12px;font-size: 0.88rem;opacity: .9}.site-footer .footer-col li.sub a::before{content: "› ";color: var(--color-accent)}:root,:root:not([data-theme="x"]){--color-bg: #f2f2f2;--color-bg-alt: #ebebeb;--color-surface: #ffffff;--color-surface-alt: #f5f5f5;--color-border: #d9d9d9;--color-border-strong: #bdbdbd;--color-text: #0f0f0f;--color-text-muted: #4a4a4a;--color-text-faint: #767676;--color-accent: #5a7d31;--color-accent-hover: #4f6d2b;--color-accent-soft: #e9f0dd;--color-accent-contrast: #fff;--glass-ring: rgba(98,134,54,.12);--amb-1: transparent;--amb-2: transparent;--amb-3: transparent;--id-lime: #9ccf50;--id-lime-hover: #88bb3d;--id-dark: #4f6d2b;--id-on-dark: #ffffff;--id-accent-light: #d3eaa8;--font-sans: "Segoe UI","Noto Sans Display",Inter,Arial,sans-serif;--font-head: "Segoe UI","Noto Sans Display",Inter,Arial,sans-serif;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 4px;--radius-pill: 4px}body{background: #f2f2f2 !important;font-family: var(--font-sans)}body::before,body::after{background: none !important}h1,h2,h3,h4,.page-hero h1,.hero h1{font-family: var(--font-head);font-weight: 500;letter-spacing: -0.005em}h2{color: #5a7d31}h4{font-weight: 650;color: #0f0f0f}.eyebrow{color: #5a7d31}.section-alt{background: #ebebeb}.card,.id-fact,.id-faq details{border-color: #e2e2e2}.section-border-top{border-color: #d9d9d9}.site-header,.site-header::before{background: #fff}.site-header{border-bottom: 1px solid #e2e2e2}.nav-links a,.site-header nav a{color: #0f0f0f}.btn-primary,.page-hero .btn-primary,.cta-banner .btn-primary{background: var(--id-lime) !important;color: #0f0f0f !important;border: 1px solid var(--id-lime);border-radius: 4px;box-shadow: none;font-weight: 600}.btn-primary:hover,.page-hero .btn-primary:hover{background: var(--id-lime-hover) !important;border-color: var(--id-lime-hover);transform: none}.btn-secondary{background: #fff;color: #5a7d31;border: 1px solid #5a7d31}.btn-secondary:hover{background: #e9f0dd;color: #4f6d2b;border-color: #4f6d2b;transform: none}.page-hero .btn-secondary{background: transparent;color: #fff;border-color: rgba(255,255,255,.7)}.page-hero .btn-secondary:hover{background: rgba(255,255,255,.12);color: #fff;border-color: #fff}.page-hero:not(.id-skyline),.hero:not(.id-skyline){background: linear-gradient(105deg,#3f5c24 0%,#5a7d31 55%,#5a7d31 100%)}.page-hero::before,.hero-glow{background: radial-gradient(700px 320px at 85% 10%,rgba(255,255,255,.10),transparent 70%) !important}.id-skyline{background: linear-gradient(90deg,rgba(63,92,36,0.94) 0%,rgba(90,125,49,0.82) 45%,rgba(98,134,54,0.45) 100%),url("../../../assets/img/Berlin-Skyline-2.webp") center 60% / cover no-repeat}.page-hero h1 em,.hero h1 em{color: var(--id-accent-light);font-style: normal}.page-hero .eyebrow,.page-hero .eyebrow::before{color: var(--id-accent-light)}.page-hero .hero-chips li{background: rgba(255,255,255,.10);border-color: rgba(255,255,255,.35)}.page-hero .hero-chips li::before{color: var(--id-accent-light)}.id-panel{background: #fff}.id-row em,.id-panel-head i{background: #e9f0dd;color: #4f6d2b}.id-dot{background: #5a7d31;box-shadow: 0 0 0 4px #e9f0dd}.id-row{background: #f5f5f5;border-color: #e5e5e5}.hero-chips li::before,.id-more,.icon-badge{color: #5a7d31}.icon-badge{background: #e9f0dd}.compare-list svg,.id-product-list svg{color: #5a7d31}.anchor-nav,.anchor-nav::before{background: #fff !important}.anchor-nav{border-bottom: 1px solid #e2e2e2}.anchor-nav a{color: #0f0f0f}.anchor-nav a:hover,.anchor-nav a.is-active{color: #5a7d31;border-color: #5a7d31}.id-partners{background: #fff}.id-fact{border-left-color: #9ccf50}.id-fact strong{color: #5a7d31}.id-faq summary::after{color: #5a7d31}.cta-banner{background: linear-gradient(105deg,#3f5c24,#5a7d31) !important}.cta-banner .btn-secondary{color: #fff;border-color: rgba(255,255,255,.7);background: transparent}.step-num{background: #5a7d31 !important;color: #fff;border-radius: 2px}.steps::before,.step::after{border-color: #cfdcbc}.site-footer{background: #fff;border-top: 4px solid #9ccf50}.site-footer a:hover{color: #5a7d31}.tab-btn.is-active{color: #5a7d31;border-color: #5a7d31}.nav-highlight,.id-product{--color-accent: #5a7d31;--color-accent-hover: #4f6d2b;--color-accent-soft: #e9f0dd}.nav-highlight{background: #eef4e4;border-color: #c9dbb0;color: #4f6d2b}.id-product .btn-primary{background: #5a7d31 !important;color: #fff !important;border-color: #5a7d31}.id-product .btn-secondary{color: #4f6d2b;border-color: #5a7d31}.id-product .icon-badge{background: #e9f0dd;color: #5a7d31}.id-product h2,.id-product .eyebrow{color: #4f6d2b}.id-product .ai-mark{color: #5a7d31}.id-photo{background-size: cover !important;background-position: center !important}.id-ph-bauhaus{background: linear-gradient(95deg,rgba(63,92,36,.90) 0%,rgba(74,107,42,.62) 45%,rgba(98,134,54,.3) 100%),url("../../../assets/img/Magdeburger_Dom_und_Magdeburger_Elbe.webp") center 62% / cover no-repeat !important}.id-ph-magdeburg{background: linear-gradient(95deg,rgba(63,92,36,.94) 0%,rgba(90,125,49,.80) 50%,rgba(90,125,49,.40) 100%),url("../../../assets/img/Magdeburg_2018.webp") center / cover no-repeat !important}.id-photo::before{display: none}.page-hero .id-panel:not(.id-logo-panel){background: rgba(255,255,255,.10);border: 1px solid rgba(255,255,255,.30);border-radius: 4px;box-shadow: 0 20px 50px -24px rgba(0,0,0,.45);-webkit-backdrop-filter: blur(14px) saturate(130%) !important;backdrop-filter: blur(14px) saturate(130%) !important}.page-hero .id-panel-head{color: rgba(255,255,255,.75);border-bottom: 1px solid rgba(255,255,255,.18)}.page-hero .id-panel-head i{background: rgba(255,255,255,.35)}.page-hero .id-row{background: transparent;border: 0;border-bottom: 1px solid rgba(255,255,255,.14);border-radius: 0;color: #fff;font-weight: 500;margin-top: 0;padding: 14px 6px}.page-hero .id-row:last-child{border-bottom: 0}.page-hero .id-row em{background: rgba(255,255,255,.16);color: #fff;font-weight: 600}.page-hero .id-dot{background: var(--id-accent-light);box-shadow: 0 0 0 4px rgba(182,220,122,.25)}.page-hero .id-logo-panel{background: rgba(255,255,255,.92);border-radius: 4px}h2,.eyebrow,.id-fact strong{color: #4f6d2b}.section-alt{background: #eef2e8}.id-partners{background: #f7f9f3}.page-hero:not(.id-skyline):not(.id-photo),.hero:not(.id-skyline){background: linear-gradient(105deg,#4a6b2a 0%,#587a30 55%,#5a7d31 100%)}.cta-banner{background: linear-gradient(105deg,#5a7d31,#5a7d31) !important}.btn-primary,.page-hero .btn-primary{background: #a6d16a !important;border-color: #a6d16a}.btn-primary:hover,.page-hero .btn-primary:hover{background: #93c056 !important;border-color: #93c056}.site-footer{border-top-color: #a6d16a}.id-fact{border-left-color: #a6d16a}.icon-badge{background: #e6f0d6}.id-fact{flex-direction: row;align-items: center;justify-content: space-between;gap: 16px}.id-fact > div{display: flex;flex-direction: column;gap: 2px}.id-fact-logo{height: 44px;width: auto;flex: none}.site-footer .footer-col h4 a{color: inherit;text-decoration: none}.site-footer .footer-col h4 a:hover{color: var(--color-accent)}.nav-highlight,.nav-link.nav-highlight{background: none !important;border: 0 !important;box-shadow: none !important;padding-left: inherit;color: inherit !important;font-weight: inherit}.nav-highlight .nav-dot{display: none !important}.nav-highlight .nav-ai{color: #5a7d31;font-weight: 700}.nav-highlight:hover .nav-ai{color: #4f6d2b}.nav-link.nav-highlight{gap: 0 !important;margin: 0 !important;transform: none !important}.nav-link.nav-highlight:hover{background: none !important;transform: none !important}.nav-stack{display: inline-flex;flex-direction: column;align-items: flex-start;line-height: 1.1}.nav-sub{font-size: 0.66rem;letter-spacing: .03em;color: #767676;font-weight: 500;margin-top: 3px}.site-header .btn-primary,.site-header .btn.btn-primary{background: linear-gradient(135deg,rgba(166,209,106,.55),rgba(98,134,54,.38)) !important;color: #2f4a17 !important;border: 1px solid rgba(98,134,54,.55) !important;border-radius: 6px !important;box-shadow: inset 0 1px 0 rgba(255,255,255,.7),0 6px 16px -8px rgba(98,134,54,.6) !important;-webkit-backdrop-filter: blur(10px) saturate(150%) !important;backdrop-filter: blur(10px) saturate(150%) !important;font-weight: 650;transition: background .2s,box-shadow .2s}.site-header .btn-primary:hover{background: linear-gradient(135deg,rgba(166,209,106,.75),rgba(98,134,54,.55)) !important;color: #243b11 !important;transform: none}.nav-link.nav-highlight{background: linear-gradient(135deg,rgba(255,255,255,.75),rgba(166,209,106,.28)) !important;border: 1px solid rgba(98,134,54,.38) !important;border-radius: 6px !important;padding: 6px 14px !important;margin: 0 4px !important;box-shadow: inset 0 1px 0 rgba(255,255,255,.9),0 4px 14px -8px rgba(98,134,54,.55) !important;-webkit-backdrop-filter: blur(10px) saturate(150%) !important;backdrop-filter: blur(10px) saturate(150%) !important;transition: box-shadow .2s,border-color .2s,background .2s}.nav-link.nav-highlight:hover{background: linear-gradient(135deg,rgba(255,255,255,.85),rgba(166,209,106,.42)) !important;border-color: rgba(98,134,54,.6) !important;box-shadow: inset 0 1px 0 #fff,0 6px 18px -8px rgba(98,134,54,.7) !important}.nav-highlight .nav-main{font-weight: 650}.nav-highlight .nav-sub{color: #5b7a35}.id-consent{display: flex;gap: 10px;align-items: flex-start;margin-top: 18px;font-size: 0.86rem;color: var(--color-text-muted);line-height: 1.5}.id-consent input{margin-top: 3px;flex: none;width: 16px;height: 16px;accent-color: #5a7d31}.form-error{display: none;padding: 14px 18px;border-radius: 4px;background: #fbeaea;color: #7a2323;border: 1px solid #efc5c5;font-size: 0.9rem;margin-top: 16px}.form-error.is-visible{display: block}.form-success.is-visible{background: #e9f0dd;border: 1px solid #c9dbb0}.id-ph-contact{background: linear-gradient(95deg,rgba(63,92,36,.92) 0%,rgba(74,107,42,.72) 48%,rgba(98,134,54,.35) 100%),url("../../../assets/img/Business_agreement_handshake_at_coffee_shop.webp") center 40% / cover no-repeat !important}.id-ph-news{background: linear-gradient(95deg,rgba(63,92,36,.92) 0%,rgba(74,107,42,.72) 48%,rgba(98,134,54,.35) 100%),url("../../../assets/img/Business_Woman_is_reading_Newspaper_-_35870943420.webp") center 35% / cover no-repeat !important}.tab-btn.is-active,.tab-btn[aria-selected="true"]{background: #5a7d31 !important;border-color: #5a7d31 !important;color: #fff !important}.page-hero .hero-illustration,.page-hero .hero-illustration.reveal{opacity: 1 !important;transform: none !important;transition: none !important;will-change: auto}.page-hero .id-panel{animation: none !important;transition: none !important}.page-hero .id-row{animation-duration: .35s}:root,:root:not([data-theme="x"]),:root[data-theme="dark"],:root[data-theme="light"]{--id-accent-light: #ffffff !important}.page-hero h1 em,.hero h1 em,.page-hero .eyebrow,.page-hero .eyebrow::before,.page-hero .hero-chips li::before{color: #ffffff !important}.page-hero .eyebrow::before{background: #ffffff !important}.page-hero .id-dot{background: #ffffff !important;box-shadow: 0 0 0 4px rgba(255,255,255,.22) !important}.btn-primary,.page-hero .btn-primary,.cta-banner .btn-primary{background: #5a7d31 !important;border-color: #5a7d31 !important;color: #fff !important}.btn-primary:hover,.page-hero .btn-primary:hover,.cta-banner .btn-primary:hover{background: #4f6d2b !important;border-color: #4f6d2b !important}.page-hero .btn-primary,.cta-banner .btn-primary{border: 2px solid #fff !important}.site-footer{border-top-color: #5a7d31 !important}.id-fact{border-left-color: #5a7d31 !important}.nav-link.nav-highlight,.nav-link.nav-highlight:hover{background: rgba(98,134,54,.10) !important;border: 1px solid rgba(98,134,54,.38) !important;border-radius: 4px !important;box-shadow: none !important;-webkit-backdrop-filter: blur(14px) saturate(130%) !important;backdrop-filter: blur(14px) saturate(130%) !important}.nav-link.nav-highlight:hover{background: rgba(98,134,54,.18) !important;border-color: rgba(98,134,54,.6) !important}.site-header .btn-primary,.site-header .btn.btn-primary{background: #5a7d31 !important;color: #fff !important;border: 2px solid #fff !important;border-radius: 4px !important;box-shadow: 0 0 0 1px #5a7d31 !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important}.site-header .btn-primary:hover{background: #4f6d2b !important;color: #fff !important}.id-videos-more .reveal-item,.id-videos-more .reveal{opacity: 1 !important;transform: none !important}.id-panel.id-logo-panel,.page-hero .id-panel.id-logo-panel{background: transparent !important;border: 0 !important;box-shadow: none !important;-webkit-backdrop-filter: none !important;backdrop-filter: none !important}.nav-link.nav-highlight,.nav-link.nav-highlight:hover{background: #5a7d31 !important;color: #fff !important;border: 2px solid #fff !important;border-radius: 4px !important;box-shadow: 0 0 0 1px #5a7d31 !important;-webkit-backdrop-filter: none !important;backdrop-filter: none !important}.nav-link.nav-highlight:hover{background: #4f6d2b !important}.nav-highlight .nav-main,.nav-highlight .nav-ai,.nav-highlight:hover .nav-ai{color: #fff !important}.nav-highlight .nav-sub{color: rgba(255,255,255,.85) !important}@keyframes id-nav-glow{0%,70%,100%{box-shadow: 0 0 0 1px #5a7d31,0 0 0 0 rgba(166,209,106,0);filter: brightness(1)}85%{box-shadow: 0 0 0 1px #5a7d31,0 0 14px 3px rgba(166,209,106,.55);filter: brightness(1.12)}}.nav-link.nav-highlight{animation: id-nav-glow 4.5s ease-in-out infinite}.nav-link.nav-highlight:hover{animation: none}@media (prefers-reduced-motion: reduce){.nav-link.nav-highlight{animation: none}}.contact-info-row h4{margin: 0 0 2px !important;line-height: 1.25}.contact-info-row p{margin: 0 !important;line-height: 1.4}.id-yt-facade{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;padding: 0;cursor: pointer;background: #1d2b12 center / cover no-repeat}.id-yt-play{position: absolute;left: 50%;top: 50%;width: 64px;height: 44px;margin: -22px 0 0 -32px;border-radius: 8px;background: #5a7d31;box-shadow: 0 0 0 2px #fff}.id-yt-play::after{content: "";position: absolute;left: 26px;top: 12px;border-left: 16px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent}.id-yt-facade:hover .id-yt-play{background: #4f6d2b}@keyframes id-nav-glow{0%,60%,100%{box-shadow: 0 0 0 1px #5a7d31,0 0 0 0 rgba(166,209,106,0);transform: scale(1)}80%{box-shadow: 0 0 0 1px #5a7d31,0 0 16px 5px rgba(120,170,60,.65);transform: scale(1.04)}}.nav-link.nav-highlight{animation: id-nav-glow 3.5s ease-in-out infinite !important}.nav-link.nav-highlight:hover{animation: none !important}.id-partner-logos img{height: 110px !important}.id-partner-logos li{padding: 14px 12px !important}@media (max-width: 960px){.id-partner-logos img{height: 96px !important}}@media (max-width: 560px){.id-partner-logos img{height: 78px !important}}@keyframes id-nav-pulse{0%,100%{transform: scale(1);box-shadow: 0 0 0 1px #5a7d31,0 0 0 0 rgba(98,134,54,.55)}50%{transform: scale(1.06);box-shadow: 0 0 0 1px #5a7d31,0 0 16px 5px rgba(98,134,54,.45)}}.nav-link.nav-highlight{animation: id-nav-pulse 3s ease-in-out infinite !important;transform-origin: center}.nav-link.nav-highlight:hover{animation-play-state: paused !important}@media (prefers-reduced-motion: reduce){.nav-link.nav-highlight{animation: none !important}}@keyframes id-nav-pulse2{0%,100%{scale: 1;filter: drop-shadow(0 0 0 rgba(98,134,54,0))}50%{scale: 1.06;filter: drop-shadow(0 0 8px rgba(98,134,54,.75)) brightness(1.1)}}.nav-link.nav-highlight{animation: id-nav-pulse2 3s ease-in-out infinite !important}.hero h1,.hero h1 .ai-mark,.hero h1 em{color: #fff !important;font-style: normal}.hero .hero-glow{display: none !important}.hero .hero-meta,.hero .hero-meta li,.hero .hero-meta li svg{color: rgba(255,255,255,.95) !important;opacity: 1 !important}.hero .hero-meta li{background: none !important;border: 0 !important}.hero .lead{color: rgba(255,255,255,.95) !important}.chat{border-radius: 4px !important;box-shadow: 0 18px 40px -18px rgba(0,0,0,.45) !important}.chat-cap .ic,.chat-in .send{border-radius: 3px !important}.cd-user{background: #5a7d31 !important;color: #fff !important;border-radius: 4px !important}.cd-bot{background: #f2f2f2 !important;color: #222 !important;border-radius: 4px !important}.chat-in{border-radius: 4px !important}.logos{background: #f2f2f2}.mq-item{border-radius: 3px !important}.logo .kai-logo{height: 44px;width: auto;display: block}.site-footer .logo .kai-logo{height: 52px}@media (max-width: 720px){.logo .kai-logo{height: 36px}}.site-footer .logo{margin-left: 0}.site-footer .logo .kai-logo{margin-left: 9px;margin-bottom: 6px}.logo .kai-logo{height: 32px !important}.site-footer .logo .kai-logo{height: 38px !important;margin-left: 0 !important}.site-footer .logo{margin-left: 0 !important;padding-left: 0 !important;justify-content: flex-start}.site-footer .footer-brand{align-items: flex-start;text-align: left}@media (max-width: 720px){.logo .kai-logo{height: 28px !important}}.logo .kai-logo{height: 26px !important}.site-footer .logo .kai-logo{height: 30px !important}@media (max-width: 720px){.logo .kai-logo{height: 24px !important}}.logo:has(.kai-logo){display: inline-flex !important;flex-direction: column;align-items: flex-start;justify-content: center;gap: 2px;line-height: 1}.site-header .logo,.site-footer .logo,.mobile-menu .logo{display: inline-flex !important;flex-direction: column !important;align-items: flex-start !important;justify-content: center !important;height: auto !important;min-height: 0 !important;gap: 3px !important;margin-bottom: 0 !important}.logo .kai-logo{margin: 0 !important}.site-footer .footer-brand .logo{margin-bottom: 12px !important}.site-footer .footer-brand .logo + p{margin-top: 0}.site-header .logo,.site-footer .logo,.mobile-menu .logo{align-items: center !important}.page-hero .hero-illustration{display: none !important}.page-hero .hero-grid{grid-template-areas: "heading actions" "lead actions" !important;align-items: center}.page-hero .hero-actions{grid-area: actions;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 22px;padding-left: clamp(0px,4vw,56px)}.page-hero .hero-actions .btn-row{margin: 0 !important}.page-hero .hero-actions .hero-chips{margin: 0}@media (max-width: 860px){.page-hero .hero-grid{grid-template-areas: "heading" "lead" "actions" !important}.page-hero .hero-actions{padding-left: 0;margin-top: 20px}}.page-hero .hero-actions:not(:has(*)){display: none}.page-hero .hero-actions .btn-row{flex-direction: column;align-items: flex-start;gap: 12px}.page-hero .hero-actions .hero-chips{flex-direction: column;align-items: flex-start;flex-wrap: nowrap;gap: 8px;padding: 0;list-style: none}.page-hero .hero-actions .btn-row{display: contents}.page-hero .hero-actions .btn-secondary{order: 1}.page-hero .hero-actions .hero-chips{order: 2}.page-hero .hero-actions .btn-primary{order: 3}.field select{font-family: inherit;font-size: 1rem;padding: 14px 14px;min-height: 52px;cursor: pointer}.field select option{font-size: 1rem;padding: 8px}.id-ph-dsmap{position: relative;overflow: hidden;min-height: 560px;display: flex;align-items: center;background: linear-gradient(105deg,#3f5c24 0%,#4f6d2b 50%,#5a7d31 100%) !important}.id-ph-dsmap > .container{position: relative;z-index: 1;width: 100%}.id-ph-dsmap .hero-illustration{display: none !important}.ds-map{position: absolute;top: 50%;right: 4%;height: 96%;aspect-ratio: 600 / 570;transform: translateY(-50%);z-index: 0;pointer-events: none}.ds-svg{width: 100%;height: 100%;display: block;overflow: visible}.ds-lines line{stroke: #d3eaa8;stroke-width: 1.1;stroke-dasharray: 3 5;opacity: 0;animation: dsFade .6s ease var(--d) forwards,dsFlow 1.6s linear var(--d) infinite}.ds-shield .sh{fill: rgba(255,255,255,.12);stroke: #fff;stroke-width: 2.6;stroke-linejoin: round;stroke-dasharray: 700;stroke-dashoffset: 700;animation: dsDraw 1.6s cubic-bezier(.3,.7,.2,1) .3s forwards}.ds-lock{transform-box: fill-box;transform-origin: center;transform: scale(0);animation: dsPop .6s cubic-bezier(.3,1.6,.5,1) 1.3s forwards}.ds-lock rect{fill: #a9cf7a;stroke: #fff;stroke-width: 2.2}.ds-lock .shackle{fill: none;stroke: #fff;stroke-width: 4;stroke-linecap: round}.ds-lock circle{fill: #3f5c24}.ds-lock .key{stroke: #3f5c24;stroke-width: 3.2;stroke-linecap: round}.ds-pulse{fill: none;stroke: #d3eaa8;stroke-width: 1.6;opacity: 0;transform-box: fill-box;transform-origin: center;animation: dsRing 3s ease-out 1.8s infinite}.ds-pulse.p2{animation-delay: 3.3s}.ds-node{opacity: 0;transform: translateY(8px);animation: dsIn .6s cubic-bezier(.2,.7,.2,1) var(--d) forwards}.ds-node rect{fill: rgba(255,255,255,.14);stroke: rgba(255,255,255,.5);stroke-width: 1.2}.ds-node circle{fill: #a9cf7a}.ds-node text{font: 600 12.5px Inter,system-ui,sans-serif;fill: #fff}@keyframes dsFade{to{opacity: 1}}@keyframes dsSpin{to{transform: rotate(360deg)}}@keyframes dsFlow{to{stroke-dashoffset: -16}}@keyframes dsDraw{to{stroke-dashoffset: 0}}@keyframes dsPop{to{transform: scale(1)}}@keyframes dsRing{0%{opacity: .7;transform: scale(1)}100%{opacity: 0;transform: scale(2.6)}}@keyframes dsIn{to{opacity: 1;transform: none}}.ds-lines line{animation-name: dsFadeL,dsFlow}@keyframes dsFadeL{to{opacity: .8}}@media (prefers-reduced-motion: reduce){.ds-rings circle,.ds-lines line,.ds-shield .sh,.ds-lock,.ds-node{animation: none !important;opacity: 1;transform: none;stroke-dashoffset: 0}.ds-pulse{display: none}}@media (max-width: 860px){.ds-map{right: -22%;height: 100%;opacity: .5}}.ds-node .fl{animation: dsFloat var(--ft,6s) ease-in-out var(--fd,2s) infinite alternate}@keyframes dsFloat{from{transform: translate(0,0)}to{transform: translate(var(--fx,4px),var(--fy,-4px))}}@media (prefers-reduced-motion: reduce){.ds-node .fl{animation: none}}.ds-pulse{display: none !important}.ds-node .fl{animation: none !important}@media (max-width: 640px){.ds-map,.fw-map,.id-ph-fwmap .fw-tools{display: none !important}.id-ph-dsmap,.id-ph-fwmap{min-height: 0;display: block}}.ds-photo{position: absolute;inset: 0;z-index: 0;pointer-events: none;background: var(--ds-bg) right center / cover no-repeat;opacity: .10;filter: grayscale(.5);-webkit-mask-image: linear-gradient(90deg,transparent 25%,#000 75%);mask-image: linear-gradient(90deg,transparent 25%,#000 75%)}.ds-bg-a{--ds-bg: url("../../../assets/img/hero-tablet.webp")}@media (max-width: 640px){.ds-photo{display: block;opacity: .2;-webkit-mask-image: none;mask-image: none;background-position: center}}.id-ph-dsmap.ds-compact{min-height: 0;display: block}.ds-icon .s{fill: none;stroke: #fff;stroke-width: 3;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1;stroke-dashoffset: 1;animation: dsDraw 1.4s cubic-bezier(.3,.7,.2,1) .4s forwards}.ds-icon .f{fill: rgba(255,255,255,.12);stroke-width: 2.8;animation-duration: 1.6s;animation-delay: .3s}.ds-icon .a{fill: #a9cf7a;stroke: none;transform-box: fill-box;transform-origin: center;transform: scale(0);animation: dsPop .5s cubic-bezier(.3,1.6,.5,1) 1.5s forwards}.ds-icon .a.line{fill: none;stroke: #a9cf7a;stroke-width: 8;stroke-linecap: round;stroke-dasharray: 1;stroke-dashoffset: 1;transform: none;animation: dsDraw .8s ease 1.4s forwards}@media (prefers-reduced-motion: reduce){.ds-icon .s,.ds-icon .a{animation: none !important;stroke-dashoffset: 0;transform: none}}.ds-bg-contact{--ds-bg: url("../../../assets/img/Business_agreement_handshake_at_coffee_shop.webp")}.aud,.aud button,.aud button.on,.sec-box,.sec-tile,.trust-strip,.accordion-item,.accordion-trigger,.tag,.tag-quickwin,.use-case .tag,.use-case,.usecase-card,span.n,.n,.pill,.pill i,.chip,.badge,.compare-col,.stat,.stat-card,.step2,.tab-btn,.tab-panel,.timeline-item,.legal-content{border-radius: 2px !important}.ds-icon .gl{fill: #fff;font: 700 26px Inter,system-ui,sans-serif}@keyframes dsSatIn{to{opacity: 1;transform: scale(1)}}@keyframes dsSatBob{from{translate: 0 -4px}to{translate: 0 5px}}.dv-svg{width: 100%;height: 100%;display: block;overflow: visible}.dv-map path{fill: rgba(255,255,255,.09);stroke: rgba(255,255,255,.3);stroke-width: 1.1;stroke-linejoin: round}.dv-flows path{fill: none;stroke: #d3eaa8;stroke-width: 2.2;stroke-dasharray: 5 6;opacity: 0;animation: dsFade .6s ease var(--d) forwards,dsFlow 1.6s linear var(--d) infinite}.dv-arrow{fill: none;stroke: #d3eaa8;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round;opacity: 0;animation: dsFade .6s ease var(--d) forwards}.dv-t{fill: #fff;font: 700 14px Inter,system-ui,sans-serif;paint-order: stroke;stroke: rgba(40,64,20,.6);stroke-width: 3px;stroke-linejoin: round;opacity: 0;animation: dsFade .5s ease var(--d) forwards}.dv-sub{font-size: 11.5px;font-weight: 600;fill: #e3efcf}.dv-req{fill: #a9cf7a;stroke: #fff;stroke-width: 1.6}.dv-res{fill: #fff;stroke: #a9cf7a;stroke-width: 1.6}.dv-flag{opacity: 0;animation: dsFade .6s ease var(--d) forwards}.dv-flag rect:first-child{fill: rgba(255,255,255,.14);stroke: rgba(255,255,255,.6);stroke-width: 1.4}.dv-flag text{fill: #fff;font: 700 13px Inter,system-ui,sans-serif}@media (prefers-reduced-motion: reduce){.dv-flows path,.dv-arrow,.dv-t,.dv-flag{animation: none;opacity: 1}.dv-pk{display: none}}.dv-hero .hero-grid{grid-template-areas: "heading ." "lead ." "actions ." !important;grid-template-columns: minmax(0,1fr) minmax(0,1fr)}.dv-hero .hero-actions{padding-left: 0 !important;align-items: flex-start}.dv-hero .hero-actions .btn-row{display: flex !important;flex-direction: row !important;flex-wrap: wrap;gap: 12px;margin: 0 !important}.dv-hero .hero-actions .btn-secondary,.dv-hero .hero-actions .btn-primary,.dv-hero .hero-actions .hero-chips{order: 0}.dv-hero .hero-actions .btn-primary{order: 1}.dv-hero .hero-actions .btn-secondary{order: 2}.dv-hero .hero-actions .hero-chips{flex-direction: row !important;flex-wrap: wrap;gap: 8px}@media (max-width: 860px){.dv-hero .hero-grid{grid-template-areas: "heading" "lead" "actions" !important;grid-template-columns: 1fr}}.dv-in{font-size: 12px;fill: #2f4a17;stroke: none}.dv-hero .hero-actions .hero-chips{margin-top: 28px !important}.page-hero .ai-mark,.hero .ai-mark,.id-ph-dsmap .ai-mark,.sec-box .ai-mark,.trust-strip .ai-mark,.cta-banner .ai-mark{color: #d3eaa8 !important}.page-hero h1 .ai-mark,.hero h1 .ai-mark,.sec-box h2 .ai-mark,.trust-strip h2 .ai-mark,.cta-banner h2 .ai-mark{color: #fff !important}.ai-mark,.nav-ai,.logo-text .ai-mark{font-weight: 800 !important}@media (max-width: 760px){.anchor-nav .container{scroll-snap-type: x proximity;-webkit-overflow-scrolling: touch;overscroll-behavior-x: contain;scroll-padding-inline: 24px;padding-left: 16px;padding-right: 16px;-webkit-mask-image: linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);mask-image: linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}.anchor-nav a{scroll-snap-align: center;white-space: nowrap}}.ue-hero .hero-illustration{display: block !important;grid-area: illu}.ue-hero .hero-grid{grid-template-areas: "heading illu" "lead illu" "actions illu" !important;align-items: center}.ue-hero .hero-actions{padding-left: 0 !important;align-items: flex-start}.ue-hero .hero-actions .btn-row{display: flex !important;flex-direction: row !important;flex-wrap: wrap;gap: 12px;margin: 22px 0 0 !important}.ue-hero .hero-actions .btn-secondary,.ue-hero .hero-actions .hero-chips,.ue-hero .hero-actions .btn-primary{order: 0}.ue-hero .hero-actions .hero-chips{flex-direction: row !important;flex-wrap: wrap;gap: 8px;margin-top: 18px !important}.ue-hero .id-panel-head b{font-weight: 800;color: #d3eaa8}@media (max-width: 860px){.ue-hero .hero-grid{grid-template-areas: "heading" "lead" "actions" !important}.ue-hero .hero-illustration{display: none !important}}.ue-hero .hero-grid{grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr)}.ue-hero h1{max-width: none;text-wrap: balance}.grid.grid-2-1{grid-template-columns: 2fr 1fr}@media (max-width: 860px){.grid.grid-2-1{grid-template-columns: 1fr}}.trust-chips{flex-direction: column;flex-wrap: nowrap;align-items: stretch;gap: 10px;max-width: 340px}.trust-chips span{width: 100%}@media (max-width: 860px){.trust-chips{max-width: none}}.hero .hero-meta.hero-meta-chips{display: flex;flex-wrap: wrap;gap: 8px;list-style: none;padding: 0;margin: 22px 0 0}.hero .hero-meta.hero-meta-chips li{display: inline-flex;align-items: center;gap: 8px;padding: 7px 12px;font-size: .85rem;font-weight: 500;background: rgba(255,255,255,.10) !important;border: 1px solid rgba(255,255,255,.35) !important;border-radius: 2px !important}.hero .hero-meta.hero-meta-chips li svg{width: 16px;height: 16px;flex: none}.site-footer .ai-mark,.footer-bottom .ai-mark,.footer-col .ai-mark{color: #4f6d2b !important;font-weight: 800}.ms-scene .dv-svg{width: 100%;height: 100%}.ms-hub{fill: #fff;font: 800 22px Inter,system-ui,sans-serif;paint-order: stroke;stroke: rgba(40,64,20,.5);stroke-width: 3px}.ms-hub .ms-ai{fill: #d3eaa8}.ms-scene{right: 29%;transform: translate(50%,-50%)}.ms-scene .ds-icon .s{stroke-width: 1}.ms-scene .dv-flows path{stroke-width: 1.2}.ms-ic{opacity: 0;animation: dsFade .6s ease var(--d,600ms) forwards}@media (max-width: 860px){.ms-scene{right: -22%;transform: translateY(-50%)}}.ms-logo{opacity: 0;animation: dsFade .6s ease var(--d,700ms) forwards}.ms-hero > .container{align-self: stretch;display: flex;flex-direction: column}.ms-hero > .container > .hero-grid{margin: auto 0}.ms-hero > .container::after{flex: none;margin-top: 0}.ms-scene{height: 80%}.app-grid{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);gap: 56px;align-items: center}.app-head{display: flex;align-items: center;gap: 16px;margin-bottom: 18px}.app-head img{width: 64px;height: auto;flex: none}.app-kicker{font-weight: 800;letter-spacing: .06em;text-transform: uppercase;font-size: .9rem;color: var(--app,#5a7d31)}.app-sub{color: #6b7280;font-size: .95rem}.app-grid h2{margin: 0 0 12px}.app-list{list-style: none;margin: 18px 0 0;padding: 0;display: grid;gap: 10px}.app-list li{position: relative;padding-left: 28px;color: var(--color-text-muted,#5b6552)}.app-list li::before{content: "✓";position: absolute;left: 0;top: 0;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: .8rem;color: #fff;background: #5a7d31;border-radius: 2px}.mk{--app: #5a7d31;background: #fff;border: 1px solid #d5dae1;border-radius: 4px;box-shadow: 0 28px 54px -30px rgba(20,35,10,.55);font: 11px/1.45 Inter,system-ui,sans-serif;color: #1f2937;overflow: hidden;min-width: 0}.mk *{box-sizing: border-box}.mk-bar{display: flex;align-items: center;gap: 6px;padding: 8px 12px;background: #f3f4f6;border-bottom: 1px solid #e3e6ea}.mk-bar i{width: 9px;height: 9px;border-radius: 50%;background: #cfd4da;display: block}.mk-bar b{margin: 0 auto;font-weight: 600;color: #4b5563}.mk-tabs{display: flex;gap: 16px;padding: 7px 14px 0;border-bottom: 1px solid #e3e6ea;color: #4b5563;font-size: 10.5px}.mk-tabs span{padding-bottom: 6px;border-bottom: 2px solid transparent}.mk-tabs .on{color: var(--app);font-weight: 700;border-bottom-color: var(--app)}.mk-ribbon{display: flex;gap: 8px;padding: 8px 14px;background: #fafbfc;border-bottom: 1px solid #e3e6ea;overflow: hidden}.mk-btn{display: flex;flex-direction: column;align-items: center;gap: 4px;min-width: 58px;font-size: 9.5px;text-align: center;color: #374151}.mk-btn img{width: 26px;height: 22px;object-fit: cover;border: 1px solid #e3e6ea}.mk-body{display: grid;grid-template-columns: minmax(0,1fr) 39%;min-height: 330px}.mk-doc{padding: 14px 16px;background: #eceff3;min-width: 0}.mk-page{background: #fff;border: 1px solid #dde1e6;padding: 14px 16px;box-shadow: 0 6px 16px -12px rgba(0,0,0,.4)}.mk-page h5{margin: 0 0 8px;font-size: 12.5px;font-weight: 700}.mk-page p{margin: 0 0 8px;font-size: 10.5px}.mk-hl{background: rgba(98,134,54,.14);border-left: 2px solid #5a7d31;padding: 4px 6px}.mk-pane{border-left: 1px solid #e3e6ea;background: #fff;padding: 10px 12px;display: flex;flex-direction: column;gap: 8px;min-width: 0}.mk-ph{display: flex;justify-content: space-between;align-items: center;font-weight: 700;padding-bottom: 6px;border-bottom: 1px solid #eef0f3}.mk-ph em{font-style: normal;color: #9ca3af;font-weight: 400}.mk-bubble{align-self: flex-end;max-width: 92%;background: #eaf2df;border-radius: 3px;padding: 6px 8px}.mk-st{display: flex;align-items: center;gap: 6px;color: #4b5563;font-size: 10px}.mk-st::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: #5a7d31;flex: none}.mk-reply{margin: 2px 0 0;font-size: 10.5px}.mk-chips{display: flex;flex-wrap: wrap;gap: 6px;margin-top: auto}.mk-chip{border: 1px solid #d1d5db;border-radius: 3px;padding: 4px 8px;font-size: 10px;background: #fff}.mk-input{border: 1px solid #d1d5db;border-radius: 3px;padding: 8px;color: #9ca3af;font-size: 10.5px}.mk-xl table{width: 100%;border-collapse: collapse;background: #fff;font-size: 10.5px}.mk-xl th,.mk-xl td{border: 1px solid #dde1e6;padding: 5px 8px;text-align: left}.mk-xl th{background: #f1f5f1;color: #217346;font-weight: 700}.mk-xl tr:nth-child(5) td{background: rgba(33,115,70,.12)}.mk-mail{display: grid;grid-template-columns: 34% minmax(0,1fr);gap: 10px}.mk-mail ul{list-style: none;margin: 0;padding: 0;background: #fff;border: 1px solid #dde1e6}.mk-mail li{padding: 7px 9px;border-bottom: 1px solid #eef0f3}.mk-mail li.on{background: #e8f1fb;border-left: 2px solid #0078d4}.mk-mail li b,.mk-mail li span{display: block}.mk-mail li span{color: #6b7280;font-size: 10px}.mk-ppt{display: grid;grid-template-columns: 22% minmax(0,1fr);gap: 10px}.mk-thumbs{display: grid;gap: 8px;align-content: start}.mk-thumbs i{display: block;aspect-ratio: 16 / 10;background: #fff;border: 1px solid #dde1e6}.mk-thumbs i.on{border-color: #c43e1c;box-shadow: 0 0 0 1px #c43e1c}.mk-slide{background: #fff;border: 1px solid #dde1e6;padding: 18px 20px;aspect-ratio: 16 / 10}.mk-slide h5{margin: 0 0 10px;font-size: 15px;color: #c43e1c}.mk-slide ul{margin: 0;padding-left: 16px;font-size: 11px}.mk-url{background: #fff;border: 1px solid #dde1e6;border-radius: 3px;padding: 4px 10px;margin-bottom: 10px;color: #6b7280}@media (max-width: 860px){.app-grid{grid-template-columns: 1fr;gap: 28px}.mk-body{min-height: 0}}@media (max-width: 560px){.mk-body{grid-template-columns: 1fr}.mk-pane{border-left: 0;border-top: 1px solid #e3e6ea}.mk-ribbon .mk-btn:nth-child(n+3){display: none}}.ms-scene .dv-t,.ms-scene .dv-sub,.ms-scene .ms-hub,.ms-scene .ms-hub .ms-ai{fill: #fff;stroke: none;paint-order: normal}.dv-scene .ds-icon .s,.dv-scene .ds-icon .f{stroke-width: 1.3}.dv-scene .ds-icon .a.line{stroke-width: 4}.ms-hero{padding-bottom: 22px !important}@media (max-width: 860px){.tabs-head{flex-wrap: nowrap;justify-content: flex-start;overflow-x: auto;scrollbar-width: none;-webkit-overflow-scrolling: touch;overscroll-behavior-x: contain;scroll-snap-type: x proximity}.tabs-head::-webkit-scrollbar{display: none}.tabs-head .tab-btn{flex: none;white-space: nowrap;scroll-snap-align: center}}.ms-hero > .container > .hero-grid{padding-bottom: 44px}.ms-hero .ms-scene{top: calc(50% - 22px)}.ms-hero.dv-hero{padding-bottom: 40px !important}.ms-hero > .container{pointer-events: none}.ms-hero > .container .hero-heading,.ms-hero > .container .hero-lead-block,.ms-hero > .container .hero-actions{pointer-events: auto}.mt-bar{stroke-linecap: round;stroke: #fff;stroke-width: 3;fill: none;transform-box: fill-box;transform-origin: center;opacity: 0;animation: dsFade .5s ease 1.4s forwards,mtBar 1.1s ease-in-out var(--b,0s) infinite alternate}@keyframes mtBar{from{transform: scaleY(.3)}to{transform: scaleY(1)}}@media (prefers-reduced-motion: reduce){.mt-bar{animation: none;opacity: 1}}.mt-pulse{fill: none;stroke: #a9cf7a;stroke-width: 1.4;opacity: 0;transform-box: fill-box;transform-origin: center;animation: dsRing 2.4s ease-out 2s infinite}@media (prefers-reduced-motion: reduce){.mt-pulse{display: none}}.hero .btn-secondary{background: transparent;border-color: rgba(255,255,255,.45);color: #fff}.hero .btn-secondary:hover{background: transparent;border-color: #d3eaa8;color: #d3eaa8}.hero .pill{background: rgba(255,255,255,.12);border: 1px solid rgba(255,255,255,.35);color: #fff;box-shadow: none}.hero .pill:hover{border-color: #d3eaa8;transform: none}.hero .pill i{background: #d3eaa8;color: #3f5c24}.hero .pill .arr{color: #d3eaa8}.grid > *,.steps > *{min-width: 0}@media (max-width: 700px){.grid-2,.grid-3,.grid-4{grid-template-columns: minmax(0,1fr)}.steps-3{grid-template-columns: minmax(0,1fr)}.field input,.field select,.field textarea{max-width: 100%}}.form-grid > *,.field{min-width: 0}.field input,.field select,.field textarea{min-width: 0;max-width: 100%}.br-hero h1{font-size: clamp(1.45rem,1.2rem + 0.9vw,2rem);max-width: 24ch;line-height: 1.18}.ms-hero,.ms-hero.dv-hero{padding-bottom: 32px !important}.ms-hero,.ms-hero.dv-hero{padding-bottom: 32px !important}@media (max-width: 960px){.page-hero h1,.hero h1,.br-hero h1{max-width: none !important}.page-hero .lead,.hero .lead{max-width: none !important}.ue-hero .hero-grid{grid-template-columns: minmax(0,1fr) !important}}@media (max-width: 600px){.section{padding: 36px 0}.section-header{margin-bottom: 22px}h2{font-size: 1.3rem;line-height: 1.25}.lead,.page-hero .lead,.hero .lead{font-size: 1rem;line-height: 1.5}.page-hero{padding: 26px 0 20px !important}.page-hero .hero-grid{row-gap: 10px}.page-hero .hero-chips li,.hero-meta li{font-size: 0.72rem;padding: 5px 9px}.page-hero .hero-chips,.hero-meta{gap: 6px}.card{padding: 18px}.card h3{min-height: 0;margin: 10px 0 6px;font-size: 1.05rem}.grid,.related-grid,.steps{gap: 12px}.related-card,.step{padding: 16px}.cta-banner{padding: 28px 18px}.trust-strip,.sec-box{padding: 22px 18px}.site-footer{padding: 32px 0 18px}.footer-top{grid-template-columns: minmax(0,1fr);gap: 22px;padding-bottom: 24px}.footer-brand{grid-column: 1 / -1}.footer-col h4{margin-bottom: 8px}.footer-col ul{gap: 6px}.footer-col a{font-size: 0.84rem}}@media (max-width: 600px){.reveal-group:has(> .id-tile){grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.id-tile{padding: 14px 10px}.id-tile .icon-badge{margin-bottom: 8px !important}.id-tile h3,.id-tile strong{font-size: 0.95rem}.id-ph-bauhaus .hero-illustration{display: none !important}}@media (max-width: 600px){.id-tile h3,.id-tile strong{font-size: 0.86rem;hyphens: auto;-webkit-hyphens: auto;overflow-wrap: anywhere}.id-tile p,.id-tile small{font-size: 0.8rem}}@media (max-width: 600px){html{font-size: 15px}.card p,.related-card p{font-size: 0.9rem;line-height: 1.5}.hero .btn-row,.page-hero .btn-row{margin-top: 14px !important}}@media (max-width: 600px){html{-webkit-hyphens: manual;hyphens: manual;-webkit-text-size-adjust: 100%}h1,h2,h3,h4,h5,p,li,a,span,strong,small,em,label,dt,dd,td,th,summary,button{overflow-wrap: break-word;word-break: normal;-webkit-hyphens: manual;hyphens: manual}.card,.id-tile,.related-card,.step,.tab-btn,.btn{min-width: 0;max-width: 100%}.id-tile h3,.id-tile strong{font-size: 0.86rem;hyphens: auto}.btn{white-space: normal;text-align: center}}@media (max-width: 600px){.id-tile{padding: 14px 8px !important}.id-tile h4,.id-tile h3{font-size: 0.86rem !important;line-height: 1.25;margin: 0 0 4px;hyphens: auto}.id-tile p,.id-tile small,.id-tile span:not(.icon-badge){font-size: 0.78rem}}@media (max-width: 600px){.id-tile{justify-content: flex-start !important}}@media (max-width: 600px){.id-tile{display: flex !important;flex-direction: column;align-items: center !important;justify-content: center !important;text-align: center !important;padding: 18px 10px !important}.id-tile .icon-badge{margin: 0 auto 10px !important;flex: none}.id-tile h4,.id-tile h3{font-size: 1rem !important;line-height: 1.25;margin: 0 0 6px !important;hyphens: manual !important;-webkit-hyphens: manual !important;overflow-wrap: break-word}.id-tile p,.id-tile small,.id-tile span:not(.icon-badge){font-size: 0.86rem;line-height: 1.4}}@media (max-width: 600px){.footer-top{grid-template-columns: minmax(0,1fr)}.footer-col a,.footer-col li{overflow-wrap: anywhere}h1,h2,h3{-webkit-hyphens: auto;hyphens: auto;overflow-wrap: anywhere}.compare-list li,.compare-list{overflow-wrap: anywhere}.mk-tabs{overflow: hidden}.container{min-width: 0}}@media (max-width: 600px){.eyebrow{font-size: 0.72rem;letter-spacing: 0.05em;white-space: normal;overflow-wrap: anywhere;-webkit-hyphens: auto;hyphens: auto;min-width: 0}}@media (max-width: 600px) and (orientation: portrait){.hero-illustration,.id-panel{display: none !important}}@media (max-width: 960px){.site-footer{margin: 0 !important;border-left: 0 !important;border-right: 0 !important;border-bottom: 0 !important}}.logo,.logo-img{flex-shrink: 0}.logo-img{max-width: none}@media (min-width: 861px) and (max-width: 1100px){.main-nav{display: none}.nav-toggle{display: flex}.header-actions .desktop-only{display: none}body.nav-open .mobile-panel{transform: translateX(0)}.mobile-panel{position: fixed;inset: 0 0 0 auto;width: min(340px,86vw);height: 100vh;background: var(--color-surface);border-left: 1px solid var(--color-border);box-shadow: var(--shadow-lg);transform: translateX(100%);transition: transform 0.35s var(--ease);z-index: 200;overflow-y: auto;padding: 90px 26px 40px;display: flex;flex-direction: column;gap: 6px}.mobile-backdrop{display: block;position: fixed;inset: 0;height: 100vh;background: rgba(10,12,8,0.4);opacity: 0;pointer-events: none;transition: opacity 0.3s var(--ease);z-index: 190}body.nav-open .mobile-backdrop{opacity: 1;pointer-events: auto}body.nav-open{overflow: hidden}.mobile-group summary{list-style: none;display: flex;align-items: center;justify-content: space-between;padding: 12px 4px;font-weight: 600;cursor: pointer}.mobile-group summary::-webkit-details-marker{display: none}.mobile-group ul{padding: 0 4px 14px 4px;display: flex;flex-direction: column;gap: 4px}.mobile-group a,.mobile-link{display: block;padding: 12px 4px;color: var(--color-text-muted);font-weight: 500}.mobile-panel .btn{margin-top: 16px;width: 100%}}@media (min-width: 601px) and (max-width: 960px){.footer-top{grid-template-columns: 172px repeat(4,minmax(0,1fr));gap: 20px 12px}.footer-brand .logo-img{height: 44px}.footer-brand{grid-column: 1;grid-row: auto}.footer-col a{font-size: 0.74rem;overflow-wrap: break-word;-webkit-hyphens: auto;hyphens: auto}.footer-col h4{font-size: 0.8rem}}@media (max-width: 960px){.footer-col ul{gap: 3px !important}.footer-col li{margin: 0;line-height: 1.3}.footer-col a{display: inline-block;padding: 2px 0;line-height: 1.3}.footer-col h4{font-size: 0.86rem !important;font-weight: 700 !important;letter-spacing: 0.02em;margin-bottom: 10px !important;color: var(--color-text,#1f2a14)}}@media (min-width: 601px) and (max-width: 960px){.footer-brand p{font-size: 0.74rem !important;line-height: 1.4;max-width: none}.footer-brand p + p{margin-top: 8px !important}}@media (max-width: 960px){.footer-col h4{font-size: 0.78rem !important}}.mobile-group summary{display: flex;align-items: center;justify-content: space-between}.mobile-group summary::after{content: "";width: 8px;height: 8px;margin-right: 6px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg) translateY(-2px);transition: transform .2s ease;flex: none;opacity: .7}.mobile-group[open] summary::after{transform: rotate(-135deg) translateY(-2px)}.mobile-panel .mobile-link.mobile-datev{color: #4f6d2b !important;font-weight: 700 !important}@media (max-width: 960px){.site-footer .footer-brand .logo-img{height: auto !important;width: 100%;max-width: 220px !important;margin-left: 0 !important}}@media (min-width: 601px) and (max-width: 960px){.site-footer .footer-brand .logo-img{max-width: 160px !important}}@media (max-width: 960px){.site-footer .footer-brand .logo-img{max-width: 170px !important}}@media (min-width: 601px) and (max-width: 960px){.site-footer .footer-brand .logo-img{max-width: 125px !important}}@media (min-width: 861px) and (max-width: 1100px){.dv-hero:not(.ms-hero) .ds-map{height: 66%;right: 1%}}@media (min-width: 1101px) and (max-width: 1279px){.dv-hero:not(.ms-hero) .ds-map{height: 86%;right: 2%}}@media (min-width: 861px) and (max-width: 960px){.dv-hero:not(.ms-hero) .ds-map{height: 60%}}.footer-col ul{gap: 7px}@media (max-width: 960px){.footer-col ul{gap: 0 !important}.footer-col li{display: flex;line-height: 1.25}.footer-col a{display: block;padding: 3px 0 !important;line-height: 1.25 !important}}@media (max-width: 960px){.anchor-nav .container{justify-content: flex-start !important;flex-wrap: nowrap !important;overflow-x: auto;scroll-padding-left: 20px}.tabs-head{justify-content: flex-start !important;flex-wrap: nowrap;overflow-x: auto;scroll-padding-left: 20px;scrollbar-width: none}.tabs-head::-webkit-scrollbar{display: none}.tabs-head .tab-btn{flex: none;white-space: nowrap}}@media (max-width: 600px){.li-body{display: block}.li-body strong{display: block;margin-bottom: 2px}.li-sep{display: none}.li-desc{display: block}}.anchor-nav .container,.tabs-head{scroll-snap-type: none !important}.anchor-nav a,.tabs-head .tab-btn{scroll-snap-align: none !important}@media (max-width: 960px){.site-footer .footer-brand .logo-img{height: 34px !important;width: auto !important;max-width: 100% !important;margin-left: 0 !important}}@media (max-width: 960px){.site-footer .footer-brand .logo-img{height: auto !important;width: 100% !important;max-width: 140px !important}}@media (min-width: 601px) and (max-width: 960px){.site-footer .footer-brand .logo-img{max-width: 110px !important}}@media (max-width: 600px) and (orientation: portrait){.steps,.steps.steps-3{grid-template-columns: minmax(0,1fr) !important;gap: 14px}.step{display: grid;grid-template-columns: auto minmax(0,1fr);column-gap: 14px;align-items: start}.step .step-num{grid-row: 1 / span 2;margin: 0}.step h4{margin: 0 0 4px}.step p{margin: 0}}@media (max-width: 600px) and (orientation: portrait){.callout{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 10px 12px;align-items: center}.callout > div{display: contents}.callout h4{grid-column: 2;grid-row: 1;margin: 0}.callout > div > :not(h4){grid-column: 1 / -1}}.grid:has(> .usecase-card){grid-template-columns: repeat(2,minmax(0,1fr));align-items: stretch}.grid:has(> .usecase-card) > .usecase-card{height: 100%}@media (max-width: 600px) and (orientation: portrait){.grid:has(> .usecase-card){grid-template-columns: minmax(0,1fr)}}.page-hero h1,.hero h1{text-wrap: balance}.br-hero h1{max-width: 30ch}@media (max-width: 860px){.br-lg{display: none}}.page-hero h1,.hero h1{font-size: clamp(1.45rem,1.2rem + 0.9vw,2rem);max-width: 30ch;line-height: 1.18;text-wrap: balance}@media (max-width: 960px){.page-hero h1,.hero h1{max-width: none}}@media (min-width: 961px){.site-footer .footer-brand .logo-img{height: 28px !important;width: auto !important;max-width: 100% !important;margin: 0 0 4px !important}}@media (max-width: 600px) and (orientation: portrait){.footer-col a{padding: 10px 0 !important}.legal-links a{display: inline-block;padding: 10px 6px}.mobile-link,.mobile-group a,.mobile-group summary{min-height: 44px;display: flex;align-items: center}.anchor-nav a,.tab-btn{min-height: 44px}}.fw-os-name{font-size: 0.72rem}.hero-chips li,.tag,.tag-quickwin,.usecase-meta-label{font-size: max(0.72rem,11px)}@media (max-width:600px) and (orientation:portrait){.acc-sec .acc-head{cursor:pointer;position:relative;padding-right:44px;-webkit-tap-highlight-color:transparent}.acc-sec .acc-head::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;margin-top:-8px;border-right:2px solid #5a7d31;border-bottom:2px solid #5a7d31;transform:rotate(45deg);transition:transform .25s}.acc-sec.acc-open .acc-head::after{transform:rotate(-135deg);margin-top:-2px}.acc-sec .acc-head:focus-visible{outline:2px solid #5a7d31;outline-offset:4px}.acc-sec:not(.acc-open) .sec-body{display:none}.acc-sec:not(.acc-open) .section-header{margin-bottom:0}.acc-sec:not(.acc-open){padding-top:14px;padding-bottom:14px}}
.contact-info-row{align-items:center}.contact-info-row h4{margin-bottom:1px}
.contact-info-row h4{min-height:0}

 :root{--kai-bg: #f5f7f1;--kai-line: #dfe5d6;--kai-ink: #1b1f17;--kai-muted: #3d4538;--kai-brand: #5a7d31;--kai-deep: #4f6d2b;--kai-pale: #e3efcf;--kai-lime: #a9cf7a;}body{background: var(--kai-bg);color: var(--kai-ink);}main > .section{padding-top: clamp(56px, 7vw, 104px);padding-bottom: clamp(56px, 7vw, 104px);}.section-alt{background: #fff;border-top: 1px solid var(--kai-line);border-bottom: 1px solid var(--kai-line);}.section-header{margin-bottom: clamp(28px, 4vw, 48px);}.section-header.center{text-align: left;align-items: flex-start;margin-left: 0;margin-right: 0;max-width: 860px;}.section-header.center .lead{margin-left: 0;margin-right: 0;}.eyebrow{font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: var(--kai-brand);}.section-header h2, main h2{font-size: clamp(1.75rem, 1.15rem + 2.1vw, 2.75rem);font-weight: 700;line-height: 1.12;letter-spacing: -0.02em;color: var(--kai-ink);}.section-header .lead, .lead{font-size: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);line-height: 1.55;color: var(--kai-muted);}.card, .related-card, .id-fact, .step2, .accordion-item{background: #fff;border: 1px solid var(--kai-line);border-radius: 16px;box-shadow: none;}.card{padding: clamp(22px, 2.4vw, 32px);transition: border-color .2s ease, transform .2s ease;}a.card:hover, .related-card:hover{border-color: var(--kai-brand);transform: translateY(-2px);}.card h3{font-size: 1.375rem;font-weight: 700;line-height: 1.25;color: var(--kai-ink);min-height: 0;margin: 14px 0 8px;}.card h4{min-height: 0;}.card p, .related-card p{font-size: 1.0625rem;line-height: 1.55;color: var(--kai-muted);}.card-link{font-weight: 700;color: var(--kai-brand);}.icon-badge{border-radius: 12px;background: var(--kai-pale);color: var(--kai-deep);}.grid{gap: clamp(16px, 2vw, 24px);}.btn{border-radius: 12px;font-weight: 600;font-size: 1rem;padding: 13px 26px;}.site-header .btn, .header-actions .btn{padding: 9px 18px;font-size: 0.9rem;}.btn-secondary{background: #fff;}.callout{background: var(--kai-pale);border: 0;border-radius: 16px;padding: clamp(20px, 2.4vw, 30px);}.callout h4{font-size: 1.25rem;font-weight: 700;color: #2f4a17;}.callout p{font-size: 1.0625rem;color: #2f4a17;}.trust-strip, .cta-banner{background: var(--kai-deep) !important;color: #fff;border: 0;border-radius: 20px;padding: clamp(26px, 4vw, 56px);box-shadow: none;}.trust-strip h2, .trust-strip h3, .cta-banner h2, .cta-banner h3{color: #fff;font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);}.trust-strip p, .cta-banner p{color: #e3efcf;font-size: 1.0625rem;line-height: 1.55;}.trust-strip .eyebrow, .cta-banner .eyebrow{color: var(--kai-lime);}.trust-strip .card-link{color: #fff;}.trust-chips span{background: rgba(255,255,255,.12);border: 1px solid rgba(255,255,255,.35);color: #fff;border-radius: 999px;}.cta-banner .btn-primary{background: #fff !important;border-color: #fff !important;color: var(--kai-deep) !important;}.cta-banner .btn-primary:hover{background: var(--kai-pale) !important;border-color: var(--kai-pale) !important;}.cta-banner .btn-secondary{background: transparent;color: #fff;border-color: rgba(255,255,255,.7);}.anchor-nav{border-bottom: 1px solid var(--kai-line);}.anchor-nav a{font-weight: 600;}.accordion-item{margin-bottom: 12px;padding: 0 clamp(18px, 2vw, 28px);}.accordion-item:first-child{border-top: 1px solid var(--kai-line);}.accordion-trigger-text{font-size: 1.125rem;font-weight: 600;color: var(--kai-ink);}.accordion-panel-inner p{font-size: 1.0625rem;line-height: 1.6;color: var(--kai-muted);}.aud button{border-radius: 999px;border: 1px solid var(--kai-line);background: #fff;font-weight: 600;padding: 9px 18px;}.aud button.on{background: var(--kai-brand);border-color: var(--kai-brand);color: #fff;}.hero h1, .page-hero h1{font-size: clamp(1.75rem, 1.15rem + 2vw, 2.75rem);font-weight: 700;letter-spacing: -0.02em;line-height: 1.12;}.hero .lead, .page-hero .lead{font-size: clamp(1.0625rem, 1rem + 0.4vw, 1.3rem);line-height: 1.5;}@media (max-width: 860px){.grid-2, .grid-3, .grid-4{grid-template-columns: 1fr;}.section-header.center{max-width: none;}}@media (max-width: 600px){main > .section{padding-top: 44px;padding-bottom: 44px;}.section-header h2, main h2{font-size: 1.625rem;}.card{padding: 20px;}.card h3{font-size: 1.1875rem;}.card p, .related-card p, .callout p, .accordion-panel-inner p{font-size: 1rem !important;line-height: 1.55;}.btn-row{flex-direction: column;align-items: stretch;}.btn-row .btn{width: 100%;justify-content: center;text-align: center;}.trust-strip, .cta-banner{border-radius: 16px;padding: 24px 20px;}.accordion-trigger-text{font-size: 1.0625rem;}.hero h1, .page-hero h1{font-size: 1.75rem;}}.trust-strip h2, .trust-strip h3, .trust-strip strong, .sec-box h2, .sec-box h3, .sec-box h4, .sec-box strong{color: #fff !important;}.trust-strip p, .sec-box p, .sec-box .sec-text{color: #e3efcf;}.trust-strip .eyebrow, .sec-box .eyebrow{color: var(--kai-lime) !important;}.trust-strip .card-link{color: #fff !important;}.trust-chips span{background: rgba(255,255,255,.12);border: 1px solid rgba(255,255,255,.35);color: #fff;box-shadow: none;}.trust-chips span::before{color: var(--kai-lime);}.sec-box{background: var(--kai-deep) !important;border: 0;border-radius: 20px;box-shadow: none;color: #e3efcf;}.sec-box::before{display: none;}.sec-tile{background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.25);border-radius: 16px;color: #fff;}.sec-tile h4, .sec-tile span, .sec-tile p{color: #fff !important;}.sec-box p, .trust-strip p, .sec-box .sec-text p{font-size: 1.0625rem;line-height: 1.6;}.sec-tile h4{font-size: 1rem;}.accordion{max-width: 880px;margin-left: 0;margin-right: 0;}html, body{background: var(--kai-bg) !important;}:root{--kai-r: 8px;--kai-r-sm: 6px;}.card, .related-card, .callout, .accordion-item, .trust-strip, .cta-banner, .sec-box, .sec-tile, .step2, .use-case, .tab-panel, .compare-col, .contact-info-card, .id-fact, .form-success, .form-error, .checklist-progress, .check-group, .dropdown, .dropdown-wide, .aud, .anchor-nav a.is-active{border-radius: var(--kai-r) !important;}.btn, .btn-primary, .btn-secondary, .btn-sm, input, select, textarea, .tab-btn, .accordion-trigger, .id-consent{border-radius: var(--kai-r) !important;}.icon-badge, .icon-badge.sm, .step-num, .tag, .hero-chips li, .trust-chips span, .mq-item, .pill, .aud button, .nav-link, .dropdown-link, .logos-in span, .bar{border-radius: var(--kai-r-sm) !important;}.card:has(> .icon-badge), .related-card{border-radius: var(--kai-r) !important;}body .card, body .related-card, body .callout, body .accordion-item, body .trust-strip, body .cta-banner, body .sec-box, body .sec-tile, body .step2, body .use-case, body .tab-panel, body .compare-col, body .contact-info-card, body .id-fact, body .form-success, body .form-error, body .dropdown, body .aud, body .site-header .btn, body .btn, body .btn-primary, body .btn-secondary, body .nav-highlight, body input, body select, body textarea, body .tab-btn{border-radius: var(--kai-r) !important;}body .tag, body .hero-chips li, body .trust-chips span, body .mq-item, body .pill, body .aud button, body .aud button.on, body span.n, body .step-num, body .nav-link, body .dropdown-link, body .icon-badge{border-radius: var(--kai-r-sm) !important;}html body a.btn, html body a.btn.btn-primary, html body a.btn.btn-primary.btn-sm, html body a.nav-link.nav-highlight, html body .site-header a.btn{border-radius: var(--kai-r) !important;}html body span.tag, html body .hero-meta-chips li, html body ul.hero-meta li, html body a.pill, html body a.pill i{border-radius: var(--kai-r-sm) !important;}html body a.btn.btn-primary:not(.zz):not(.zy), html body .page-hero a.btn:not(.zz):not(.zy), html body .hero a.btn:not(.zz):not(.zy){border-radius: var(--kai-r) !important;}html body span.tag:not(.zz):not(.zy), html body ul.hero-meta li:not(.zz):not(.zy), html body .hero-meta-chips li:not(.zz):not(.zy){border-radius: var(--kai-r-sm) !important;}html body .usecase-card:not(.zz):not(.zy), html body .stat:not(.zz):not(.zy), html body .stat-card:not(.zz):not(.zy), html body .timeline-item:not(.zz):not(.zy), html body .legal-content:not(.zz):not(.zy){border-radius: var(--kai-r) !important;}html body .tag-quickwin:not(.zz):not(.zy){border-radius: var(--kai-r-sm) !important;}html body .card:hover, html body a.card:hover, html body .related-card:hover, html body .usecase-card:hover, html body .use-case:hover, html body .step2:hover, html body .id-fact:hover, html body .accordion-item:hover, html body .tab-btn:hover, html body .mq-item:hover, html body .aud button:hover{border-color: var(--kai-brand) !important;background-color: #fff !important;box-shadow: 0 10px 26px -14px rgba(79,109,43,.45);}html body .card:hover, html body .related-card:hover, html body .usecase-card:hover, html body .use-case:hover, html body .step2:hover, html body .id-fact:hover{transform: translateY(-3px);}html body .card:hover :is(h3, h4, p, li, strong, span:not(.icon-badge):not(.icon-badge *), .card-link), html body .related-card:hover :is(h3, h4, p, span, .eyebrow), html body .usecase-card:hover :is(h3, h4, p, li, span), html body .use-case:hover :is(h3, h4, p, li, span), html body .step2:hover :is(h3, h4, p, span:not(.n)), html body .id-fact:hover :is(strong, span), html body .accordion-item:hover .accordion-trigger-text, html body .tab-btn:hover, html body .mq-item:hover, html body .aud button:hover:not(.on){color: var(--kai-deep) !important;}html body .card:hover .icon-badge{background: var(--kai-brand) !important;color: #fff !important;}html body .card:hover .icon-badge svg, html body .card:hover .icon-badge *{color: #fff;stroke: #fff;}html body .sec-tile:hover, html body .trust-chips span:hover{background: rgba(255,255,255,.18) !important;border-color: var(--kai-lime) !important;box-shadow: none;}html body .sec-tile:hover :is(h4, p, span), html body .trust-chips span:hover{color: var(--kai-lime) !important;}html body .cta-banner .btn-secondary:hover{color: var(--kai-lime) !important;border-color: var(--kai-lime) !important;background: rgba(255,255,255,.1) !important;}html body .step2{grid-template-columns: 44px 1fr;gap: 20px;align-items: start;padding: 20px 24px;margin-bottom: 14px;}html body .steps2::before{left: 45px;top: 0;bottom: 0;width: 2px;background: repeating-linear-gradient(#5a7d31 0 6px, transparent 6px 12px);}html body .step2 .n{width: 44px;height: 44px;border-radius: var(--kai-r-sm);background: var(--kai-pale);border: 1.5px solid var(--kai-brand);box-shadow: none;color: var(--kai-deep);}html body .step2.hl .n, html body .step2:hover .n{background: var(--kai-brand);border-color: var(--kai-brand);color: #fff;}html body .step2 h4{margin: 4px 0 6px;}html body .step2 p{max-width: none;}html body .proc{background: var(--kai-bg);border-block: 0;}html body .icon-badge{background: var(--kai-pale);color: var(--kai-deep);border: 0;box-shadow: none;}html body .icon-badge svg{color: var(--kai-deep);stroke: var(--kai-deep);stroke-width: 1.9;}html body :is(.card, .related-card, .callout, .usecase-card, .use-case, .step2, .id-fact, .accordion-item, .compare-col) svg:not(.dv-svg):not(.ds-svg){color: var(--kai-deep);}html body .card:hover .icon-badge svg{color: #fff;stroke: #fff;}@media (max-width: 600px) and (orientation: portrait){html body .acc-sec .acc-head::after{display: none;}html body .acc-sec .acc-head{padding-right: 0;padding-left: 14px;border-left: 4px solid var(--kai-brand);}html body main > .section{background: #fff;border-top: 1px solid var(--kai-line);border-bottom: 1px solid var(--kai-line);margin-bottom: 14px;}html body main > .section.acc-sec:not(.acc-open){padding-top: 22px;padding-bottom: 22px;}html body .step2{padding: 16px 16px;gap: 14px;grid-template-columns: 40px 1fr;}html body .step2 .n{width: 40px;height: 40px;}html body .steps2::before{left: 36px;}}.acc-sec .acc-head{cursor:default}@media (orientation: landscape) and (max-height: 520px) and (max-width: 1100px){html body .page-hero, html body .hero{min-height: 0 !important;padding-top: 28px !important;padding-bottom: 28px !important;}html body .page-hero .hero-grid > *, html body .hero .hero-inner > *, html body .hero .hero-grid > *{max-width: 56%;}html body .ds-map, html body .ms-scene, html body .ds-behind.ds-map{left: auto !important;right: 3% !important;top: 50% !important;height: min(88%, 36vw) !important;width: auto;opacity: 1 !important;transform: translateY(-50%) !important;display: block !important;}html body .page-hero .hero-illustration, html body .hero .hero-illustration{max-width: 40%;transform: none;}}html body .id-panel, html body .id-tile, html body .id-feed, html body .id-magazin, html body .id-product{border-radius: var(--kai-r) !important;}html body .id-row, html body .id-row em, html body .id-product-list li, html body .id-partner-logos li{border-radius: var(--kai-r-sm) !important;}html body .id-panel-head i{border-radius: 3px !important;}html body .anchor-nav a, html body .anchor-nav a:hover, html body .anchor-nav a.is-active{border-radius: 0 !important;background: transparent !important;box-shadow: none !important;border: 0 !important;border-bottom: 3px solid transparent !important;outline: 0;}html body .anchor-nav a.is-active{color: var(--kai-brand) !important;border-bottom-color: var(--kai-brand) !important;}html body .anchor-nav a:hover:not(.is-active){color: var(--kai-brand) !important;border-bottom-color: rgba(90,125,49,.45) !important;}@media (orientation: landscape) and (max-height: 520px) and (max-width: 1100px){html body .page-hero .hero-grid{grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important;grid-template-areas: "heading panel" "lead panel" "actions panel" !important;column-gap: 28px;row-gap: 10px;align-items: center;}html body .page-hero .hero-grid > .hero-heading{grid-area: heading;max-width: none;}html body .page-hero .hero-grid > .hero-lead-block{grid-area: lead;max-width: none;}html body .page-hero .hero-grid > .hero-actions{grid-area: actions;max-width: none;}html body .page-hero .hero-grid > .hero-illustration{grid-area: panel;max-width: none;width: 100%;transform: none;}html body .page-hero h1{font-size: 1.5rem;}html body .page-hero .lead{font-size: 1rem;line-height: 1.45;}html body .page-hero .hero-chips{margin-top: 8px;}}@media (orientation: landscape) and (max-height: 520px) and (max-width: 1100px){html body .page-hero .id-panel{padding: 12px 16px;}html body .page-hero .id-row{padding-top: 7px;padding-bottom: 7px;font-size: .95rem;}html body .page-hero .id-panel-head{padding-bottom: 8px;margin-bottom: 4px;}}html body .cta-banner .btn-primary:hover, html body .cta-banner a.btn-primary:hover{background: #e3efcf !important;border-color: #e3efcf !important;color: #4f6d2b !important;}html body .cta-banner .btn-secondary:hover{background: rgba(255,255,255,.14) !important;border-color: #fff !important;color: #fff !important;}html body .page-hero .btn-primary:hover, html body .hero .btn-primary:hover{background: #fff !important;border-color: #fff !important;color: #4f6d2b !important;}html body .page-hero .btn-secondary:hover, html body .hero .btn-secondary:hover{background: rgba(255,255,255,.16) !important;border-color: #fff !important;color: #fff !important;}html body main .section .btn-primary:hover{background: #4f6d2b !important;border-color: #4f6d2b !important;color: #fff !important;}html body main .section .btn-secondary:hover{background: #e3efcf !important;border-color: #4f6d2b !important;color: #4f6d2b !important;}html body .cta-banner .btn-primary:hover *, html body .cta-banner .btn-primary:hover{opacity: 1 !important;visibility: visible !important;}@media (min-width: 861px){html body .steps > .step:not(:last-child)::after{content: "";position: absolute;left: 100%;right: auto;top: 42px;width: 24px;height: 0;background: none !important;border: 0;border-top: 2px dashed #5a7d31;}}html body main .section .cta-banner .btn-primary:hover, html body main .section .cta-banner a.btn-primary:hover{background: #e3efcf !important;border-color: #e3efcf !important;color: #4f6d2b !important;}html body main .section .cta-banner .btn-secondary:hover{background: rgba(255,255,255,.14) !important;border-color: #fff !important;color: #fff !important;}html body main .page-hero .btn-primary:hover, html body main .hero .btn-primary:hover{background: #fff !important;border-color: #fff !important;color: #4f6d2b !important;}html body main .page-hero .btn-secondary:hover, html body main .hero .btn-secondary:hover{background: rgba(255,255,255,.16) !important;border-color: #fff !important;color: #fff !important;}@media (max-width: 600px) and (orientation: portrait){html body .eyebrow, html body .page-hero .eyebrow{display: block !important;text-align: left !important;hyphens: none !important;-webkit-hyphens: none !important;overflow-wrap: normal;letter-spacing: .12em;line-height: 1.5;}html body .eyebrow::before{display: inline-block !important;vertical-align: middle;margin-right: 10px;flex: none;}html body .card.tight, html body .card.text-center, html body .text-center, html body .cta-banner, html body .cta-banner > div{text-align: left !important;align-items: flex-start !important;}html body .card.tight .icon-badge, html body .card .icon-badge{margin-left: 0 !important;margin-right: auto;}html body .cta-banner .btn-row{justify-content: flex-start;}html body .id-partners-label, html body .section-header, html body .section-header.center{text-align: left !important;}}@media (max-width: 600px) and (orientation: portrait){html body .grid, html body .grid-2, html body .grid-3, html body .grid-4, html body .related-grid, html body .id-facts, html body .steps, html body .steps.steps-3{grid-template-columns: minmax(0, 1fr) !important;}}@media (max-width: 600px) and (orientation: portrait){html body .card.tight, html body .card.text-center{text-align: center !important;align-items: center !important;}html body .card.tight .icon-badge, html body .card.text-center .icon-badge{margin-left: auto !important;margin-right: auto !important;}html body .card.tight :is(h3, h4, p, .id-more){text-align: center !important;}}html body .contact-info-card .contact-info-row{display: flex;align-items: center;gap: 16px;text-align: left !important;}html body .contact-info-card .contact-info-row > div{flex: 1;min-width: 0;text-align: left !important;}html body .contact-info-card .contact-info-row .icon-badge{flex: none;margin: 0 !important;}html body .contact-info-card .contact-info-row h4, html body .contact-info-card .contact-info-row p{text-align: left !important;}html body .page-hero .eyebrow{position: relative;padding-left: 28px;}html body .page-hero .eyebrow::before{position: absolute !important;left: 0;top: .28em;margin: 0 !important;}@media (max-width: 600px) and (orientation: portrait){html body .eb-sep{display: none;}html body .eb-seit{display: block;}}@media (min-width: 861px){html body .steps > .step:not(:last-child)::after{content: "";position: absolute;left: 54px;right: -14px;top: 30px;width: auto;height: 0;background: none !important;border: 0;border-top: 2px dashed #5a7d31;}}@media (min-width: 861px) and (max-width: 1080px){html body .steps:not(.steps-3) > .step:nth-child(2n)::after{display: none !important;}}.skip-link{position: absolute;left: 8px;top: -60px;z-index: 10000;background: #4f6d2b;color: #fff;padding: 12px 18px;font-weight: 600;text-decoration: none;transition: top .15s ease;}.skip-link:focus{top: 8px;outline: 3px solid #fff;outline-offset: 2px;}main:focus{outline: none;}
 /* Kontrast und Bedienbarkeit: kleine Schrift in dunklerem Grün/Grau, größere Tippflächen */ :root { --color-text-faint: #5f6358; } html body main .section :is(.eyebrow, .tag, .tag-quickwin, .card-link, .id-more, .ai-mark, .step .meta) { color: #4f6d2b; } html body .id-partners-label, html body .logos-label, html body .logos-in .logos-label { color: #5f6358; } html body .nav-toggle { min-width: 44px; min-height: 44px; } html body .idatec-hint a { display: inline-block; padding: 10px 12px; } html body main .card-link, html body main .id-more { display: inline-flex; align-items: center; min-height: 44px; } 
 /* FAQ: Überschrift und Liste gemeinsam zentriert (ab Tablet; auf dem Handy bleibt alles linksbündig) */ @media (min-width: 601px) { html body .section-header:has(~ .sec-body .accordion), html body .section-header:has(+ .accordion), html body .section-header:has(~ .sec-body .id-faq), html body .section-header:has(+ .id-faq) { text-align: center !important; align-items: center !important; margin-left: auto !important; margin-right: auto !important; } html body .section-header:has(~ .sec-body .accordion) .lead, html body .section-header:has(~ .sec-body .id-faq) .lead { margin-left: auto; margin-right: auto; } html body .accordion, html body .id-faq { max-width: 900px; margin-left: auto !important; margin-right: auto !important; } } 
 /* Linksbündige Kopfbereiche: Einleitung bündig mit Überschrift; erzwungene Umbrüche nach dem Gedankenstrich nur am Desktop */ html body .section-header:not(:has(~ .sec-body .accordion)):not(:has(+ .accordion)):not(:has(~ .sec-body .id-faq)):not(:has(+ .id-faq)) .lead { margin-left: 0 !important; margin-right: 0 !important; text-align: left; } @media (max-width: 860px) { html body .dash-br { display: none; } } 
 /* Bereiche mit zentrierter Tab-Leiste: Überschrift und Text ebenfalls zentriert (ab Tablet) */ @media (min-width: 601px) { html body .section-header:has(~ .tabs-head), html body .section-header:has(+ .tabs-head), html body .section-header:has(~ .sec-body .tabs-head), html body .section-header:has(~ .tabs) { text-align: center !important; align-items: center !important; margin-left: auto !important; margin-right: auto !important; } html body .section-header:has(~ .tabs-head) .lead, html body .section-header:has(~ .sec-body .tabs-head) .lead, html body .section-header:has(~ .tabs) .lead { margin-left: auto !important; margin-right: auto !important; text-align: center; } } 
 /* Adressen führen zur Routenplanung (Google Maps) */ html body a.addr-link { color: inherit; text-decoration: none; border-bottom: 1px dotted currentColor; } html body a.addr-link:hover, html body a.addr-link:focus-visible { color: #4f6d2b; border-bottom-style: solid; } 
 /* Sicherheits-Zusagen: Vollblock und kompakter Streifen */ html body .assure-grid .card { text-align: left; } html body main .section.assure-sec { padding-top: 0; padding-bottom: clamp(32px, 4vw, 56px); } html body ul.assure-strip { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } html body .assure-strip li { display: flex; align-items: flex-start; gap: 14px; background: #fff; border: 1px solid var(--kai-line, #dfe5d6); border-radius: var(--kai-r, 8px); padding: 16px 18px; transition: border-color .2s ease; } html body .assure-strip li:hover { border-color: #5a7d31; } html body .assure-strip .icon-badge { flex: none; width: 40px; height: 40px; } html body .assure-strip .assure-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; text-align: left; } html body .assure-strip strong { font-size: 1rem; line-height: 1.3; color: var(--kai-ink, #1b1f17); } html body .assure-strip .assure-t > span { font-size: .95rem; line-height: 1.45; color: #3d4538; } html body .assure-strip li:hover strong, html body .assure-strip li:hover .assure-t > span { color: #4f6d2b; } @media (max-width: 1080px) { html body ul.assure-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { html body ul.assure-strip { grid-template-columns: minmax(0, 1fr); } } 
 /* Sicherheitsblock: zweispaltig, Symbol links neben Titel und Text */ html body .assure-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px; } html body .assure-grid .card { display: flex; flex-direction: row; align-items: flex-start; gap: 20px; padding: 26px 30px; text-align: left; } html body .assure-grid .card .icon-badge { flex: none; width: 34px; height: 34px; margin: 2px 0 0; background: transparent !important; box-shadow: none; } html body .assure-grid .card .icon-badge svg, html body .assure-grid .card:hover .icon-badge svg { width: 32px; height: 32px; color: #5a7d31; stroke: #5a7d31; stroke-width: 1.7; } html body .assure-grid .card:hover .icon-badge { background: transparent !important; } html body .assure-grid .assure-t { min-width: 0; } html body .assure-grid .assure-t h3 { margin: 0 0 8px; font-size: 1.25rem; } html body .assure-grid .assure-t p { margin: 0; } @media (max-width: 860px) { html body .assure-grid { grid-template-columns: minmax(0, 1fr) !important; } } @media (max-width: 600px) { html body .assure-grid .card { padding: 20px; gap: 16px; } } 
 /* Dreispaltige Karten-Passagen werden zweispaltig; ein einzelnes letztes Element nutzt die volle Breite */ @media (min-width: 861px) { html body .grid-3, html body .related-grid, html body .tab-panel .grid.reveal-group { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } html body .grid-3 > :last-child:nth-child(odd), html body .related-grid > :last-child:nth-child(odd), html body .tab-panel .grid.reveal-group > :last-child:nth-child(odd) { grid-column: 1 / -1; } } 
 /* Spaltenzahl nach Inhalt: gerade Anzahl (4, 6, 10 …) zweispaltig, drei Karten bleiben in einer Reihe */ @media (min-width: 861px) { html body .grid-3:not(:has(> :last-child:nth-child(even))), html body .tab-panel .grid.reveal-group:not(:has(> :last-child:nth-child(even))) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } html body .grid-3 > :last-child:nth-child(odd), html body .tab-panel .grid.reveal-group > :last-child:nth-child(odd) { grid-column: auto; } } @media (min-width: 1081px) { html body .related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } html body .related-grid > :last-child:nth-child(odd) { grid-column: auto; } } 
 /* Funktionskarten (kurzer Text, sechs Stück) bleiben dreispaltig */ @media (min-width: 861px) { html body .grid-3.bento { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } html body .grid-3.bento > :last-child:nth-child(odd) { grid-column: auto; } } 
 /* Sicherheitsstreifen: zweispaltig (2 x 2), lange Wörter brechen sauber um */ html body ul.assure-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } html body .assure-strip li { padding: 18px 22px; gap: 16px; } html body .assure-strip .assure-t > span, html body .assure-strip strong { overflow-wrap: break-word; hyphens: manual; } @media (max-width: 600px) { html body ul.assure-strip { grid-template-columns: minmax(0, 1fr); } } 
 /* Verwandte-Karten in der Seitenspalte (Kontakt): untereinander, nicht nebeneinander */ html body .related-grid[style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; } html body .related-grid[style*="grid-template-columns"] > :last-child:nth-child(odd) { grid-column: auto; } 

.grid-2>.span-2{grid-column:1/-1}