:root{--header:64px;--anchor-offset:84px}html{scroll-behavior:auto}section[id],div[id],details[id]{scroll-margin-top:var(--anchor-offset)}.site-header{position:sticky;top:0}.header-inner{gap:22px}.story-heading{text-align:center;max-width:850px;padding-top:70px;padding-bottom:32px}.story-heading h2{margin:0 auto 24px;text-wrap:balance}.story-heading>p:last-child:not(.eyebrow){max-width:700px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.65}.story-heading .eyebrow{margin-bottom:20px}.website-chapter{position:relative}.motion-enabled .conbro-journey .journey{height:calc(100svh - var(--header) + 950px)}.motion-enabled .conbro-journey .live-stage{top:var(--header);height:calc(100svh - var(--header));padding:24px 20px 30px}.conbro-journey .motion-instruction{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.conbro-journey .static-guide{display:none}.conbro-journey .static-result>h2,.conbro-journey .static-result>p{display:none}.conbro-journey .live-stage .art{width:min(1080px,calc((100svh - 320px)*1.66667),100%)}.conbro-journey .caption{min-height:62px}.conbro-journey .caption h2{font-size:28px}.ki-story{border-top:1px solid var(--line);--header:64px;--anchor-offset:84px}.ki-competencies{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:0 auto;padding:0 24px 30px;font-size:14px;font-weight:600;color:var(--teal)}.ki-competencies a{display:inline-flex;min-height:44px;align-items:center;text-underline-offset:5px}.ki-story .semantic-chapter{min-height:0;padding:24px 24px 30px}.ki-story .semantic-chapter .eyebrow,.ki-story .semantic-chapter h2{display:none}.ki-story .semantic-chapter:before{content:attr(data-competency);display:block}.ki-story .semantic-chapter .mobile-art{margin-top:12px;margin-bottom:14px}.ki-story .semantic-chapter#ki-einstieg{display:none}.ki-story .semantic-chapter:focus-visible .mobile-art{outline:3px solid var(--teal);outline-offset:8px}.ki-story .mobile-connector{height:40px;margin:12px auto -24px}.ki-story .cinema .caption{height:100px;top:18px}.ki-story .caption-title{font-size:52px;top:28px}.ki-story .caption-label{display:none}.ki-story .caption-copy,.ki-story .scene-result,.ki-story .scene-index{display:none}.ki-story .art{top:110px;height:calc(100% - 175px)}.ki-story .cinema-footer{bottom:20px}.ki-story .world{max-width:1000px}.ki-ending{text-align:center;padding:24px 24px 75px}.motion-chapter{background:#edf3ef;padding-bottom:32px}.motion-chapter .service-experience{padding-top:0;padding-bottom:0;margin-bottom:0}.motion-chapter .experience-heading{display:none}.story-drawing,.infrastructure{max-width:850px;margin:12px auto 44px}.story-drawing svg,.infrastructure svg{display:block;width:100%;height:auto;fill:none;stroke:var(--teal);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.story-drawing text,.infrastructure text{fill:var(--ink);stroke:none;text-anchor:middle;font:16px Manrope,sans-serif}.story-draw{stroke-dasharray:1;stroke-dashoffset:0}.it-chapter{padding-bottom:24px}.it-chapter .story-heading{max-width:800px}.infrastructure{max-width:760px}.portfolio-home{padding-block:80px}.portfolio-home h2{margin-bottom:45px}.portfolio-home .portfolio-copy h2{font-size:32px;margin-bottom:20px}.story-finale{text-align:center;padding:30px 24px 70px;background:var(--mint)}.story-finale p{font-size:22px;margin:0 0 15px}.contact-chapter .contact-section{padding-top:0}.contact-chapter .about-preview{padding-top:72px}.contact-chapter .about-preview p{margin-bottom:20px}.ki-story .mobile-app{margin-bottom:15px}.ki-story .mobile-workflow li{height:70px}.ki-story .vertical-route{height:265px}.ki-story .mobile-workflow ol{margin-top:12px}.ki-story .mobile-source{font-size:12px}.ki-story .mobile-dialog>.mobile-question{margin-top:0}.ki-story .mobile-approval{padding-block:14px}.ki-story .mobile-draft{padding-block:14px;margin-top:14px}.ki-story .semantic-chapter>.mobile-art:before{content:attr(data-label);display:block}.ki-story .semantic-chapter h2{display:block;font-size:24px;margin:5px auto 15px}.ki-story .semantic-chapter h2+.mobile-art{margin-top:16px}@media(max-width:1000px){.header-inner{gap:16px}.motion-chapter .service-experience{width:calc(100% - 48px)}}@media(max-width:699px){:root{--header:64px;--anchor-offset:84px}.header-inner{min-height:64px;padding-block:10px}.menu-toggle{margin-left:0}.integration-hero{padding-top:32px}.story-heading{padding-top:45px;padding-bottom:20px}.story-heading>p:last-child:not(.eyebrow){font-size:16px}.ki-story{--header:64px;--anchor-offset:84px}.ki-competencies{gap:0 18px;font-size:13px;padding-bottom:12px}.ki-story .mobile-art{max-width:430px}.ki-story .semantic-chapter{padding-inline:24px}.ki-ending{padding:20px 24px 45px}.ki-story .mobile-workflow li strong{font-size:16px}.ki-story .mobile-approval p{font-size:13px}.ki-story .mobile-record>p,.ki-story .mobile-draft p,.ki-story .mobile-answer{font-size:15px}.ki-story .mobile-app>p:last-child{font-size:13px;margin-top:15px}.ki-story .mobile-app h3{font-size:23px}.motion-enabled .conbro-journey .journey{height:calc(100svh - var(--header) + 550px)}.conbro-journey .caption h2{font-size:24px}.conbro-journey .live-stage .art{width:min(430px,100%)}.story-drawing,.infrastructure{width:calc(100% - 32px);margin-bottom:24px}.story-drawing text,.infrastructure text{font-size:20px}.motion-chapter .service-experience{width:calc(100% - 32px)}.motion-chapter{padding-bottom:24px}.portfolio-home{padding-block:48px}.portfolio-home .portfolio-copy h2{font-size:28px}.story-finale p{font-size:20px}.story-finale{padding-bottom:44px}.contact-chapter .about-preview{padding-top:48px}.conbro-journey .concept-label{font-size:10px}}@media(prefers-reduced-motion:reduce){.story-draw{stroke-dasharray:none!important;stroke-dashoffset:0!important}}html{scroll-padding-top:0}.motion-preference-probe{position:fixed;left:0;top:0;width:1px;height:1px;visibility:hidden;pointer-events:none;contain:strict}@media(prefers-reduced-motion:reduce){.motion-preference-probe{width:2px}}.story-drawing .studio-drawing-labels{display:flex;justify-content:space-between;list-style:none;margin:12px 0 0;padding:0;font-size:16px;line-height:1.5;color:var(--ink)}.studio-drawing-labels li{width:25%;text-align:center}[data-studio-drawing].is-drawing [data-studio-stroke]{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}[data-studio-drawing] [data-studio-stroke]{transition:none;animation:none}@media(max-width:699px){.story-drawing .studio-drawing-labels{font-size:14px;margin-top:10px}}@media(prefers-reduced-motion:reduce){[data-studio-drawing] [data-studio-stroke]{stroke-dasharray:none!important;stroke-dashoffset:0!important;opacity:1!important}}.infrastructure-labels{display:flex;justify-content:space-between;margin:12px 0 0;font-size:16px;line-height:1.5;color:var(--ink)}.infrastructure-labels span{width:38%;text-align:center}@media(max-width:699px){.infrastructure-labels{font-size:14px;margin-top:10px}}.contact-chapter .about-preview{padding-block:64px 48px;gap:72px;grid-template-columns:1fr 1.35fr}.contact-chapter .portrait-frame{max-width:400px;overflow:visible;border-radius:0}.contact-portrait{position:relative;padding:10px}.contact-portrait img{display:block;border-radius:14px;filter:grayscale(.35)}.contact-portrait-line{position:absolute;inset:0;width:100%;height:100%;stroke:var(--teal);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.contact-title-line{color:var(--ink);display:inline-block;position:relative;padding-bottom:12px}.contact-title-line svg{position:absolute;bottom:0;left:0;width:100%;height:14px;fill:none;stroke:var(--teal);stroke-width:1.5;stroke-linecap:round;pointer-events:none}.contact-chapter .contact-person-copy h2{margin-bottom:20px}.contact-chapter .contact-person-copy p{max-width:46ch;margin:0 0 16px}.contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.contact-chapter .contact-direct .text-link{margin:0;font-size:16px;min-height:44px}.contact-motion .contact-person-copy{opacity:calc(.92 + var(--contact-entry,1)*.08);transform:translateY(calc((1 - var(--contact-entry,1))*6px))}@media(max-width:1000px){.contact-chapter .about-preview{gap:40px}}@media(max-width:759px){.contact-chapter .about-preview{grid-template-columns:1fr;gap:28px;padding-block:40px 36px}.contact-chapter .portrait-frame{width:min(100%,340px)}.contact-chapter .contact-person-copy h2{margin-bottom:16px}.contact-chapter .contact-person-copy p{margin-bottom:12px}.contact-chapter .contact-direct .text-link{font-size:15px}}@media(prefers-reduced-motion:reduce){.contact-motion .contact-person-copy{opacity:1;transform:none}.contact-chapter [data-contact-stroke]{stroke-dasharray:none!important;stroke-dashoffset:0!important;opacity:1!important}}.contact-chapter .contact-section{padding-bottom:56px}.contact-chapter .contact-layout{grid-template-columns:.85fr 1.35fr;gap:48px;padding:40px;background:#edf3ef;border:1px solid var(--line);border-radius:20px}.contact-chapter .contact-layout aside{padding-top:8px;max-width:360px}.contact-chapter .contact-layout aside h2{font-size:clamp(30px,3vw,42px);line-height:1.12;margin:0 0 20px}.contact-chapter .contact-layout aside>p{font-size:16px;line-height:1.7;margin:0;max-width:32ch}.contact-chapter .form-panel{border:0;border-radius:14px;padding:28px 32px}.contact-chapter .form-heading{font-size:25px;margin:0}.contact-chapter .form-help{margin:6px 0 0;font-size:12px}.contact-chapter .field{margin-top:18px}.contact-chapter .field label{font-size:13px}.contact-chapter .field input,.contact-chapter .field select,.contact-chapter .field textarea{background:var(--paper);border-color:#cbd7d2}.contact-chapter .briefing{margin-top:24px}.contact-chapter .data-note{font-size:12px;line-height:1.6;margin:20px 0}.inquiry-save-note{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0;max-width:46ch}.contact-chapter #form-status:empty{display:none}@media(max-width:1000px){.contact-chapter .contact-layout{gap:28px;padding:28px;grid-template-columns:1fr}.contact-chapter .contact-layout aside{max-width:none;display:grid;grid-template-columns:1fr 150px;column-gap:24px}.contact-chapter .contact-layout aside h2,.contact-chapter .contact-layout aside>p{grid-column:1}.contact-chapter .contact-layout aside>p{max-width:48ch}.contact-chapter .inquiry-route{grid-column:2;grid-row:1 / 3;margin:0;align-self:center}}@media(max-width:759px){.contact-chapter .contact-section{padding-bottom:36px}.contact-chapter .contact-layout{padding:24px 16px;gap:24px;border-radius:16px}.contact-chapter .contact-layout aside{display:block;padding:0 4px}.contact-chapter .contact-layout aside h2{margin-bottom:12px}.contact-chapter .contact-layout aside>p{font-size:15px}.contact-chapter .inquiry-route{display:block;max-width:180px;margin:12px auto 0}.contact-chapter .form-panel{padding:22px 16px}.contact-chapter .form-heading{font-size:23px}.contact-chapter .field input,.contact-chapter .field select,.contact-chapter .field textarea{font-size:16px}.contact-chapter .form-panel .button{padding-inline:12px;font-size:17px}}.inquiry-route{width:100%;max-width:260px;margin-top:24px;pointer-events:none}.inquiry-route svg{display:block;width:100%;height:auto;overflow:visible;stroke:var(--teal);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.inquiry-route .inquiry-route-compact{display:none}.inquiry-route .inquiry-icon-body{fill:#edf3ef}.inquiry-route-start{fill:var(--teal);stroke:none}@media(max-width:1000px)and (min-width:760px){.contact-chapter .contact-layout aside{grid-template-columns:1fr 200px}}@media(max-width:1000px){.inquiry-route .inquiry-route-wide{display:none}.inquiry-route .inquiry-route-compact{display:block}}@media(prefers-reduced-motion:reduce){.inquiry-route [data-inquiry-track]{stroke-dasharray:none!important;stroke-dashoffset:0!important}}.inquiry-route [data-inquiry-moving] path:not(.inquiry-icon-body){fill:none}.story-finale{padding-top:32px;padding-bottom:44px}.finale-idea{display:flex;flex-direction:column;align-items:center;width:fit-content;max-width:100%;margin:auto;color:var(--ink);text-decoration:none;border-radius:12px;padding:8px 12px;cursor:pointer}.finale-bulb{display:block;flex:none;margin-bottom:12px;stroke:var(--teal);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.finale-bulb-glass{fill:#eaf6ef;transition:fill .25s}.finale-rays path{opacity:.8;stroke-dasharray:1;stroke-dashoffset:0}:is(.finale-idea,.hero-idea).is-visible .finale-rays path{animation:finale-ray-draw 5.4s ease-in-out infinite}.finale-rays path:nth-child(2){animation-delay:-.8s!important}.finale-rays path:nth-child(3){animation-delay:-1.6s!important}.finale-rays path:nth-child(4){animation-delay:-2.4s!important}.finale-rays path:nth-child(5){animation-delay:-3.2s!important}.finale-idea-label{display:flex;align-items:center;min-height:44px;font-size:17px;font-weight:600;text-decoration:underline;text-underline-offset:6px}:is(.finale-idea,.hero-idea):focus-visible .finale-bulb-glass{fill:#b9dfd3}:is(.finale-idea,.hero-idea):focus-visible .finale-rays path{stroke-width:2.1}@media(hover:hover){:is(.finale-idea,.hero-idea):hover .finale-bulb-glass{fill:#b9dfd3}:is(.finale-idea,.hero-idea):hover .finale-rays path{stroke-width:2.1}}@keyframes finale-ray-draw{0%,100%{stroke-dashoffset:1;opacity:0}6%{stroke-dashoffset:1;opacity:1}48%,68%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:0}88.1%{stroke-dashoffset:1;opacity:0}}@media(max-width:699px){.story-finale{padding:24px 20px 32px}.finale-bulb{width:76px;height:80px;margin-bottom:10px}.finale-idea{padding-inline:4px}.story-finale p{font-size:20px;text-wrap:balance}.finale-idea-label{font-size:17px}}@media(prefers-reduced-motion:reduce){:is(.finale-idea,.hero-idea) .finale-rays path{animation:none!important;opacity:.8}.finale-bulb-glass{transition:none}}.integration-hero{padding-top:44px;padding-bottom:20px}.integration-hero .hero-actions{margin-bottom:0}.website-chapter>.story-heading{padding-top:32px;padding-bottom:24px}.website-chapter>.story-heading h2{margin-bottom:16px}.hero-action-link{gap:10px;min-height:48px;text-decoration:none}.hero-action-link span{text-decoration:none}.hero-discover svg{flex:none;stroke:var(--teal);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hero-discover.is-drawing path:not(:first-child){stroke-dasharray:1;animation:hero-browser-line-one 6s ease-in-out infinite both}.hero-discover.is-drawing path:nth-child(3){animation-name:hero-browser-line-two}@keyframes hero-browser-line-one{0%,20%,100%{stroke-dashoffset:1;opacity:0}21%{stroke-dashoffset:1;opacity:1}55%,70%{stroke-dashoffset:0;opacity:1}92%{stroke-dashoffset:0;opacity:0}92.1%{stroke-dashoffset:1;opacity:0}}@keyframes hero-browser-line-two{0%,30%,100%{stroke-dashoffset:1;opacity:0}31%{stroke-dashoffset:1;opacity:1}65%,70%{stroke-dashoffset:0;opacity:1}92%{stroke-dashoffset:0;opacity:0}92.1%{stroke-dashoffset:1;opacity:0}}@media(max-width:1000px){.integration-hero{padding-top:36px}}@media(max-width:699px){.integration-hero{padding-top:24px;padding-bottom:16px}.website-chapter>.story-heading{padding-top:24px;padding-bottom:20px}.website-chapter>.story-heading h2{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.hero-discover.is-drawing path{animation:none;stroke-dasharray:none;stroke-dashoffset:0;opacity:1}}.hero-idea .finale-bulb{width:56px;height:48px;margin:0}@media(max-width:699px){.hero-action-link{width:250px;max-width:100%}}.inquiry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.inquiry-actions .button{margin:0;max-width:100%}.inquiry-actions .button:disabled{cursor:wait;opacity:.7;transform:none}.inquiry-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero-action-link{font-size:17px}