.hero-frame[data-astro-cid-62pcyovp]{position:relative;width:100%;aspect-ratio:4 / 5;max-width:460px;margin:0 auto;border-radius:24px;background:var(--color-background);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);overflow:hidden}.hero-photo[data-astro-cid-62pcyovp]{position:absolute;inset:0;background-size:cover;background-position:center 28%}.hero-photo-before[data-astro-cid-62pcyovp]{background-image:url(/images/usecase-vorher.webp);z-index:1}.hero-photo-after[data-astro-cid-62pcyovp]{background-image:url(/images/usecase-nachher.webp);z-index:4;opacity:0;animation:hero-after 12s var(--ease-in-out) infinite}@keyframes hero-after{0%,58%{opacity:0}64%,to{opacity:1}}.hero-flash[data-astro-cid-62pcyovp]{position:absolute;inset:0;z-index:4;background:#fff;opacity:0;pointer-events:none;animation:hero-flash 12s var(--ease-out) infinite}@keyframes hero-flash{0%{opacity:0}4%{opacity:0}5%{opacity:.92}9%{opacity:0}to{opacity:0}}.hero-overlay[data-astro-cid-62pcyovp]{position:absolute;left:14px;right:14px;bottom:80px;padding:14px;border-radius:14px;background:#fffffff0;backdrop-filter:blur(10px);box-shadow:var(--shadow-md);border:1px solid var(--color-border);z-index:3;opacity:0;transform:translateY(8px);pointer-events:none}.hero-overlay[data-astro-cid-62pcyovp] .head[data-astro-cid-62pcyovp]{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--color-foreground);margin-bottom:10px;letter-spacing:-.005em}.hero-overlay[data-astro-cid-62pcyovp] .head[data-astro-cid-62pcyovp] svg[data-astro-cid-62pcyovp]{width:14px;height:14px;color:var(--color-primary)}.style-picker[data-astro-cid-62pcyovp]{animation:hero-style 12s var(--ease-in-out) infinite}.style-picker[data-astro-cid-62pcyovp] .row[data-astro-cid-62pcyovp]{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.style-picker[data-astro-cid-62pcyovp] .chip[data-astro-cid-62pcyovp]{aspect-ratio:1;border-radius:8px;border:1.5px solid var(--color-border);position:relative;overflow:hidden;background:var(--color-neutral-100);display:flex;align-items:flex-end;justify-content:center}.style-picker[data-astro-cid-62pcyovp] .chip[data-astro-cid-62pcyovp] svg[data-astro-cid-62pcyovp]{width:100%;height:100%;color:var(--color-foreground);opacity:.85}.style-picker[data-astro-cid-62pcyovp] .chip[data-astro-cid-62pcyovp] .tag[data-astro-cid-62pcyovp]{position:absolute;left:4px;right:4px;bottom:3px;font-size:9px;font-weight:500;color:var(--color-muted-foreground);text-align:center;line-height:1;letter-spacing:-.01em;background:#ffffffd9;border-radius:4px;padding:2px 0}.style-picker[data-astro-cid-62pcyovp] .chip[data-astro-cid-62pcyovp].selected{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,transparent)}.style-picker[data-astro-cid-62pcyovp] .chip[data-astro-cid-62pcyovp].selected .tag[data-astro-cid-62pcyovp]{background:var(--color-primary);color:#fff}@keyframes hero-style{0%,17%{opacity:0;transform:translateY(8px)}20%,31%{opacity:1;transform:translateY(0)}34%,to{opacity:0;transform:translateY(8px)}}.color-picker[data-astro-cid-62pcyovp]{animation:hero-color 12s var(--ease-in-out) infinite}.color-picker[data-astro-cid-62pcyovp] .row[data-astro-cid-62pcyovp]{display:flex;gap:8px}.color-picker[data-astro-cid-62pcyovp] .swatch[data-astro-cid-62pcyovp]{flex:1;aspect-ratio:1;border-radius:9999px;border:1.5px solid var(--color-border);position:relative}.color-picker[data-astro-cid-62pcyovp] .swatch[data-astro-cid-62pcyovp].selected{border-width:2px;box-shadow:0 0 0 2px var(--color-primary);transform:scale(1.06)}.color-picker[data-astro-cid-62pcyovp] .swatch[data-astro-cid-62pcyovp].s1{background:#2b1810}.color-picker[data-astro-cid-62pcyovp] .swatch[data-astro-cid-62pcyovp].s2{background:#7a5a40}.color-picker[data-astro-cid-62pcyovp] .swatch[data-astro-cid-62pcyovp].s3{background:#b8762d}.color-picker[data-astro-cid-62pcyovp] .swatch[data-astro-cid-62pcyovp].s4{background:#d9a86a}.color-picker[data-astro-cid-62pcyovp] .swatch[data-astro-cid-62pcyovp].s5{background:#e8c89a}.color-picker[data-astro-cid-62pcyovp] .swatch[data-astro-cid-62pcyovp].s6{background:#4a2a1a}@keyframes hero-color{0%,34%{opacity:0;transform:translateY(8px)}37%,48%{opacity:1;transform:translateY(0)}51%,to{opacity:0;transform:translateY(8px)}}.ai-veil[data-astro-cid-62pcyovp]{position:absolute;inset:0;z-index:3;opacity:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 35%,transparent),color-mix(in srgb,var(--color-accent) 25%,transparent));backdrop-filter:blur(2px) saturate(140%);animation:hero-veil 12s var(--ease-in-out) infinite}@keyframes hero-veil{0%,50%{opacity:0}53%,60%{opacity:1}64%,to{opacity:0}}.ai-shimmer[data-astro-cid-62pcyovp]{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgb(255 255 255 / .55) 50%,transparent 70%);background-size:220% 100%;background-position:100% 0;animation:hero-shimmer 12s var(--ease-in-out) infinite}@keyframes hero-shimmer{0%,50%{opacity:0;background-position:100% 0}53%{opacity:1;background-position:100% 0}62%{opacity:1;background-position:-120% 0}64%,to{opacity:0;background-position:-120% 0}}.ai-sparkles[data-astro-cid-62pcyovp]{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;animation:hero-sparkles 12s var(--ease-in-out) infinite}.ai-sparkles[data-astro-cid-62pcyovp] svg[data-astro-cid-62pcyovp]{position:absolute;color:#fff;filter:drop-shadow(0 1px 8px rgb(0 0 0 / .35))}.ai-sparkles[data-astro-cid-62pcyovp] .sp1[data-astro-cid-62pcyovp]{top:18%;left:22%;width:28px;height:28px;animation:spk 1.4s ease-in-out infinite}.ai-sparkles[data-astro-cid-62pcyovp] .sp2[data-astro-cid-62pcyovp]{top:32%;right:20%;width:22px;height:22px;animation:spk 1.4s .25s ease-in-out infinite}.ai-sparkles[data-astro-cid-62pcyovp] .sp3[data-astro-cid-62pcyovp]{top:56%;left:36%;width:18px;height:18px;animation:spk 1.4s .5s ease-in-out infinite}.ai-sparkles[data-astro-cid-62pcyovp] .sp4[data-astro-cid-62pcyovp]{top:44%;right:30%;width:32px;height:32px;animation:spk 1.4s .7s ease-in-out infinite}@keyframes hero-sparkles{0%,50%{opacity:0}53%,62%{opacity:1}64%,to{opacity:0}}@keyframes spk{0%,to{transform:scale(.6) rotate(0);opacity:.5}50%{transform:scale(1) rotate(45deg);opacity:1}}.ai-label[data-astro-cid-62pcyovp]{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:4;opacity:0;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9999px;background:#fffffff2;color:var(--color-primary);font-size:13px;font-weight:600;box-shadow:var(--shadow-md);animation:hero-ai-label 12s var(--ease-in-out) infinite}.ai-label[data-astro-cid-62pcyovp] svg[data-astro-cid-62pcyovp]{width:14px;height:14px}@keyframes hero-ai-label{0%,50%{opacity:0;transform:translate(-50%,-50%) scale(.92)}53%,62%{opacity:1;transform:translate(-50%,-50%) scale(1)}64%,to{opacity:0;transform:translate(-50%,-50%) scale(.92)}}.hero-step-bar[data-astro-cid-62pcyovp]{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 16px;background:#ffffffeb;backdrop-filter:blur(10px);border-radius:12px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow-sm);z-index:5}.hero-step-bar[data-astro-cid-62pcyovp] .num[data-astro-cid-62pcyovp]{position:relative;width:28px;height:28px;border-radius:8px;background:var(--color-primary);color:#fff;font-weight:600;font-size:13px;font-feature-settings:"tnum";flex:0 0 auto}.hero-step-bar[data-astro-cid-62pcyovp] .num[data-astro-cid-62pcyovp]>span[data-astro-cid-62pcyovp]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0}.hero-step-bar[data-astro-cid-62pcyovp] .label[data-astro-cid-62pcyovp]{position:relative;display:grid;min-width:0;font-size:14px;font-weight:500;color:var(--color-foreground)}.hero-step-bar[data-astro-cid-62pcyovp] .label[data-astro-cid-62pcyovp]>span[data-astro-cid-62pcyovp]{grid-area:1 / 1;opacity:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-step-bar[data-astro-cid-62pcyovp] .num[data-astro-cid-62pcyovp]>.step-1[data-astro-cid-62pcyovp],.hero-step-bar[data-astro-cid-62pcyovp] .label[data-astro-cid-62pcyovp]>.step-1[data-astro-cid-62pcyovp]{animation:hero-step-1 12s var(--ease-in-out) infinite}.hero-step-bar[data-astro-cid-62pcyovp] .num[data-astro-cid-62pcyovp]>.step-2[data-astro-cid-62pcyovp],.hero-step-bar[data-astro-cid-62pcyovp] .label[data-astro-cid-62pcyovp]>.step-2[data-astro-cid-62pcyovp]{animation:hero-step-2 12s var(--ease-in-out) infinite}.hero-step-bar[data-astro-cid-62pcyovp] .num[data-astro-cid-62pcyovp]>.step-3[data-astro-cid-62pcyovp],.hero-step-bar[data-astro-cid-62pcyovp] .label[data-astro-cid-62pcyovp]>.step-3[data-astro-cid-62pcyovp]{animation:hero-step-3 12s var(--ease-in-out) infinite}.hero-step-bar[data-astro-cid-62pcyovp] .num[data-astro-cid-62pcyovp]>.step-4[data-astro-cid-62pcyovp],.hero-step-bar[data-astro-cid-62pcyovp] .label[data-astro-cid-62pcyovp]>.step-4[data-astro-cid-62pcyovp]{animation:hero-step-4 12s var(--ease-in-out) infinite}@keyframes hero-step-1{0%,16%{opacity:1}17%,to{opacity:0}}@keyframes hero-step-2{0%,16%{opacity:0}17%,33%{opacity:1}34%,to{opacity:0}}@keyframes hero-step-3{0%,33%{opacity:0}34%,49%{opacity:1}50%,to{opacity:0}}@keyframes hero-step-4{0%,49%{opacity:0}50%,to{opacity:1}}.hero-step-bar[data-astro-cid-62pcyovp] .progress[data-astro-cid-62pcyovp]{flex:1;height:4px;background:var(--color-muted);border-radius:2px;overflow:hidden;min-width:24px}.hero-step-bar[data-astro-cid-62pcyovp] .progress-bar[data-astro-cid-62pcyovp]{display:block;height:100%;width:100%;background:var(--color-primary);transform-origin:left;animation:hero-progress 12s linear infinite}@keyframes hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.hero-photo-after[data-astro-cid-62pcyovp],.hero-flash[data-astro-cid-62pcyovp],.style-picker[data-astro-cid-62pcyovp],.color-picker[data-astro-cid-62pcyovp],.ai-veil[data-astro-cid-62pcyovp],.ai-shimmer[data-astro-cid-62pcyovp],.ai-sparkles[data-astro-cid-62pcyovp],.ai-label[data-astro-cid-62pcyovp],.hero-step-bar[data-astro-cid-62pcyovp] .progress-bar[data-astro-cid-62pcyovp],.hero-step-bar[data-astro-cid-62pcyovp] .num[data-astro-cid-62pcyovp]>span[data-astro-cid-62pcyovp],.hero-step-bar[data-astro-cid-62pcyovp] .label[data-astro-cid-62pcyovp]>span[data-astro-cid-62pcyovp]{animation:none}.hero-photo-after[data-astro-cid-62pcyovp]{opacity:1}.style-picker[data-astro-cid-62pcyovp],.color-picker[data-astro-cid-62pcyovp],.ai-veil[data-astro-cid-62pcyovp],.ai-shimmer[data-astro-cid-62pcyovp],.ai-sparkles[data-astro-cid-62pcyovp],.ai-label[data-astro-cid-62pcyovp]{opacity:0}.hero-step-bar[data-astro-cid-62pcyovp] .num[data-astro-cid-62pcyovp]>.step-1[data-astro-cid-62pcyovp],.hero-step-bar[data-astro-cid-62pcyovp] .label[data-astro-cid-62pcyovp]>.step-1[data-astro-cid-62pcyovp]{opacity:1}}