/* Dedicated TYPO3 service presentation; existing KI components remain unchanged. */
body:has(.typo3-hero)::before{opacity:.14!important}
main:has(.typo3-hero){--ki-line:#49313d;--ki-muted:#c5b9bf}
main:has(.typo3-hero) .section::before,main:has(.typo3-hero) .project-section::before{display:none}
.typo3-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:65px;padding-block:66px 65px;min-height:620px}
.typo3-hero>div,.typo3-demo{min-width:0}.typo3-hero h1{font-size:var(--font-h1);line-height:1.12;max-width:750px;hyphens:none;overflow-wrap:normal;word-break:normal}
.typo3-hero .lead{font-size:var(--font-lead);line-height:1.75;max-width:630px}.typo3-hero .button{margin-top:12px}
.typo3-demo{margin:0;width:100%;max-width:600px;justify-self:center}.typo3-browser{border:1px solid #845065;border-radius:7px;background:linear-gradient(125deg,#301b258c,#151318dc);box-shadow:0 22px 70px #0003;transform:perspective(1200px) rotateY(-5deg)}
.typo3-browser-bar{display:flex;align-items:center;gap:6px;padding:15px 18px;border-bottom:1px solid #593342}.typo3-browser-bar i{width:6px;height:6px;border:1px solid #b67288;border-radius:50%}.typo3-browser-bar span{margin-left:auto;font-size:var(--font-label);letter-spacing:.14em;color:#dcc4ce}
.typo3-browser-content{padding:24px}.typo3-browser-nav{height:6px;width:42%;background:#8f5268;margin-bottom:30px}.typo3-browser-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.typo3-browser-layout b{display:block;height:9px;background:#d0b5c0;margin-bottom:12px}.typo3-browser-layout b:nth-child(2){width:85%}.typo3-browser-layout b:nth-child(3){width:60%;height:5px;background:#725263}.typo3-browser-layout em{display:block;width:58%;height:21px;background:#c51c4e;margin-top:22px}.typo3-browser-layout svg{width:100%;height:auto}.typo3-browser-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.typo3-browser-tiles i{height:42px;border:1px solid #644051;background:#442c3a33}
.typo3-demo-stages{position:relative;margin:28px 0 0 30px;padding-left:26px;border-left:1px solid #724052}.typo3-demo-stage{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:14px 18px;margin-bottom:12px;border:1px solid #543342;border-radius:3px;background:#171317}.typo3-demo-stage:last-child{border-color:#ad4566;background:#301924}.typo3-demo-stage>span{font-size:var(--font-small);color:#e89ab2;padding-top:5px}.typo3-demo-stage h3{font-size:var(--font-diagram-title);line-height:1.3;letter-spacing:-.025em;margin:0 0 6px;hyphens:none}.typo3-demo-stage p{font-size:var(--font-small);color:#c5b9bf;line-height:1.6;margin:0}.typo3-demo figcaption{font-size:var(--font-small);color:#b7a5ae;line-height:1.6;margin:14px 0 0 56px}
.typo3-flow>h2{font-size:var(--font-h2);max-width:900px;line-height:1.15}.typo3-flow .expert-flow-step{min-height:430px;padding-block:35px}.typo3-flow .expert-flow-step h3{font-size:var(--font-h3)}.typo3-flow .expert-flow-step p:not(.eyebrow){font-size:var(--font-body)}.typo3-flow .button{font-size:var(--font-control);margin-top:8px}
main:has(.typo3-hero) .section{padding-block:65px}main:has(.typo3-hero) .project-section{padding-block:55px}main:has(.typo3-hero) .project-card h3{font-size:var(--font-card-title)}
@media(max-width:1000px){.typo3-hero{gap:30px;min-height:0}.typo3-hero h1{font-size:var(--font-h1)}.typo3-hero .lead{font-size:var(--font-lead)}.typo3-demo-stage{padding:12px;gap:8px}.typo3-demo-stage h3{font-size:var(--font-diagram-title)}}
@media(max-width:760px){.typo3-hero{grid-template-columns:1fr;padding-block:34px 30px;gap:35px}.typo3-hero h1{font-size:var(--font-h1)}.typo3-demo{max-width:520px}.typo3-browser{transform:none}.typo3-demo-stages{margin-left:12px;padding-left:18px}.typo3-demo figcaption{margin-left:30px}.typo3-flow>h2{font-size:var(--font-h2)}main:has(.typo3-hero) .section{padding-block:48px}}
@media(max-width:650px){.typo3-flow .expert-flow-step{min-height:0;padding-block:20px 35px}.typo3-flow .expert-flow-step h3{font-size:var(--font-h3)}.typo3-flow .expert-flow-step p:not(.eyebrow){font-size:var(--font-body)}.typo3-flow .button{max-width:100%;white-space:normal}}
@media(max-width:360px){.typo3-hero h1{font-size:var(--font-h1)}.typo3-demo-stage{grid-template-columns:23px minmax(0,1fr)}.typo3-browser-content{padding:18px}}
@media(prefers-reduced-motion:reduce){.typo3-flow .expert-flow-step figure{animation:none!important}}

.typo3-hero-illustration{display:block;width:100%;height:auto;margin:-20px 0 -30px}.typo3-demo-stages{margin-top:0}.typo3-demo-stage{background:#181318b3}.typo3-demo-stage:last-child{background:linear-gradient(110deg,#341b29c9,#21171fc9)}@media(max-width:760px){.typo3-hero-illustration{margin:-20px 0 -15px}}