.syonit-page{color:#fff;text-align:center;background:linear-gradient(#ff8c00,#f97316);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100svh;padding:30px 20px;font-family:system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.intro-header{justify-self:flex-start;margin-bottom:40px}.intro-header h1{margin-bottom:20px;font-size:clamp(4.5rem,14vw,9rem);font-weight:900;line-height:.9}.intro-btn{color:#fff}.intro-subtitle{margin:8px 0 20px;font-size:32px;font-weight:600;line-height:1.2}.character-image{place-self:center;width:100%;max-width:600px;margin:20px 0 40px}.characters{flex-shrink:0;max-width:95%;height:auto;margin:20px 0;transform:scaleY(1.2)}.labels{justify-content:space-around;width:100%;max-width:800px;margin-top:-10px;font-size:clamp(1.3rem,4.5vw,2.8rem);font-weight:700;display:flex}.start-button{color:#fff;background:#d94600;border:none;border-radius:50px;justify-self:flex-end;margin-bottom:40px;padding:18px 60px;font-size:clamp(1.6rem,5vw,2.6rem);font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 12px 30px #0006}.start-button:hover{background:#c2410c;transform:translateY(-6px)scale(1.05);box-shadow:0 20px 40px #00000080}