/* Dadakaev composition adapted to YuTu's established navy and cream. */
.home-redesign { --home-navy:#0f1e4d; --home-cream:#f8f9fc; --home-muted:#5c6477; background:#fff; }
.home-redesign h1,.home-redesign h2,.home-redesign h3,.home-redesign h4 { font-family:'Open Sans',sans-serif; text-transform:none; letter-spacing:-.035em; }
.home-hero { position:relative; background:var(--home-navy); color:#fff; padding-bottom:72px; }
.home-hero::after { content:''; position:absolute; bottom:-1px; left:0; width:100%; height:72px; background:var(--home-cream); clip-path:polygon(0 100%,100% 0,100% 100%); }
.home-hero-inner { width:min(calc(100% - 80px),1180px); margin-inline:auto; padding:145px 0 40px; }
.home-hero-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; min-height:600px; }
.home-hero-copy { min-width:0; }
.home-hero-eyebrow { margin:0 0 26px; font-size:10px; line-height:1.6; font-weight:600; letter-spacing:.17em; text-transform:uppercase; color:rgba(248,249,252,.7); }
.home-hero-copy h1 { margin:0; color:#fff; font-size:clamp(42px,4.5vw,64px); font-weight:750; line-height:1.07; letter-spacing:-.05em; }
.home-hero-intro { margin:28px 0 0; max-width:450px; font-size:16px; line-height:1.8; color:rgba(255,255,255,.72); }
.home-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:32px; }
.home-hero-primary,.home-hero-secondary { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; font-size:13px; font-weight:600; text-decoration:none; }
.home-hero-primary { padding:0 26px; border-radius:999px; background:var(--home-cream); color:var(--home-navy); transition:background .2s; }
.home-hero-primary:hover { background:#fff; }
.home-hero-secondary { color:var(--home-cream); text-decoration:underline; text-underline-offset:5px; }
.home-hero-trust { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:30px; }
.home-hero-trust span { display:inline-flex; align-items:center; gap:7px; color:rgba(248,249,252,.65); font-size:10px; line-height:1.6; }
.home-hero-trust svg { width:12px; height:12px; flex-shrink:0; }
.home-hero-visual { position:relative; width:100%; height:600px; isolation:isolate; }
.home-hero-visual::before { content:''; position:absolute; inset:60px -10px 30px; border-radius:50%; background:rgba(248,249,252,.04); }
.home-stack-back { position:absolute; z-index:0; top:90px; right:8px; width:63%; height:460px; background:var(--home-cream); color:var(--home-navy); overflow:hidden; border-radius:26px; transform:rotate(9deg); text-decoration:none; }
.home-stack-back img { display:block; width:100%; height:57%; object-fit:cover; }
.home-stack-back div { padding:24px; }
.home-stack-back span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.14em; margin-bottom:12px; }
.home-stack-back strong { font-size:23px; line-height:1.25; }
.home-stack-front { position:absolute; z-index:1; top:0; left:15%; width:66%; transform:rotate(8deg); }
.home-stack-photo { position:relative; overflow:hidden; height:380px; border-radius:26px; background:#7e796f; }
.home-stack-photo img { width:100%; height:100%; object-fit:cover; object-position:50% 50%; }
.home-stack-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.58),transparent 55%,rgba(0,0,0,.2)); }
.home-stack-title { position:absolute; z-index:1; top:28px; left:26px; right:20px; color:#fff; }
.home-stack-title span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.14em; margin-bottom:12px; }
.home-stack-title strong { font-size:30px; line-height:1.1; font-weight:700; letter-spacing:-.035em; }
.home-stack-offer { position:relative; display:grid; grid-template-columns:44px 1fr; gap:12px; margin:-115px -18px 12px; padding:20px; border-radius:18px; color:var(--home-navy); background:var(--home-cream); box-shadow:0 14px 32px rgba(0,0,0,.15); text-decoration:none; }
.home-stack-offer-icon { display:grid; place-items:center; width:44px; height:44px; background:var(--home-navy); color:var(--home-cream); border-radius:10px; }
.home-stack-offer-icon svg { width:28px; height:28px; }
.home-stack-offer-copy { display:flex; flex-direction:column; gap:7px; }
.home-stack-offer-copy strong { font-size:15px; line-height:1.25; }
.home-stack-offer-copy > span { color:#6f726f; font-size:11px; line-height:1.5; }
.home-stack-offer-button { grid-column:1/-1; display:block; padding:13px 16px; background:var(--home-navy); color:#fff; border-radius:9px; font-size:12px; font-weight:600; }
.home-stack-row { display:flex; align-items:center; gap:12px; margin:0 -12px 12px; padding:17px; background:var(--home-cream); color:var(--home-navy); border-radius:15px; }
.home-stack-check { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border-radius:8px; background:rgba(15,30,77,.08); font-size:20px; }
.home-stack-row div { display:flex; flex-direction:column; gap:4px; }
.home-stack-row strong { font-size:12px; }
.home-stack-row div span { color:#6f726f; font-size:10px; line-height:1.5; }
.home-orbit { position:absolute; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; width:104px; height:104px; border-radius:50%; border:2px solid rgba(248,249,252,.4); background:#2c3b68; color:var(--home-cream); box-shadow:0 14px 24px rgba(0,0,0,.12); text-decoration:none; }
.home-orbit svg { width:34px; height:34px; }
.home-orbit span { font-size:10px; text-transform:uppercase; letter-spacing:.06em; font-weight:700; }
.home-orbit-team { top:225px; left:-5%; }
.home-orbit-event { top:270px; right:-2%; }
.home-orbit-service { left:-7%; bottom:52px; width:92px; height:92px; }
.home-visual-caption { position:absolute; bottom:-12px; width:100%; margin:0; text-align:center; color:rgba(248,249,252,.5); font-size:9px; letter-spacing:.04em; }
.home-proof { background:var(--home-cream); padding:22px 0 38px; }
.home-hero-stats { width:min(calc(100% - 80px),1180px); margin:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.home-hero-stat { display:flex; flex-direction:column; gap:6px; padding:0 24px; border-right:1px solid rgba(15,30,77,.14); color:var(--home-navy); }
.home-hero-stat:first-child { padding-left:0; }
.home-hero-stat:nth-child(4) { border-right:0; }
.home-hero-stat strong { font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-.025em; }
.home-hero-stat strong.home-stat-compact { font-size:15px; padding-top:6px; }
.home-hero-stat span { color:#626b80; font-size:11px; line-height:1.6; }
.home-stats-note { grid-column:1/-1; margin:22px 0 0; color:#7b8190; font-size:10px; line-height:1.6; }
.home-redesign > section:not(.home-hero) { scroll-margin-top:100px; }
.home-redesign .section-kicker { font-size:11px; letter-spacing:.15em; }
.home-redesign .section-title { max-width:760px; font-size:clamp(28px,3vw,42px); font-weight:700; line-height:1.2; letter-spacing:-.035em; }
.home-redesign .section-copy { color:var(--home-muted); font-size:16px; line-height:1.8; }
.home-redesign #personalengpass { background:#fff; }
.home-redesign #einsatzbereiche,.home-redesign #vorteile { background:var(--home-cream); }
.home-redesign #einsatzbereiche article,.home-redesign #vorteile article,.home-redesign #ablauf article,.home-redesign #referenzen article { border-radius:16px; box-shadow:none; border-color:#e5e7eb; }
.home-redesign #personalengpass article { box-shadow:none; border-radius:14px; background:var(--home-cream); border-color:transparent; }
.home-redesign #personalengpass article h3 { font-size:16px; }
.home-redesign #final-cta { background:var(--home-navy); }

@media(max-width:1000px) {
 .home-hero-inner { width:calc(100% - 48px); padding-top:125px; }
 .home-hero-layout { gap:26px; }
 .home-hero-copy h1 { font-size:44px; }
 .home-hero-visual { height:530px; }
 .home-stack-photo { height:340px; }
 .home-stack-back { height:410px; }
 .home-stack-title strong { font-size:25px; }
 .home-orbit { width:82px; height:82px; }
 .home-orbit svg { width:27px; height:27px; }
 .home-orbit-event { right:-3%; }
 .home-stack-offer { padding:15px; gap:8px; }
 .home-stack-offer-copy strong { font-size:12px; }
 .home-stack-offer-copy > span { font-size:10px; }
}
@media(max-width:760px) {
 .home-hero { padding-bottom:38px; }
 .home-hero::after { height:38px; }
 .home-hero-inner { width:min(calc(100% - 40px),500px); padding:118px 0 38px; }
 .home-hero-layout { display:flex; flex-direction:column; align-items:stretch; gap:48px; min-height:0; }
 .home-hero-eyebrow { font-size:9px; margin-bottom:20px; }
 .home-hero-copy h1 { font-size:clamp(34px,9vw,48px); line-height:1.1; }
 .home-hero-intro { margin-top:22px; font-size:15px; line-height:1.7; }
 .home-hero-actions { gap:16px; margin-top:26px; }
 .home-hero-primary,.home-hero-secondary { min-height:48px; font-size:12px; }
 .home-hero-primary { padding-inline:20px; }
 .home-hero-trust { margin-top:24px; gap:8px 14px; }
 .home-hero-visual { height:520px; width:100%; max-width:400px; margin:auto; }
 .home-stack-front { left:15%; width:68%; }
 .home-stack-photo { height:320px; border-radius:22px; }
 .home-stack-title { top:22px; left:18px; }
 .home-stack-title span { font-size:8px; }
 .home-stack-title strong { font-size:24px; }
 .home-stack-back { right:4px; top:65px; height:420px; border-radius:22px; }
 .home-stack-back div { padding:18px; }
 .home-stack-back strong { font-size:18px; }
 .home-stack-offer { margin-top:-85px; margin-inline:-10px; grid-template-columns:32px 1fr; padding:14px; border-radius:14px; }
 .home-stack-offer-icon { width:32px; height:32px; border-radius:8px; }
 .home-stack-offer-icon svg { width:22px; height:22px; }
 .home-stack-offer-copy strong { font-size:12px; }
 .home-stack-offer-copy > span { font-size:10px; }
 .home-stack-row { margin-inline:-6px; padding:13px; gap:9px; }
 .home-stack-row strong { font-size:11px; }
 .home-stack-row div span { font-size:9px; }
 .home-orbit { width:72px; height:72px; gap:5px; }
 .home-orbit span { font-size:8px; }
 .home-orbit svg { width:25px; height:25px; }
 .home-orbit-team { top:170px; left:-2%; }
 .home-orbit-event { top:240px; right:-3%; }
 .home-orbit-service { bottom:45px; left:-3%; }
 .home-visual-caption { bottom:-5px; font-size:8px; }
 .home-hero-stats { width:calc(100% - 40px); grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 0; }
 .home-hero-stat { padding:0 16px; }
 .home-hero-stat:nth-child(odd) { padding-left:0; }
 .home-hero-stat:nth-child(even) { border-right:0; }
 .home-hero-stat strong { font-size:22px; }
 .home-hero-stat strong.home-stat-compact { font-size:14px; padding-top:0; }
 .home-stats-note { margin:0; }
 .home-redesign .section-title { font-size:30px; }
 .home-redesign #personalengpass,.home-redesign #einsatzbereiche,.home-redesign #ablauf,.home-redesign #vorteile,.home-redesign #standorte,.home-redesign #referenzen,.home-redesign #faq { padding-top:56px; padding-bottom:56px; }
}
@media(max-width:360px) {
 .home-hero-visual { height:485px; }
 .home-stack-title strong { font-size:21px; }
 .home-stack-photo { height:290px; }
 .home-stack-back { height:375px; }
 .home-orbit { width:62px; height:62px; }
 .home-stack-offer-copy > span { font-size:9px; }
 .home-stack-row div span { font-size:8px; }
}
@media(prefers-reduced-motion:reduce) { .home-hero-primary { transition:none; } }

/* Near-white replaces cream across homepage sections and the expanded menu. */
.home-redesign .bg-brand-cream, .home-redesign #einsatzbereiche { background:#f8f9fc; }
body:has(.home-redesign) header[data-navbar] #mobile-menu { background:#f8f9fc; }

/* Compact situation cards: icon and label share an aligned row. */
.home-redesign #personalengpass article { display:flex; align-items:center; gap:16px; }
.home-redesign #personalengpass article > svg { flex:0 0 24px; }
.home-redesign #personalengpass article > h3 { margin:0; min-width:0; line-height:1.45; }

/* Process cards: step number beside its heading, description below. */
.home-redesign #ablauf article { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:14px; align-content:start; align-items:center; }
.home-redesign #ablauf article > span { grid-column:1; }
.home-redesign #ablauf article > h3 { grid-column:2; margin:0; font-size:20px; line-height:1.35; }
.home-redesign #ablauf article > p { grid-column:1 / -1; }
@media(max-width:640px) {
 .home-redesign #ablauf article { padding:24px; column-gap:12px; }
 .home-redesign #ablauf article > h3 { font-size:18px; }
}

/* Benefits use the same compact icon/heading alignment as the other cards. */
.home-redesign #vorteile article { display:grid; grid-template-columns:36px minmax(0,1fr); column-gap:14px; align-items:center; align-content:start; }
.home-redesign #vorteile article > div { width:36px; height:36px; border-radius:10px; }
.home-redesign #vorteile article > h3 { margin:0; font-size:20px; line-height:1.4; }
.home-redesign #vorteile article > p { grid-column:1 / -1; margin-top:16px; }
@media(max-width:640px) {
 .home-redesign #vorteile article { padding:24px; grid-template-columns:32px minmax(0,1fr); column-gap:12px; }
 .home-redesign #vorteile article > div { width:32px; height:32px; border-radius:9px; }
 .home-redesign #vorteile article > h3 { font-size:18px; }
}

/* Phone CTA matches the enquiry button while remaining secondary. */
.home-hero-secondary { padding:0 22px; border:1px solid rgba(248,249,252,.55); border-radius:999px; text-decoration:none; background:rgba(248,249,252,.04); transition:background .2s,border-color .2s; }
.home-hero-secondary:hover { background:rgba(248,249,252,.12); border-color:#f8f9fc; }
.home-hero-actions { gap:12px; }
@media(max-width:760px) { .home-hero-secondary { padding-inline:18px; } }
@media(prefers-reduced-motion:reduce) { .home-hero-secondary { transition:none; } }