main{width:min(1220px,calc(100% - 32px))}.hero{position:relative;isolation:isolate;max-width:none;min-height:610px;display:flex;flex-direction:column;justify-content:center;padding:70px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:32px;background:#06191f;color:#fff;box-shadow:0 36px 90px rgba(4,29,35,.22)}.hero:before{content:"";position:absolute;z-index:-1;inset:-4%;background-image:linear-gradient(90deg,#06191f 0%,rgba(6,25,31,.94) 42%,rgba(6,25,31,.18) 78%),url('/website/media/wawiwerk-cloud-ecosystem-v1.webp');background-size:cover;background-position:center;transform:scale(1.02);will-change:transform}.hero .eyebrow{color:#71e6bd}.hero h1{max-width:720px;color:#fff;font-size:clamp(52px,7vw,84px)}.hero>p:not(.eyebrow){max-width:600px;color:#bdcdcf}.hero .server-address{position:relative;z-index:2;background:rgba(250,252,250,.94);backdrop-filter:blur(16px)}.hero-visual-note{position:absolute;right:22px;bottom:17px;color:rgba(221,236,233,.52);font-size:7px;text-transform:uppercase;letter-spacing:.12em}.before>div,.guide-grid article,.guide-section,.safety,.help{border-radius:22px}.before>div{transition:transform .2s,box-shadow .2s}.before>div:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(6,29,34,.09)}
.hero:before{transform:scale(1.04)}
@keyframes cloud-visual-drift{from{transform:scale(1.04) rotate(-.4deg)}to{transform:scale(1.04) rotate(.4deg)}}
@media(prefers-reduced-motion:no-preference){.hero:before{animation:cloud-visual-drift 112s ease-in-out infinite alternate}}
html.motion-paused .hero:before{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.hero:before{animation:none}}
@media(max-width:800px){.hero{min-height:570px;padding:44px 34px}.hero:before{background-image:linear-gradient(180deg,rgba(6,25,31,.32),#06191f 76%),url('/website/media/wawiwerk-cloud-ecosystem-v1.webp');background-position:center}.hero h1{font-size:58px}.hero-visual-note{max-width:250px;text-align:right}}
@media(max-width:520px){.hero{min-height:590px;padding:34px 22px;border-radius:24px}.hero h1{font-size:45px}.hero-visual-note{right:14px;bottom:12px;font-size:6px}}