:root{--brand:#1821de;--mark-color:#fff;--logo-width:clamp(180px, 38vw, 640px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--brand)}.stage{background:linear-gradient(120deg, #4a7dff 0%, #2b4cf2 45%, var(--brand) 80%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.gradient{opacity:0;width:100%;height:100%;transition:opacity 1.2s;display:block;position:absolute;inset:0}.grain{pointer-events:none;mix-blend-mode:overlay;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.mark{width:100%;margin:0;line-height:0}.mark__svg{width:100%;height:calc(var(--logo-width) * var(--logo-h) / var(--logo-w));animation:1.2s both fade-in,1.4s cubic-bezier(.65,0,.35,1) .2s both draw-line;display:block;overflow:hidden}.mark__shape{fill:var(--mark-color)}@keyframes fade-in{0%{opacity:0}}@keyframes draw-line{0%{clip-path:inset(0 calc(50% - var(--logo-width) / 2))}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.mark__svg{animation:none}}