@layer components{.section-hero.hh,#apps,.hb,.hs,#process{--ink-2:color-mix(in srgb, var(--fg) 80%, var(--bg))}.hh .hero-shot-frame{--hs-in:24px}.hh-pulse,.hh-phone{z-index:1;position:absolute}.hh-pulse{top:var(--hs-in);left:var(--hs-in);right:var(--hs-in)}.hh .hh-pulse .sx-main{width:100%;display:block;position:relative;inset:auto}.hh .hh-pulse .sx-view{aspect-ratio:var(--sx-ratio);flex:none}.hh-phone{right:var(--hs-in);width:var(--hh-phone,120px);display:none;bottom:28px}.hh-phone .sx-phone{border-width:6px;border-radius:24px;width:100%}.hh-phone .sx-phone .sx-view{border-radius:18px}.hh-phone.is-auto{right:calc(var(--hs-in) + var(--hh-phone,120px) + 16px);bottom:48px}.hh .hero-shot .sx-sample{left:calc(var(--hcut) + 70px);color:var(--ink-2);font-size:11.5px;bottom:12px;right:auto}@media (min-width:768px){.hh .hero-shot-frame{--hs-in:40px}.hh-pulse{width:min(560px, calc(100% - 2 * var(--hs-in) - var(--hh-phone) - 24px));right:auto}.hh .hero-shot-frame{--hh-phone:124px}.hh-phone.is-crm{display:block}}@media (min-width:1024px){.hh.section-hero{--hpw:min(42cqw, 720px)}.hh .hero-shot-frame{--hs-in:32px;--hh-phone:clamp(104px, 23%, 150px)}.hh-pulse{right:var(--hs-in);width:auto}.hh-phone{bottom:32px}.hh-phone.is-auto{bottom:52px}}@media (min-width:1280px){.hh-phone.is-auto{display:block}}.hh .hh-hl{color:var(--accent-display)}@media (min-width:1024px){.hh .hero-text{flex:none}}.hh .cta-points li{color:var(--ink-2)}.hh-places{border-top:1px solid var(--hair);gap:0;margin-top:36px;padding-top:0;display:grid}.hh-place{border-bottom:1px solid var(--hair)}.hh-place-link{min-height:60px;color:var(--fg);align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:flex}.hh-place-link img{flex:none;width:32px;height:32px}.hh-place-t{gap:4px;min-width:0;display:grid}.hh-place-t b{font:600 15px/1.2 var(--font-body);letter-spacing:-.01em}.hh-place-t span{font:500 11.5px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.hh-place-link:hover b{text-underline-offset:4px;text-decoration:underline}.hh-place-link:focus-visible{outline:2px solid var(--fg);outline-offset:2px}@media (min-width:768px){.hh-places{border-bottom:0;grid-template-columns:repeat(3,auto);justify-content:start;column-gap:36px}.hh-place{border-bottom:0}.hh-place-link{align-items:flex-start;padding:16px 0 0}}@media (min-width:1024px){.is-long.hh .hero-places{margin-top:36px}}#apps .press-label{font-size:11.5px}#apps .is-named .press-app{transition:transform .2s var(--ease-out)}#apps .is-named .press-item:hover .press-app{transform:translateY(-2px)}#apps .is-named .press-name{color:var(--fg)}@media (max-width:767.98px){#problem .pb-track{margin-left:calc(var(--pad) + .5px)}#problem .pb-track:before{display:none}#problem .pb-tear.ll-tear{left:calc(-1 * var(--pad) - .5px)}}@media (min-width:768px){#problem .pb-tear.ll-tear{width:calc(20% + 8px);height:64%;top:18%;left:calc(43% - 4px)}#problem .pb-seg-h.is-a{width:calc(43% - 27px)}#problem .pb-seg-h.is-b{width:27%;left:63%}#problem .pb-counter-win{font-size:clamp(80px,10vw - 9.2px,124px)}#problem .pb-counter.ll-tear-mark{gap:10px}}@media (min-width:1200px){#problem .pb-counter-win{font-size:min(136px,10vw - 13.6px)}}.hb-sec{overflow-x:clip}.hb{row-gap:40px;display:grid}.hb-head{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.hb-product{font:600 15px/1.2 var(--font-body);color:var(--fg);align-items:center;gap:10px;margin-top:24px;display:inline-flex}.hb-product img{flex:none;width:28px;height:28px}.hb-h{margin-top:16px}.hb-logos{margin-top:28px}.hb-logos .label{color:var(--fg);font-size:11.5px}.hb-logos ul{flex-wrap:wrap;gap:10px 20px;margin-top:12px;display:flex}.hb-logos li{font:500 14px/1.2 var(--font-body);color:var(--fg);align-items:center;gap:8px;display:inline-flex}.hb-logos img{flex:none;width:20px;height:20px;display:block}.hb-link{margin-top:20px}.hb-lists{border-top:1px solid var(--hair);display:grid}.hb-col{padding-top:24px}.hb-col+.hb-col{margin-top:8px}.hb-col-h{color:var(--fg);margin-bottom:16px;font-size:11.5px}.hb-list{gap:14px;display:grid}.hb-list li{font:400 16px/1.45 var(--font-body);color:var(--fg);grid-template-columns:26px minmax(0,1fr);align-items:start;gap:12px;display:grid}.hb-list li>:last-child{padding-top:2px}.hb-list b{font-weight:600}.hb-list.is-pain li{color:var(--muted)}.hb-list q{quotes:"„" "“"}.hb-list.is-pain .hb-mark{background:color-mix(in srgb, var(--fg) 6%, var(--bg));width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;display:grid}@media (min-width:768px){.hb-lists{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}.hb-col+.hb-col{margin-top:0}}@media (min-width:1200px){.hb{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px 72px}.hb-head,.hb.is-flip .hb-lists{grid-area:1/1}.hb-lists,.hb.is-flip .hb-head{grid-area:1/2}.hb.is-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.hb-lists{column-gap:48px;margin-top:8px}.hb-shot{grid-area:2/1/auto/-1}}.hs{--hs-bleed:max(var(--pad), (100vw - var(--maxw)) / 2);--hs-cut:40px;--hs-hair:color-mix(in srgb, var(--fg) 6%, transparent);isolation:isolate;min-width:0;margin:0;padding-top:24px;position:relative}.hs:before{content:"";z-index:-1;top:0;bottom:0;left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));background:radial-gradient(60% 60% at 80% 10%, color-mix(in srgb, var(--x3-accent) 16%, transparent), transparent 70%), linear-gradient(var(--hs-hair) 1px, transparent 1px) 0 0 / 100% 48px, linear-gradient(90deg, var(--hs-hair) 1px, transparent 1px) 0 0 / 48px 100%, color-mix(in srgb, var(--fg) 3%, var(--bg));box-shadow:inset 0 1px 0 var(--hair), inset 0 -1px 0 var(--hair);clip-path:polygon(0 0, 100% 0, 100% 100%, var(--hs-cut) 100%, 0 calc(100% - var(--hs-cut)));position:absolute}.hs-win{background:var(--bg);box-shadow:0 0 0 1px var(--hair), 0 28px 60px color-mix(in srgb, var(--x3-ink) 14%, transparent), 0 8px 18px color-mix(in srgb, var(--x3-ink) 8%, transparent);border-radius:10px;position:relative;overflow:hidden}.hs-bar{background:color-mix(in srgb, var(--fg) 2%, var(--bg));border-bottom:1px solid var(--hair);align-items:center;gap:6px;height:24px;padding:0 12px;display:flex}.hs-bar i{background:color-mix(in srgb, var(--fg) 16%, transparent);border-radius:50%;width:7px;height:7px}.hs-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;overflow-x:auto}.hs-scroll:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.hs-img{width:var(--hs-mw);max-width:none;height:auto;display:block}.hs-cap{padding:14px 0 18px calc(var(--hs-cut) * .6);font:400 14.5px/1.45 var(--font-body);color:var(--fg);flex-wrap:wrap;justify-content:space-between;gap:6px 24px;display:flex}.hs-sample{font:500 11.5px/1.45 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-left:auto}.hs-sample:before{content:"Seitlich wischen · "}@media (min-width:1024px){.hs{--hs-cut:56px;padding-top:32px}.hs-scroll{overflow:visible}.hs-img{width:100%}.hs-sample:before{content:none}.hs.is-right:before{left:48px;right:calc(-1 * var(--hs-bleed))}.hs.is-left:before{left:calc(-1 * var(--hs-bleed));clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--hs-cut)), calc(100% - var(--hs-cut)) 100%, 0 100%);right:48px}.hs.is-right .hs-cap{padding-left:calc(48px + var(--hs-cut))}.hs.is-left .hs-cap{padding-left:0;padding-right:calc(var(--hs-cut) * .8)}.hs.is-right .hs-win{margin-right:32px}.hs.is-left .hs-win{margin-left:32px}.hs.is-none:before{left:-48px;right:-48px}}.h-handover{margin-top:48px}.h-handover .hs-line{max-width:62ch}@media (min-width:1024px){.h-handover{max-width:1040px;margin:72px auto 0}}@media (min-width:1200px){#security .stg-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:56px}#security .stg-item{margin-top:0}#security .stg-seg-d{display:none}#security .stg-seg-h:not(.is-tail){width:100%}#start .qz-stages{align-items:stretch}#start .qz-stage{min-height:0}#start .qz-stage-text{margin-top:32px;padding-top:0}}.hp{gap:48px;display:grid}.hp .caption{gap:var(--s4);grid-template-columns:minmax(0,1fr);align-items:start;margin-top:0}.hp-setup{border-top:1px solid var(--hair);margin-top:32px;display:grid}.hp-setup li{border-bottom:1px solid var(--hair);font:400 16px/1.45 var(--font-body);color:var(--muted);grid-template-columns:32px minmax(0,1fr);align-items:start;gap:14px;padding:16px 0;display:grid}.hp-setup img{width:32px;height:32px}.hp-setup.is-stages li{grid-template-columns:64px minmax(0,1fr)}.hp-count{font:600 13px/1.6 var(--font-mono);color:var(--fg);white-space:nowrap}.hp-setup b{color:var(--fg);font-weight:600;display:block}.hp-cta{margin-top:32px}.hp-side{gap:20px;min-width:0;display:grid}.hp-card{padding:20px}.hp-person{align-items:center;gap:16px;display:flex}.hp-person .label{color:var(--muted);font-size:11px}.hp-photo{background:color-mix(in srgb, var(--fg) 8%, var(--bg));width:64px;height:64px;box-shadow:0 0 0 3px var(--fg);border-radius:50%;flex:none;overflow:hidden}.hp-photo img{object-fit:cover;width:100%;height:100%;display:block}.hp-name{font:700 20px/1.1 var(--font-display);letter-spacing:-.02em;margin-top:4px}.hp-role{font:400 14px/1.4 var(--font-body);color:var(--muted);margin-top:4px}.hp-act{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:18px;display:flex}.hp-wa img{flex:none;width:18px;height:18px}.hp-wa{gap:10px}@media (min-width:768px){.hp-card{padding:24px 28px}}@media (min-width:1200px){.hp{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;column-gap:72px}}.tv-grid{gap:20px;margin-top:40px;display:grid}.tv-card{align-content:start;gap:14px;min-width:0;display:grid}.tv-poster{aspect-ratio:16/10;border-radius:var(--r-card) var(--r-card) 0 var(--r-card);clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);background:radial-gradient(70% 60% at 78% 22%, color-mix(in srgb, var(--x3-accent) 16%, transparent), transparent 70%), linear-gradient(color-mix(in srgb, var(--fg) 6%, transparent) 1px, transparent 1px) 0 0 / 100% 32px, linear-gradient(90deg, color-mix(in srgb, var(--fg) 6%, transparent) 1px, transparent 1px) 0 0 / 32px 100%, color-mix(in srgb, var(--fg) 3%, var(--bg));width:100%;box-shadow:inset 0 0 0 1px var(--hair);color:var(--fg);text-align:left;display:block;position:relative;overflow:hidden}.tv-poster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}button.tv-poster{cursor:pointer}button.tv-poster:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.tv-play{background:var(--x3-accent);width:64px;height:64px;color:var(--on-accent);box-shadow:0 10px 24px color-mix(in srgb, var(--x3-ink) 16%, transparent);transition:transform .2s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.tv-poster:hover .tv-play{transform:translate(-50%,-50%)scale(1.06)}.tv-tag{border-radius:var(--r-pill);background:var(--bg);box-shadow:inset 0 0 0 1px var(--hair-strong);font:500 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);padding:6px 10px;position:absolute;top:14px;left:14px}.tv-dur{font:500 11px/1 var(--font-mono);color:var(--fg);position:absolute;top:14px;right:14px}.tv-quote{font:500 18px/1.4 var(--font-body);color:var(--fg)}.tv-card.is-mock .tv-quote{color:var(--muted)}.tv-who{font:500 11.5px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tv-who b{color:var(--fg);font-weight:600}.tv-note{font:400 14px/1.5 var(--font-body);color:var(--muted);margin-top:24px}@media (min-width:768px){.tv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}@media (min-width:1200px){.tv-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px}}.tv-dialog{border-radius:var(--r-card);background:var(--x3-ink);width:min(1080px,100vw - 32px);max-height:calc(100svh - 32px);color:var(--x3-paper);border:0;margin:auto;padding:0;overflow:hidden}.tv-dialog::backdrop{background:color-mix(in srgb, var(--x3-ink) 72%, transparent)}.tv-dialog-bar{font:500 13px/1.3 var(--font-body);justify-content:space-between;align-items:center;gap:16px;padding:8px 8px 8px 20px;display:flex}.tv-close{width:44px;height:44px;color:var(--x3-paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--x3-paper) 30%, transparent);border-radius:50%;place-items:center;display:grid}.tv-close:focus-visible{outline:2px solid var(--x3-accent);outline-offset:2px}.tv-dialog video{background:var(--x3-ink);width:100%;max-height:calc(100svh - 120px);display:block}@media (prefers-reduced-motion:reduce){.tv-play{transition:none}}}