.studio-hero-module__X4gZna__hero{--studio-blue:#0032fb;isolation:isolate;background:linear-gradient(120deg,#fff 22%,#f4f7ff 100%);position:relative;overflow:clip}.studio-hero-module__X4gZna__layout{grid-template-columns:1fr 1.08fr;align-items:center;gap:24px;width:min(1240px,100% - 80px);min-height:min(760px,100svh - 148px);margin-inline:auto;padding:54px 0 72px;display:grid}.studio-hero-module__X4gZna__copy{z-index:1;padding-bottom:24px;position:relative}.studio-hero-module__X4gZna__copy h1{letter-spacing:-.065em;font-size:clamp(58px,5.7vw,82px);font-weight:650;line-height:1.04}.studio-hero-module__X4gZna__copy h1>span{display:block}.studio-hero-module__X4gZna__accent{color:var(--studio-blue)}html[lang=de] .studio-hero-module__X4gZna__copy h1{font-size:clamp(51px,5vw,72px)}.studio-hero-module__X4gZna__copy>p{color:#566070;text-wrap:pretty;max-width:440px;margin-top:29px;font-size:19px;font-weight:500;line-height:1.7}.studio-hero-module__X4gZna__actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:33px;display:flex}.studio-hero-module__X4gZna__actions .studio-hero-module__X4gZna__contact{min-height:53px;padding:14px 23px;font-size:16px}.studio-hero-module__X4gZna__studioLink{text-underline-offset:5px;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:600;display:inline-flex}.studio-hero-module__X4gZna__playground{min-width:0;margin-inline:-18px;position:relative}.studio-hero-module__X4gZna__canvas{perspective:1100px;aspect-ratio:600/530;position:relative}.studio-hero-module__X4gZna__artStage{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s var(--ease)}.studio-hero-module__X4gZna__art{width:100%;height:auto;display:block;overflow:visible}.studio-hero-module__X4gZna__scene{transform-origin:50% 55%;opacity:0;transition:opacity .22s ease, transform .48s var(--ease);pointer-events:none;transform:translateY(16px)scale(.96)}.studio-hero-module__X4gZna__playground[data-mode=web] .studio-hero-module__X4gZna__webScene,.studio-hero-module__X4gZna__playground[data-mode=shop] .studio-hero-module__X4gZna__shopScene,.studio-hero-module__X4gZna__playground[data-mode=software] .studio-hero-module__X4gZna__softwareScene{opacity:1;transform:translateY(0)scale(1)}.studio-hero-module__X4gZna__playground[data-keyboard=true] .studio-hero-module__X4gZna__scene{transition:none}.studio-hero-module__X4gZna__floatMain{animation:7s ease-in-out infinite studio-hero-module__X4gZna__float-main}.studio-hero-module__X4gZna__floatBack{animation:9s ease-in-out infinite studio-hero-module__X4gZna__float-back}.studio-hero-module__X4gZna__floatFront{animation:6s ease-in-out infinite studio-hero-module__X4gZna__float-front}.studio-hero-module__X4gZna__designCursor{animation:9s ease-in-out infinite studio-hero-module__X4gZna__cursor-travel}.studio-hero-module__X4gZna__signal{animation:6s linear infinite studio-hero-module__X4gZna__signal-travel}.studio-hero-module__X4gZna__scene>g,.studio-hero-module__X4gZna__signal{animation-play-state:paused}.studio-hero-module__X4gZna__playground[data-running=true][data-mode=web] .studio-hero-module__X4gZna__webScene>g,.studio-hero-module__X4gZna__playground[data-running=true][data-mode=shop] .studio-hero-module__X4gZna__shopScene>g,.studio-hero-module__X4gZna__playground[data-running=true][data-mode=software] .studio-hero-module__X4gZna__softwareScene>g,.studio-hero-module__X4gZna__playground[data-running=true][data-mode=software] .studio-hero-module__X4gZna__signal{animation-play-state:running}.studio-hero-module__X4gZna__motionControl{color:#5f6b7e;background:#ffffffb3;border:1px solid #dbe2ee;border-radius:50%;place-items:center;width:44px;height:44px;transition:background-color .16s,color .16s;display:grid;position:absolute;bottom:13px;right:16px}.studio-hero-module__X4gZna__motionControl[hidden]{display:none}.studio-hero-module__X4gZna__tabs{border-bottom:1px solid #dce3f0;grid-template-columns:repeat(3,1fr);margin-inline:40px;display:grid}.studio-hero-module__X4gZna__tabs button{color:#687283;background:0 0;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:12px 8px;font-size:16px;font-weight:600;transition:color .16s;display:flex;position:relative}.studio-hero-module__X4gZna__tabs button:after{content:"";background:var(--studio-blue);height:2px;transition:transform .2s var(--ease);position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.studio-hero-module__X4gZna__tabs button[aria-selected=true]{color:var(--studio-blue)}.studio-hero-module__X4gZna__tabs button[aria-selected=true]:after{transform:scaleX(1)}.studio-hero-module__X4gZna__playground[data-keyboard=true] .studio-hero-module__X4gZna__tabs button,.studio-hero-module__X4gZna__playground[data-keyboard=true] .studio-hero-module__X4gZna__tabs button:after{transition:none}.studio-hero-module__X4gZna__descriptions{text-align:center;align-items:start;min-height:49px;margin:17px 34px 0;display:grid}.studio-hero-module__X4gZna__descriptions>div{grid-area:1/1}.studio-hero-module__X4gZna__descriptions a{color:#566070;text-underline-offset:4px;justify-content:center;align-items:center;gap:10px;padding-block:7px;font-size:15px;font-weight:500;line-height:1.6;display:inline-flex}.studio-hero-module__X4gZna__bottom{color:#657084;border-top:1px solid #dde4ef;justify-content:space-between;align-items:center;gap:20px;width:min(1240px,100% - 80px);margin-inline:auto;padding:23px 0;font-size:15px;display:flex}.studio-hero-module__X4gZna__bottom>p{font-weight:500}.studio-hero-module__X4gZna__bottom>a{color:#202329;text-underline-offset:5px;align-items:center;gap:14px;min-height:44px;padding-block:8px;font-weight:600;display:flex}@keyframes studio-hero-module__X4gZna__float-main{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes studio-hero-module__X4gZna__float-back{0%,to{transform:translate(0)}50%{transform:translate(5px,8px)}}@keyframes studio-hero-module__X4gZna__float-front{0%,to{transform:translate(0)}50%{transform:translate(-4px,-15px)}}@keyframes studio-hero-module__X4gZna__cursor-travel{0%,15%,to{transform:translate(0)}40%,60%{transform:translate(69px,-66px)}80%{transform:translate(21px,-14px)}}@keyframes studio-hero-module__X4gZna__signal-travel{to{stroke-dashoffset:-480px}}@media (hover:hover) and (pointer:fine){.studio-hero-module__X4gZna__studioLink:hover,.studio-hero-module__X4gZna__bottom>a:hover,.studio-hero-module__X4gZna__descriptions a:hover{text-decoration:underline}.studio-hero-module__X4gZna__tabs button:hover{color:var(--studio-blue)}.studio-hero-module__X4gZna__motionControl:hover{color:#0032fb;background:#fff}}@media (max-width:1100px){.studio-hero-module__X4gZna__layout,.studio-hero-module__X4gZna__bottom{width:calc(100% - 56px)}.studio-hero-module__X4gZna__layout{gap:0;padding-block:52px 44px}.studio-hero-module__X4gZna__copy h1{font-size:clamp(55px,6.4vw,70px)}html[lang=de] .studio-hero-module__X4gZna__copy h1{font-size:clamp(44px,5.1vw,58px)}.studio-hero-module__X4gZna__copy>p{max-width:390px;font-size:18px}.studio-hero-module__X4gZna__playground{margin-left:-5px;margin-right:-25px}.studio-hero-module__X4gZna__tabs{margin-inline:22px}.studio-hero-module__X4gZna__tabs button{font-size:15px}}@media (max-width:800px){.studio-hero-module__X4gZna__layout{grid-template-columns:1fr;gap:12px;padding:53px 0 22px}.studio-hero-module__X4gZna__copy{text-align:center;padding-bottom:0}.studio-hero-module__X4gZna__copy h1{font-size:clamp(52px,9vw,76px)}html[lang=de] .studio-hero-module__X4gZna__copy h1{font-size:clamp(45px,8vw,68px)}.studio-hero-module__X4gZna__copy>p{max-width:480px;margin:22px auto 0}.studio-hero-module__X4gZna__actions{justify-content:center;margin-top:25px}.studio-hero-module__X4gZna__playground{width:min(100%,560px);margin-inline:auto}.studio-hero-module__X4gZna__bottom{padding-block:17px;font-size:14px}}@media (max-width:540px){.studio-hero-module__X4gZna__layout,.studio-hero-module__X4gZna__bottom{width:calc(100% - 40px)}.studio-hero-module__X4gZna__layout{gap:5px;padding-top:37px}.studio-hero-module__X4gZna__copy h1{font-size:clamp(48px,12vw,64px)}html[lang=de] .studio-hero-module__X4gZna__copy h1{font-size:clamp(40px,10.4vw,56px)}.studio-hero-module__X4gZna__copy>p{max-width:370px;margin-top:21px;font-size:17px;line-height:1.65}.studio-hero-module__X4gZna__actions{gap:5px 22px;margin-top:23px}.studio-hero-module__X4gZna__actions .studio-hero-module__X4gZna__contact{min-height:48px;padding-inline:19px;font-size:15px}.studio-hero-module__X4gZna__studioLink{font-size:15px}.studio-hero-module__X4gZna__playground{width:calc(100% + 20px);margin-inline:-10px}.studio-hero-module__X4gZna__tabs{margin-inline:10px}.studio-hero-module__X4gZna__tabs button{gap:7px;min-height:49px;padding-inline:4px;font-size:15px}.studio-hero-module__X4gZna__tabs button svg{width:16px;height:16px}.studio-hero-module__X4gZna__motionControl{width:44px;height:44px;bottom:1px;right:6px}.studio-hero-module__X4gZna__descriptions{min-height:65px;margin:10px 10px 0}.studio-hero-module__X4gZna__descriptions a{max-width:310px;font-size:14px}.studio-hero-module__X4gZna__bottom{text-align:center;flex-direction:column;gap:4px;padding-block:16px}}@media (max-width:370px){.studio-hero-module__X4gZna__layout,.studio-hero-module__X4gZna__bottom{width:calc(100% - 32px)}html[lang=de] .studio-hero-module__X4gZna__copy h1{font-size:37px}.studio-hero-module__X4gZna__tabs button{font-size:14px}}@media (prefers-reduced-motion:reduce){.studio-hero-module__X4gZna__artStage{transform:none}.studio-hero-module__X4gZna__floatMain,.studio-hero-module__X4gZna__floatBack,.studio-hero-module__X4gZna__floatFront,.studio-hero-module__X4gZna__designCursor,.studio-hero-module__X4gZna__signal{animation:none}.studio-hero-module__X4gZna__scene,.studio-hero-module__X4gZna__artStage,.studio-hero-module__X4gZna__tabs button:after{transition:none}.studio-hero-module__X4gZna__motionControl{display:none}}