.logo{display:flex;align-items:center;gap:11px}.logo img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid #ffffff55;box-shadow:0 0 16px #755cff66}.hero{grid-template-columns:minmax(340px,.8fr) minmax(560px,1.35fr)}.hero-visual img{width:100%;height:auto;aspect-ratio:16/5;object-fit:contain;display:block;border-radius:48px 4px 48px 4px;background:#15102e}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:110px}.hero-visual{order:-1}.hero-visual img{width:min(100%,900px);height:auto;margin:auto;aspect-ratio:16/5;object-fit:contain;border-radius:28px 2px}.hero-copy{max-width:760px;margin:auto}}
@media(max-width:800px){.logo img{width:36px;height:36px}.hero{padding-top:96px}.hero-visual img{height:auto;aspect-ratio:16/5;object-fit:contain;border-radius:18px 2px}}

.wave{position:absolute;inset:0;pointer-events:none}.hero-character{display:none;position:absolute;z-index:1;left:-1vw;top:clamp(120px,15vh,170px);width:clamp(300px,25vw,470px);max-height:calc(100vh - 120px);object-fit:contain;object-position:left top;filter:drop-shadow(0 20px 38px #0008) drop-shadow(0 0 28px #725cff35);pointer-events:none;opacity:1}.hero-copy{z-index:2}
@media(min-width:1200px){.hero-character{display:block}.hero{grid-template-columns:1fr;padding:140px max(5vw,70px) 80px;align-items:start}.hero-copy{width:min(620px,48vw);margin-left:clamp(360px,29vw,510px);max-width:none}.hero h1{font-size:clamp(50px,4.2vw,72px)}.facts{gap:18px}.hero-visual{grid-column:1;grid-row:2;width:min(1120px,88vw);margin:64px auto 0;justify-self:center}.hero-visual img{border-radius:42px 4px 42px 4px}}