/* Product marks: deliberately separate from screenshots, controls and app payloads. */
.brand-stage{--bs-ink:currentColor;--bs-accent:var(--accent,#3cff91);position:relative;isolation:isolate;box-sizing:border-box;color:inherit;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:480px;padding:40px max(6vw,24px);margin:0!important;background:radial-gradient(ellipse at 76% 48%,color-mix(in srgb,#3cff91 8%,transparent),transparent 55%);border-block:1px solid color-mix(in srgb,var(--bs-ink) 13%,transparent)}
.brand-stage *{box-sizing:border-box}.bs-copy{position:relative;z-index:2;max-width:580px}.bs-rule{display:block;width:56px;height:3px;background:#3cff91;margin-bottom:30px}.brand-stage .bs-name{font:600 clamp(30px,5.1vw,84px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.065em;margin:0 0 24px!important;color:inherit!important;overflow-wrap:normal}.bs-name>span{color:#3cff91}.brand-stage .bs-line{font-family:inherit;font-weight:400;font-size:clamp(17px,1.9vw,28px);line-height:1.4;max-width:24ch;margin:0!important;opacity:.7;color:inherit!important}.bs-art{position:relative;height:420px;display:grid;place-items:center;perspective:900px;min-width:0}.bs-object{position:relative;width:clamp(240px,29vw,410px);aspect-ratio:1;transform:rotateX(var(--bs-rx,0deg)) rotateY(var(--bs-ry,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1);z-index:2}.brand-stage .bs-logo{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;filter:drop-shadow(0 22px 35px #0002)!important;animation:bs-hover 7s ease-in-out infinite;overflow:visible}.bs-logo [data-part]{transform-box:view-box;transform-origin:128px 128px}.bs-aura{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#3cff911a,transparent 70%);animation:bs-breathe 7s ease-in-out infinite}.bs-orbit{position:absolute;width:94%;max-width:480px;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--bs-accent) 22%,transparent);border-radius:50%;transform:rotateX(62deg) rotate(-25deg);opacity:.65}.bs-orbit-b{width:76%;transform:rotateY(63deg) rotate(30deg);opacity:.35}.bs-orbit-a:after{content:"";position:absolute;left:18%;top:10%;width:5px;height:5px;border-radius:50%;background:#3cff91;box-shadow:0 0 12px #3cff9170}.bs-ground{position:absolute;bottom:15px;width:50%;height:20px;border-radius:50%;background:#000;filter:blur(20px);opacity:.12;animation:bs-shadow 7s ease-in-out infinite}
.brand-stage .bs-motion{position:absolute;right:20px;bottom:18px;z-index:3;width:44px;height:44px;min-width:44px;padding:10px;border:1px solid color-mix(in srgb,var(--bs-ink) 24%,transparent);border-radius:50%;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}.bs-motion svg{width:20px;height:20px;display:block}.bs-motion:hover{background:color-mix(in srgb,#3cff91 13%,transparent)}.bs-motion:focus-visible{outline:2px solid #3cff91;outline-offset:4px}.bs-play{display:none}.bs-motion[aria-pressed=true] .bs-play{display:block}.bs-motion[aria-pressed=true] .bs-pause{display:none}
[data-brand-stage=toolbox] .bs-logo [data-part="4"],[data-brand-stage=toolbox] .bs-logo [data-part="5"]{animation:bs-dock 8s ease-in-out infinite}
[data-brand-stage=jano-app-kit] .bs-logo [data-part="0"]{animation:bs-left 7s ease-in-out infinite}[data-brand-stage=jano-app-kit] .bs-logo [data-part="1"]{animation:bs-right 7s ease-in-out infinite}
[data-brand-stage=veylcut] .bs-logo [data-part="2"]{animation:bs-cut 5s ease-in-out infinite}
[data-brand-stage=second-brain] .bs-logo [data-part="3"],[data-brand-stage=second-brain] .bs-logo [data-part="4"]{animation:bs-inflow 6s ease-in-out infinite}
[data-brand-stage=thumbnail] .bs-logo [data-part],[data-brand-stage=projektordner] .bs-logo [data-part]{animation:bs-assemble 7s ease-in-out infinite}[data-brand-stage=thumbnail] [data-part="1"]{animation-delay:-.3s}[data-brand-stage=thumbnail] [data-part="2"]{animation-delay:-.6s}
[data-brand-stage=newsletter] .bs-logo [data-part="3"],[data-brand-stage=newsletter] .bs-logo [data-part="4"],[data-brand-stage=projektpruefung] .bs-logo [data-part="3"]{animation:bs-inflow 6s ease-in-out infinite}
[data-brand-stage=c4d-r21-mcp] .bs-logo{animation:bs-turn 9s ease-in-out infinite}[data-brand-stage=kurzlinks] .bs-logo{animation:bs-turn 8s ease-in-out infinite}
.bs-hero-layout{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:3vw;align-items:center}.bs-hero-layout>*{grid-column:1}.bs-hero-layout>.brand-stage{grid-column:2;grid-row:1/6}.bs-hero-layout>.route{grid-column:1/-1}.brand-stage.bs-inline{display:block;min-height:0;padding:0;border:0;background:none;align-self:stretch;overflow:hidden}.bs-inline .bs-copy{display:none}.bs-inline .bs-art{height:100%;min-height:390px}.bs-inline .bs-object{width:clamp(220px,28vw,400px)}
@keyframes bs-hover{0%,100%{transform:translateY(5px) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes bs-turn{0%,100%{transform:translateY(5px) rotate(-7deg)}50%{transform:translateY(-8px) rotate(7deg)}}@keyframes bs-breathe{0%,100%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@keyframes bs-shadow{0%,100%{transform:scale(1);opacity:.13}50%{transform:scale(.8);opacity:.07}}@keyframes bs-dock{0%,100%{transform:translateX(24px)}42%,65%{transform:translateX(-6px)}}@keyframes bs-left{0%,100%{transform:translateX(-10px) rotate(-3deg)}40%,65%{transform:none}}@keyframes bs-right{0%,100%{transform:translateX(15px) rotate(4deg)}40%,65%{transform:none}}@keyframes bs-cut{0%,100%{transform:translate(-2px,4px);opacity:.75}45%,65%{transform:translate(2px,-5px);opacity:1}}@keyframes bs-inflow{0%,100%{transform:scale(1.07);opacity:.6}50%,70%{transform:scale(1);opacity:1}}@keyframes bs-assemble{0%,100%{transform:translateY(3px)}50%{transform:translateY(-3px)}}
.brand-stage[data-bs-paused=true] *,.brand-stage[data-bs-visible=false] *{animation-play-state:paused!important}.brand-stage[data-bs-paused=true] .bs-object{transform:none}
@media(min-width:1600px){.brand-stage{padding-inline:max(8vw,calc((100vw - 1500px)/2));min-height:550px}.bs-art{height:480px}.bs-object{width:430px}}
@media(max-width:700px){.brand-stage{grid-template-columns:1fr;min-height:0;padding:34px 24px 42px;gap:6px}.brand-stage .bs-name{font-size:clamp(32px,10vw,64px);margin-bottom:12px!important}.bs-rule{width:34px;margin-bottom:16px}.brand-stage .bs-line{font-size:18px;max-width:30ch}.bs-art{height:300px}.bs-object{width:260px}.bs-orbit{width:300px;max-width:100%}.bs-orbit-b{width:240px}.bs-motion{right:14px!important;bottom:14px!important}.bs-hero-layout{display:block!important}.bs-inline .bs-art{height:320px;min-height:0}.bs-inline .bs-object{width:270px}.bs-inline{margin-top:20px!important}}
@media(prefers-reduced-motion:reduce){.brand-stage *{animation:none!important;transition:none!important}.bs-object{transform:none!important}.bs-motion{display:none!important}}

.bs-wide .bs-motion{top:18px;bottom:auto}.brand-stage:not([data-bs-visible=true]) *{animation-play-state:paused!important}.brand-stage:not([data-bs-ready]) .bs-motion{display:none}.bs-motion:disabled{opacity:.45;cursor:default}