.scene{isolation:isolate;min-height:70vh;padding:var(--space-3xl) var(--space-xl);justify-content:center;align-items:flex-start;gap:var(--space-md);flex-direction:column;flex-grow:1;display:flex;position:relative}.scene.art{border-radius:var(--radius-md)}.scene .scene-bg{z-index:-1;background-position:50%;background-size:cover;animation:40s ease-in-out infinite alternate drift;position:absolute;inset:-6%}.scene:before{z-index:0;background:radial-gradient(80% 90% at 20% 60%,#0b0a0a8c,#0b0a0af2)}.scene>.hero-mist{z-index:0}.scene>.embers{z-index:1}.scene>:not(.hero-mist):not(.embers):not(.scene-bg):not(.scene-spikes){z-index:2;max-width:560px}.scene-code{font-family:var(--ff-display), sans-serif;letter-spacing:6px;color:#0000;-webkit-text-stroke:2px var(--accent);text-shadow:0 0 60px color-mix(in srgb, var(--accent) 55%, transparent);margin:0;font-size:clamp(110px,24vw,260px);font-weight:700;line-height:.8;animation:6s step-end infinite scene-flicker,.9s cubic-bezier(.2,.7,.2,1) backwards rise}.scene h1{font-size:var(--font-h1);margin:0;line-height:36px;animation:.8s cubic-bezier(.2,.7,.2,1) .2s backwards rise}.scene p{animation:.8s cubic-bezier(.2,.7,.2,1) .35s backwards rise}.scene .scene-cta{animation:.8s cubic-bezier(.2,.7,.2,1) .5s backwards rise}.scene .scene-spikes{z-index:1;background:var(--bg);clip-path:polygon(0 100%,0 60%,4% 20%,8% 70%,13% 0,18% 65%,23% 30%,28% 75%,34% 10%,39% 60%,45% 35%,50% 80%,56% 5%,61% 55%,67% 25%,72% 70%,78% 0,83% 60%,89% 30%,94% 70%,100% 20%,100% 100%);height:90px;animation:1.4s cubic-bezier(.2,.7,.2,1) .2s backwards scene-rise;position:absolute;inset:auto 0 0}@keyframes scene-flicker{0%,to{opacity:1}91%{opacity:.35}92%{opacity:1}95%{opacity:.5}96%{opacity:1}}@keyframes scene-rise{0%{transform:translateY(100%)}}@media (max-width:640px){.scene{min-height:64vh;padding:var(--space-2xl) var(--space-lg)}}.scene-center{text-align:center;align-items:center}.scene-center>p.scene-code{max-width:none}.scene-ways{margin:var(--space-lg) 0 0;gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:0;list-style:none;display:grid}.scene-ways li{animation:.7s cubic-bezier(.2,.7,.2,1) backwards rise;animation-delay:calc(.65s + var(--i) * 90ms)}.scene-ways a{justify-content:center;align-items:center;gap:var(--space-xs);min-height:88px;padding:var(--space-md) var(--space-sm);background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-family:var(--ff-display), sans-serif;font-weight:700;font-size:var(--font-small);text-transform:uppercase;letter-spacing:1px;color:var(--text);flex-direction:column;transition:translate .25s cubic-bezier(.2,.7,.2,1),border-color .25s,color .25s;display:flex}.scene-ways svg{width:26px;height:26px;color:var(--accent-text);transition:scale .3s cubic-bezier(.2,.8,.2,1.3)}.scene-ways a:hover,.scene-ways a:focus-visible{border-color:var(--accent);color:var(--accent-text);translate:0 -4px}.scene-ways a:hover svg{scale:1.2}.scene-center:before{background:radial-gradient(70% 80%,#0b0a0a80,#0b0a0af2)}@media (max-width:640px){.scene-ways{grid-template-columns:repeat(2,minmax(0,1fr))}}
