@font-face{font-family:Titillium;src:url('titillium-web-regular.ttf')}@font-face{font-family:Titillium;src:url('titillium-web-semibold.ttf');font-weight:600}@font-face{font-family:Titillium;src:url('titillium-web-bold.ttf');font-weight:700}@font-face{font-family:Manrope;src:url('manrope-var.ttf');font-weight:200 800}
:root{--ink:#171717;--paper:#fff;--muted:#5f5a56;--accent:#a84027;--warm:#ec8563;--soft:#f3f3f2;--line:#deddda;--content:1240px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 Manrope,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit}a:focus-visible{outline:3px solid #bd4f30;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Titillium,sans-serif;line-height:1.03;letter-spacing:-.035em}h1{font-size:clamp(3.7rem,7.1vw,7.6rem);font-weight:600}h2{font-size:clamp(2.3rem,4.5vw,5rem);font-weight:600}h3{font-size:clamp(1.45rem,2vw,2rem);font-weight:600}p{max-width:66ch}.wrap{width:min(calc(100% - 3rem),var(--content));margin-inline:auto}.site-header{height:82px;display:flex;align-items:center;background:#fff;position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{display:block;width:128px;flex:none}.header-nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.6rem);font-size:.83rem;font-weight:700}.header-nav a{text-decoration:none}.header-nav a:not(.button):hover{text-decoration:underline;text-underline-offset:.25em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.8rem 1.35rem;background:var(--ink);color:#fff;text-decoration:none;border:1px solid var(--ink);border-radius:0;font-size:.88rem;font-weight:750;text-align:center;transition:background .18s,color .18s}.button:hover{background:#3b3633}.button--light{background:white;color:var(--ink);border-color:white}.button--outline{background:transparent;color:inherit;border-color:currentColor}.button--outline:hover{background:var(--ink);color:#fff}.button--accent{background:var(--warm);border-color:var(--warm);color:var(--ink)}.button--accent:hover{background:#f4a084}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.hero{overflow:hidden}.hero-grid{min-height:680px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-block:clamp(5rem,9vw,9rem)}.hero-copy{position:relative;z-index:1}.hero-copy p{font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.65;margin-top:1.6rem;max-width:49ch}.hero-art{position:relative;min-width:0}.hero-art img{width:100%}.dark{background:var(--ink);color:#f7f6f3}.dark p{color:#d5d2cc}.dark .button--outline:hover{background:white;color:#171717}.section{padding-block:clamp(5rem,9vw,9rem)}.section--soft{background:var(--soft)}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:3.5rem}.section-intro p{font-size:1.08rem}.text-link{font-weight:750;text-decoration:underline;text-underline-offset:.24em;text-decoration-thickness:1px}.text-link:hover{color:var(--accent)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.feature{border-top:2px solid currentColor;padding-top:1.5rem}.feature p{margin-top:1rem;color:var(--muted)}.dark .feature p{color:#c7c3bd}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2.5rem,6vw,6rem)}.split-copy p{margin-top:1.5rem}.split-copy .text-link{display:inline-block;margin-top:1.5rem}.case-image{width:100%;box-shadow:0 20px 60px #0002}.case-label{font-size:.8rem;margin-top:.8rem;color:var(--muted)}.closing{padding-block:clamp(5rem,8vw,8rem)}.closing h2{max-width:18ch}.closing p{margin-top:1.25rem}.footer{padding-block:3rem;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.footer p{font-size:.86rem;color:var(--muted);margin-top:1rem}.footer-nav{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.83rem}.footer-nav a{text-underline-offset:.2em}.webdesign .hero{background:#f3f3f2}.web-visual{padding:3rem 0 2rem}.web-visual .desktop-shot{box-shadow:0 30px 70px #0002;transform:translateY(calc(var(--progress, 0) * -20px))}.web-visual .mobile-shot{position:absolute;width:23%;right:-4%;bottom:-2%;border:6px solid white;box-shadow:0 15px 45px #0003;transform:translateY(calc(var(--progress, 0) * -36px))}.mini-apps .hero{background:#171717;color:white}.mini-apps .hero-copy p{color:#d4d1cd}.app-stage{position:relative;padding:3rem 0}.app-stage img{box-shadow:0 30px 80px #0007;transform:translateY(calc(var(--progress, 0) * -16px))}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#4b4743;border:1px solid #4b4743}.flow div{background:#222;padding:2rem;min-height:200px}.flow strong{display:block;font:600 1.7rem/1.1 Titillium,sans-serif}.flow span{display:block;color:#c8c3bd;margin-top:1rem}.ki-agenten .hero{background:#eee}.agent-art{margin-right:-4vw}.agent-art img{mix-blend-mode:multiply;transform:translateX(calc(var(--progress, 0) * -24px))}.agent-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#494949}.agent-roles article{background:#1d1d1d;padding:2rem}.agent-roles p{margin-top:1rem}.agent-roles strong{font:600 1.8rem Titillium,sans-serif}.grafikdesign .hero{background:#f6f6f5}.brand-art{padding:1.5rem;background:#202020;transform:translateY(calc(var(--progress, 0) * -18px))}.brand-art img{aspect-ratio:1.2;object-fit:cover}.brand-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.brand-layout img{width:100%;height:100%;object-fit:cover}.brand-caption{padding:clamp(2rem,5vw,5rem);background:#e9e9e7;display:flex;flex-direction:column;justify-content:center}.brand-caption p{margin-top:1.5rem}.ki-medien .hero{background:#171717;color:#fff}.ki-medien .hero-copy p{color:#d5d2cc}.media-art{overflow:hidden}.media-art img{aspect-ratio:1.05;object-fit:cover;transform:translateY(calc(var(--progress, 0) * -20px)) scale(1.04)}.media-panels{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#4a4542}.media-panels article{padding:3rem;background:#202020}.media-panels p{margin-top:1rem}.hosting .hero{background:#f2f2f0}.hosting-visual{background:#171717;padding:clamp(2rem,4vw,4rem);color:white}.hosting-visual h2{font-size:clamp(2rem,3vw,3.5rem);margin-bottom:2rem}.hosting-visual ul{list-style:none;margin:0;padding:0}.hosting-visual li{padding:1.2rem 0;border-top:1px solid #555;display:flex;align-items:center;gap:1rem}.hosting-visual li:before{content:'';width:.7rem;height:.7rem;background:#e98868;flex:none;transform:scale(calc(.7 + var(--progress, 0)*.3))}.hosting-visual span{font-weight:700}.hosting .feature{border-color:#171717}.skip{position:absolute;left:1rem;top:-10rem;background:white;color:black;padding:.5rem;z-index:10}.skip:focus{top:1rem}.review-index{padding-block:5rem}.review-list{margin:3rem 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.review-list li{border-bottom:1px solid var(--line)}.review-list a{display:block;padding:1.3rem 0;font:600 1.6rem Titillium,sans-serif;text-decoration:none}.review-list a:hover{color:var(--accent)}@media(max-width:800px){.site-header{height:auto;padding-block:1rem}.logo{width:105px}.header-nav{gap:.8rem}.header-nav .nav-detail{display:none}.header-nav .button{min-height:44px;padding:.6rem .8rem}.hero-grid{grid-template-columns:1fr;min-height:0;gap:1.5rem;padding-block:4rem}.hero-copy p{font-size:1rem}.section-intro,.split{grid-template-columns:1fr;gap:2rem}.grid-3{grid-template-columns:1fr;gap:2rem}.flow,.agent-roles{grid-template-columns:1fr}.flow div{min-height:0}.brand-layout{grid-template-columns:1fr}.media-panels{grid-template-columns:1fr}.footer-inner{display:block}.footer-nav{margin-top:2rem}.web-visual .mobile-shot{right:0}.agent-art{margin-right:0}h1{font-size:clamp(3.1rem,11vw,5.5rem)}}@media(max-width:400px){.wrap{width:calc(100% - 2rem)}.header-nav{font-size:.75rem}.header-nav .button{font-size:.75rem}.logo{width:90px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.web-visual .desktop-shot,.web-visual .mobile-shot,.app-stage img,.agent-art img,.brand-art,.media-art img{transform:none}.hosting-visual li:before{transform:none}}
/* Each visual responds to the visitor's position; the copy stays in place. */
.flow div:nth-child(1){background:rgb(34 34 34 / 1)}.flow div:nth-child(2){background:rgb(calc(34 + 12 * var(--progress, 0)) 34 34)}.flow div:nth-child(3){background:rgb(calc(34 + 22 * var(--progress, 0)) 34 34)}
.agent-roles article{background:rgb(calc(29 + 15 * var(--progress, 0)) 29 29)}
.brand-art{transform:translateY(calc(var(--progress, 0) * -18px)) rotate(calc((1 - var(--progress, 0)) * -1deg))}
.media-panels article:first-child{transform:translateX(calc((1 - var(--progress, 0)) * -10px))}.media-panels article:last-child{transform:translateX(calc((1 - var(--progress, 0)) * 10px))}
@media(prefers-reduced-motion:reduce){.brand-art,.media-panels article:first-child,.media-panels article:last-child{transform:none}}