.hero{background:transparent;display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-block:75px;min-height:630px;overflow:visible}
.hero:after{display:none}
.hero-copy{width:100%;margin:0}
.hero h1{font-size:clamp(90px,10vw,137px)}
.script-stage{position:relative;min-height:470px;display:grid;place-items:center;isolation:isolate}
.stage-maps{position:absolute;inset:0;z-index:-1;pointer-events:none}
.stage-map{position:absolute;width:65%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;box-shadow:0 20px 45px #070b1838;opacity:.75}
.map-one{left:-8px;top:0;transform:rotate(-9deg)}
.map-two{right:-8px;bottom:0;transform:rotate(8deg)}
.script-window{width:87%;max-width:375px;border-radius:22px;background:linear-gradient(145deg,#354259ed,#232c3eee);backdrop-filter:blur(22px);box-shadow:0 25px 60px #070d244d,inset 0 1px #ffffff26;position:relative;overflow:hidden;transition:transform .5s ease;animation:stageEnter 1s ease both}
.script-window:hover{transform:translateY(-6px)}
.script-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,#ffffff08 35%,transparent 50%);background-size:280% 100%;animation:stageShine 9s ease-in-out infinite}
.script-window-head{display:flex;align-items:center;gap:12px;padding:21px 23px;direction:ltr}
.script-window-head strong{font-size:25px;letter-spacing:-.7px}.script-window-head>span{margin-left:auto;color:#b6c5e1;font-size:13px}
.script-window-body{padding:5px 19px 20px}.stage-label{display:block;color:#b8c6dc;font-size:12px;margin:0 5px 12px}
.stage-game{display:flex;align-items:center;gap:13px;direction:ltr;padding:9px 7px;border-radius:12px}
.stage-game img{width:60px;height:40px;object-fit:cover;border-radius:7px}
.stage-game span{font-size:13px;color:#edf2fc}.stage-game span:last-child{margin-left:auto;color:#aebfe5}
.stage-action{margin:0 23px 23px;padding:14px 16px;border-radius:11px;display:flex;justify-content:space-between;background:#c2cfff;color:#22304e;font-size:13px;font-weight:600}
@keyframes stageEnter{from{opacity:0;transform:translateY(24px) rotate(2deg)}to{opacity:1;transform:none}}
@keyframes stageShine{0%,60%{background-position:150% 0}95%,100%{background-position:-100% 0}}
@media(max-width:1000px){.hero{gap:20px}.hero h1{font-size:95px}.stage-map{width:74%}.script-window{width:92%}}
@media(max-width:720px){.hero{display:flex;flex-direction:column;padding-top:55px;padding-bottom:10px;gap:45px;min-height:0}.hero-copy{width:100%}.script-stage{width:100%;max-width:430px;min-height:465px}.hero h1{font-size:90px}.stage-map{width:65%}.map-one{left:0}.map-two{right:0}.script-window{width:86%}.hero-buttons .button{min-width:140px}.hero-description{max-width:340px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.script-window,.script-window:after{animation:none}.script-window:hover{transform:none}}