body{position:relative;min-height:100vh}
#ambient-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}
.hero-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.hero-scene .hero-art{z-index:0;animation:valley-drift 26s ease-in-out infinite alternate;transform-origin:50% 55%}
.hero-character{position:absolute;height:130%;aspect-ratio:1122/1402;bottom:-32%;transform-origin:50% 90%;will-change:transform}
.hero-character img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.spellblade{left:-1%;animation:spellblade-breathe 7.6s ease-in-out infinite}
.warrior{right:-1%;animation:warrior-breathe 9.4s ease-in-out infinite}
.spell-flare{clip-path:polygon(78% 12%,100% 12%,100% 49%,69% 61%,67% 44%,76% 37%);mix-blend-mode:screen;filter:brightness(1.6) saturate(1.25);animation:hand-fire 3.8s ease-in-out infinite}
.hand-anchor{position:absolute;left:91%;top:29%;width:1px;height:1px}
.hero:after{background:linear-gradient(0deg,rgba(7,12,10,.76),rgba(7,12,10,.08) 75%)}
.hero h1{color:#efd39a;text-shadow:0 2px 4px #090c09,0 0 13px #d88f4b65;animation:title-glow 6.5s ease-in-out infinite}
.hero .subtitle{color:#dcc192;text-shadow:0 2px 4px #050a07,0 0 10px #9e6b344d}
.hero-actions .button{color:#f1d5a1}
.hero-actions .primary{background:#8e242b;border-color:#bd7555;animation:download-glow 4.8s ease-in-out infinite}
.hero-actions .primary:hover{background:#a52c32;border-color:#edbb77}
.motion-control{display:inline-flex;gap:8px;align-items:center;cursor:pointer;font-size:14px}
.motion-control input{appearance:none;width:32px;height:18px;margin:0;border:1px solid #727e6b;border-radius:12px;background:#242e28;position:relative;cursor:pointer}
.motion-control input:before{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#a5af9c;transition:transform .2s}
.motion-control input:checked{border-color:#c8a55e;background:#66502c}
.motion-control input:checked:before{transform:translateX(14px);background:#f3d79b}
.motion-control input:disabled{opacity:.5;cursor:not-allowed}
@keyframes valley-drift{from{transform:scale(1.015) translateX(-2px)}to{transform:scale(1.04) translateX(2px)}}
@keyframes spellblade-breathe{0%,100%{transform:translate3d(0,1px,0) rotate(-.22deg) scale(1)}50%{transform:translate3d(2px,-4px,0) rotate(.28deg) scale(1.008)}}
@keyframes warrior-breathe{0%,100%{transform:translate3d(0,0,0) rotate(.2deg)}50%{transform:translate3d(-2px,-5px,0) rotate(-.3deg)}}
@keyframes hand-fire{0%,100%{opacity:.12}45%{opacity:.44}70%{opacity:.24}}
@keyframes title-glow{0%,100%{text-shadow:0 2px 4px #090c09,0 0 9px #c78c4040}50%{text-shadow:0 2px 4px #090c09,0 0 18px #e6ab5680}}
@keyframes download-glow{0%,100%{box-shadow:inset 0 1px #eab86d35,0 0 5px #db89561f}50%{box-shadow:inset 0 1px #f3ce895c,0 0 17px #db895658;border-color:#ddb272}}
body.motion-off .hero *,body.motion-suspended .hero *{animation-play-state:paused!important}
body.motion-off #ambient-effects{display:none}
body.motion-off .spell-flare{opacity:.15;animation:none}
@media(max-width:1050px){.hero-character{height:117%;bottom:-20%}.spellblade{left:-7%}.warrior{right:-7%}}
@media(max-width:760px){.hero-character{height:109%;bottom:-17%;opacity:.8}.spellblade{left:-18%}.warrior{right:-20%}.hero:after{background:linear-gradient(0deg,#09110bdb,#0a130b20 90%)}.hero-content{position:relative;z-index:1}}
@media(max-width:480px){.hero-character{height:100%;bottom:-16%;opacity:.88}.spellblade{left:-24%}.warrior{right:-25%}.hero-logo{width:185px;height:185px}.hero-content{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.hero *{animation:none!important;will-change:auto}#ambient-effects{display:none}.spell-flare{opacity:.15}.motion-control input:before{transition:none}}