.X4gZna_hero{--studio-blue:#0032fb;isolation:isolate;background:linear-gradient(120deg,#fff 22%,#f4f7ff 100%);position:relative;overflow:clip}.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}.X4gZna_copy{z-index:1;padding-bottom:24px;position:relative}.X4gZna_copy h1{letter-spacing:-.065em;font-size:clamp(58px,5.7vw,82px);font-weight:650;line-height:1.04}.X4gZna_copy h1>span{display:block}.X4gZna_accent{color:var(--studio-blue)}html[lang=de] .X4gZna_copy h1{font-size:clamp(51px,5vw,72px)}.X4gZna_copy>p{color:#566070;text-wrap:pretty;max-width:440px;margin-top:29px;font-size:19px;font-weight:500;line-height:1.7}.X4gZna_actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:33px;display:flex}.X4gZna_actions .X4gZna_contact{min-height:53px;padding:14px 23px;font-size:16px}.X4gZna_studioLink{text-underline-offset:5px;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:600;display:inline-flex}.X4gZna_playground{min-width:0;margin-inline:-18px;position:relative}.X4gZna_canvas{perspective:1100px;aspect-ratio:600/530;position:relative}.X4gZna_artStage{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s var(--ease)}.X4gZna_art{width:100%;height:auto;display:block;overflow:visible}.X4gZna_scene{transform-origin:50% 55%;opacity:0;transition:opacity .22s ease, transform .48s var(--ease);pointer-events:none;transform:translateY(16px)scale(.96)}.X4gZna_playground[data-mode=web] .X4gZna_webScene,.X4gZna_playground[data-mode=shop] .X4gZna_shopScene,.X4gZna_playground[data-mode=software] .X4gZna_softwareScene{opacity:1;transform:translateY(0)scale(1)}.X4gZna_playground[data-keyboard=true] .X4gZna_scene{transition:none}.X4gZna_floatMain{animation:7s ease-in-out infinite X4gZna_float-main}.X4gZna_floatBack{animation:9s ease-in-out infinite X4gZna_float-back}.X4gZna_floatFront{animation:6s ease-in-out infinite X4gZna_float-front}.X4gZna_designCursor{animation:9s ease-in-out infinite X4gZna_cursor-travel}.X4gZna_signal{animation:6s linear infinite X4gZna_signal-travel}.X4gZna_scene>g,.X4gZna_signal{animation-play-state:paused}.X4gZna_playground[data-running=true][data-mode=web] .X4gZna_webScene>g,.X4gZna_playground[data-running=true][data-mode=shop] .X4gZna_shopScene>g,.X4gZna_playground[data-running=true][data-mode=software] .X4gZna_softwareScene>g,.X4gZna_playground[data-running=true][data-mode=software] .X4gZna_signal{animation-play-state:running}.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}.X4gZna_motionControl[hidden]{display:none}.X4gZna_tabs{border-bottom:1px solid #dce3f0;grid-template-columns:repeat(3,1fr);margin-inline:40px;display:grid}.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}.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)}.X4gZna_tabs button[aria-selected=true]{color:var(--studio-blue)}.X4gZna_tabs button[aria-selected=true]:after{transform:scaleX(1)}.X4gZna_playground[data-keyboard=true] .X4gZna_tabs button,.X4gZna_playground[data-keyboard=true] .X4gZna_tabs button:after{transition:none}.X4gZna_descriptions{text-align:center;align-items:start;min-height:49px;margin:17px 34px 0;display:grid}.X4gZna_descriptions>div{grid-area:1/1}.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}.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}.X4gZna_bottom>p{font-weight:500}.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 X4gZna_float-main{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes X4gZna_float-back{0%,to{transform:translate(0)}50%{transform:translate(5px,8px)}}@keyframes X4gZna_float-front{0%,to{transform:translate(0)}50%{transform:translate(-4px,-15px)}}@keyframes X4gZna_cursor-travel{0%,15%,to{transform:translate(0)}40%,60%{transform:translate(69px,-66px)}80%{transform:translate(21px,-14px)}}@keyframes X4gZna_signal-travel{to{stroke-dashoffset:-480px}}@media (hover:hover) and (pointer:fine){.X4gZna_studioLink:hover,.X4gZna_bottom>a:hover,.X4gZna_descriptions a:hover{text-decoration:underline}.X4gZna_tabs button:hover{color:var(--studio-blue)}.X4gZna_motionControl:hover{color:#0032fb;background:#fff}}@media (max-width:1100px){.X4gZna_layout,.X4gZna_bottom{width:calc(100% - 56px)}.X4gZna_layout{gap:0;padding-block:52px 44px}.X4gZna_copy h1{font-size:clamp(55px,6.4vw,70px)}html[lang=de] .X4gZna_copy h1{font-size:clamp(44px,5.1vw,58px)}.X4gZna_copy>p{max-width:390px;font-size:18px}.X4gZna_playground{margin-left:-5px;margin-right:-25px}.X4gZna_tabs{margin-inline:22px}.X4gZna_tabs button{font-size:15px}}@media (max-width:800px){.X4gZna_layout{grid-template-columns:1fr;gap:12px;padding:53px 0 22px}.X4gZna_copy{text-align:center;padding-bottom:0}.X4gZna_copy h1{font-size:clamp(52px,9vw,76px)}html[lang=de] .X4gZna_copy h1{font-size:clamp(45px,8vw,68px)}.X4gZna_copy>p{max-width:480px;margin:22px auto 0}.X4gZna_actions{justify-content:center;margin-top:25px}.X4gZna_playground{width:min(100%,560px);margin-inline:auto}.X4gZna_bottom{padding-block:17px;font-size:14px}}@media (max-width:540px){.X4gZna_layout,.X4gZna_bottom{width:calc(100% - 40px)}.X4gZna_layout{gap:5px;padding-top:37px}.X4gZna_copy h1{font-size:clamp(48px,12vw,64px)}html[lang=de] .X4gZna_copy h1{font-size:clamp(40px,10.4vw,56px)}.X4gZna_copy>p{max-width:370px;margin-top:21px;font-size:17px;line-height:1.65}.X4gZna_actions{gap:5px 22px;margin-top:23px}.X4gZna_actions .X4gZna_contact{min-height:48px;padding-inline:19px;font-size:15px}.X4gZna_studioLink{font-size:15px}.X4gZna_playground{width:calc(100% + 20px);margin-inline:-10px}.X4gZna_tabs{margin-inline:10px}.X4gZna_tabs button{gap:7px;min-height:49px;padding-inline:4px;font-size:15px}.X4gZna_tabs button svg{width:16px;height:16px}.X4gZna_motionControl{width:44px;height:44px;bottom:1px;right:6px}.X4gZna_descriptions{min-height:65px;margin:10px 10px 0}.X4gZna_descriptions a{max-width:310px;font-size:14px}.X4gZna_bottom{text-align:center;flex-direction:column;gap:4px;padding-block:16px}}@media (max-width:370px){.X4gZna_layout,.X4gZna_bottom{width:calc(100% - 32px)}html[lang=de] .X4gZna_copy h1{font-size:37px}.X4gZna_tabs button{font-size:14px}}@media (prefers-reduced-motion:reduce){.X4gZna_artStage{transform:none}.X4gZna_floatMain,.X4gZna_floatBack,.X4gZna_floatFront,.X4gZna_designCursor,.X4gZna_signal{animation:none}.X4gZna_scene,.X4gZna_artStage,.X4gZna_tabs button:after{transition:none}.X4gZna_motionControl{display:none}}