/* Round 2: technical identity, conceptual construction image, persistent language choice. */
.hero-content{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:0 44px;text-align:left;padding-top:64px;padding-bottom:50px;align-items:start}
.hero-content>*{grid-column:1;min-width:0}.hero-content .eyebrow{margin-bottom:24px;font-size:.875rem}.hero-content .service-headline{font-size:clamp(2.2rem,3.6vw,3.7rem);letter-spacing:-.045em;line-height:1.12;margin:0;max-width:720px;text-wrap:balance}
.hero-description{margin:24px 0 0;font-size:1.0625rem;line-height:1.75}.hero-ai{margin:22px 0 0;padding:14px 18px;border-left:2px solid #8dcddc;background:linear-gradient(90deg,#8dcddc14,transparent);color:#d1dbe6;font-size:.9375rem;line-height:1.7}
.hero-actions{justify-content:flex-start;margin-top:26px;gap:12px;flex-wrap:wrap}.hero-actions .button{font-size:.9375rem;padding:14px 18px}.hero-context{margin-top:22px;font-size:.875rem}
.hero-content .hero-visual{grid-column:2;grid-row:1/7;align-self:stretch;margin:0;min-height:520px;position:relative;overflow:hidden;border-radius:20px;border:1px solid #d9e4eb55;background:#303d48;box-shadow:0 24px 70px #0c152c33,inset 0 1px 0 #fff3}
.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:66% center;position:absolute;inset:0}
.hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:65px 24px 24px;background:linear-gradient(transparent,#172331ee);font-size:1rem;line-height:1.6;color:#f1f6fa}.hero-visual figcaption span{display:block;font-size:.8125rem;color:#ccdae3}
.language-switch{display:flex;flex-shrink:0;border:1px solid #bacbd052;border-radius:8px;padding:3px;background:#e1e8ef09;gap:2px}.language-switch button{min-width:40px;min-height:40px;padding:5px 8px;border:0;border-radius:5px;color:#c3d1df;background:transparent;cursor:pointer;font:600 .875rem var(--mono)}.language-switch button[aria-pressed=true]{background:#d9e5ee;color:#192c3d}.language-switch button:focus-visible{outline:2px solid #9ee1f1;outline-offset:3px}
.situation-grid>*{min-width:0}.situation-grid h3{font-size:1.2rem;line-height:1.5}.situation-grid p{line-height:1.75}
html[lang=de] h1,html[lang=de] h2,html[lang=de] h3,html[lang=de] h4{hyphens:auto;overflow-wrap:anywhere}html[lang=de] .button{line-height:1.5}html[lang=de] #demo .bar{line-height:1.25;white-space:normal;height:auto;min-height:35px;padding-top:7px;padding-bottom:7px}
@media(max-width:1200px){.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:24px;background:#273340;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.menu-button{display:flex}.hero-content{gap:0 28px}.hero-content .service-headline{font-size:2.75rem}.header-end{margin-left:auto}}
@media(max-width:850px){.hero-content{grid-template-columns:1fr;padding-top:40px;gap:0}.hero-content .hero-visual{grid-column:1;grid-row:auto;min-height:0;height:auto;aspect-ratio:16/10;margin-top:30px}.hero-visual img{object-position:center}.hero-content .service-headline{font-size:clamp(2.1rem,6vw,3.4rem);max-width:730px}.hero-description{max-width:730px}.hero-content .eyebrow{font-size:.8125rem}.hero-context{font-size:.875rem}.hero-actions{flex-direction:row}.hero-visual figcaption{padding:45px 20px 17px}}
@media(max-width:520px){.site-header .header-end>.button{display:none}.header-inner{gap:10px}.header-end{gap:10px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%;justify-content:center}.hero-content .hero-visual{aspect-ratio:4/3}.hero-ai{font-size:.9375rem}.hero-visual figcaption{font-size:.875rem}.hero-content{padding-bottom:20px}}
@media(prefers-reduced-motion:no-preference){.hero-visual img{animation:hero-entry .9s ease-out both}@keyframes hero-entry{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}}
