.apps .service-card{min-height:310px;padding:34px 25px;display:block;text-align:center;border:1px solid #e7ddf8;border-radius:10px;background:#fcfaff;box-shadow:0 8px 25px rgba(73,54,132,.1);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.apps .service-card:hover{transform:translateY(-7px);border-color:#a98be8;box-shadow:0 18px 40px rgba(89,60,161,.2)}
.apps .service-card span{display:inline-block;margin-top:12px;padding:8px 22px;border:1px solid #d8c9f3;border-radius:30px;color:#765fc8;font-size:14px;font-weight:700;background:#fff;transition:.25s}
.apps .service-card:hover span{color:#fff;border-color:#765fc8;background:#765fc8}
.apps .app-icon{overflow:hidden;background:#f2ecff}
.apps .app-icon img{width:100%;height:100%;display:block;object-fit:contain}
.game-art img{width:100%;height:320px;display:block;object-fit:contain}
.hero-waves{position:absolute;z-index:3;left:0;right:0;bottom:-1px;height:115px;overflow:hidden;pointer-events:none}
.hero-waves .wave{position:absolute;bottom:0;left:-10%;width:120%;height:100%;transform-origin:center bottom}
.wave-back{fill:rgba(240,226,255,.38);animation:wave-drift-a 8s ease-in-out infinite alternate}
.wave-mid{fill:rgba(255,255,255,.58);animation:wave-drift-b 10s ease-in-out infinite alternate-reverse}
.wave-front{fill:#fff;animation:wave-drift-a 12s ease-in-out infinite alternate-reverse}
@keyframes wave-drift-a{0%{transform:translateX(-2%) scaleY(.9)}100%{transform:translateX(3%) scaleY(1.08)}}
@keyframes wave-drift-b{0%{transform:translateX(3%) scaleY(1.04)}100%{transform:translateX(-3%) scaleY(.88)}}
@media(max-width:800px){
  .apps .service-card{min-height:205px;padding:22px 14px}
  .apps .service-card .app-icon{width:62px;height:62px;margin-bottom:14px;border-radius:18px;font-size:24px}
  .apps .service-card h2,.apps .service-card h3{margin:0 0 10px;font-size:17px}
  .apps .service-card p{margin:0;font-size:12px;line-height:1.65}
  .apps .service-card span{margin-top:12px;padding:6px 15px;font-size:12px}
  .hero-waves{height:74px}
}
@media(prefers-reduced-motion:reduce){.hero-waves .wave,.apps .service-card{animation:none;transition:none}}

/* Compact rhythm and stronger motion */
main>section{padding-top:42px;padding-bottom:42px}
.hero{min-height:540px;margin-bottom:-24px}
.hero-inner{padding-top:58px}
.hero-waves{height:154px}
.hero-waves .wave{left:-22%;width:144%}
.wave-back{animation-duration:4.8s}
.wave-mid{animation-duration:6.2s}
.wave-front{animation-duration:7.5s}
@keyframes wave-drift-a{0%{transform:translateX(-9%) scaleY(.64) skewX(-2deg)}50%{transform:translateX(2%) scaleY(1.35) skewX(1deg)}100%{transform:translateX(10%) scaleY(.82) skewX(2deg)}}
@keyframes wave-drift-b{0%{transform:translateX(10%) scaleY(1.38) skewX(2deg)}50%{transform:translateX(-2%) scaleY(.7) skewX(-1deg)}100%{transform:translateX(-10%) scaleY(1.2) skewX(-2deg)}}
.apps{padding-top:42px;padding-bottom:22px;gap:16px}
.apps .service-card{min-height:244px;padding:24px 20px}
.apps .service-card .app-icon{margin-bottom:15px}
.apps .service-card h2,.apps .service-card h3{margin-bottom:10px}
.apps .service-card p{margin:0;line-height:1.65}
.apps .service-card span{margin-top:10px;padding:6px 18px}
.about{padding-top:60px;gap:42px}
.visual{min-height:365px}
.about-copy>h2,.title h2{margin-bottom:12px}
.about-copy>p{line-height:1.7}
.about-copy article{margin-top:18px}
.title{margin-bottom:22px}
.faq details{margin-bottom:8px;padding:14px 18px}
.game-panel{margin-top:20px;padding:30px 42px}
.game-art img{height:260px}
.stats{padding-top:38px!important;padding-bottom:38px!important}
.stats b{font-size:30px}
.news-grid{gap:14px}
.news-grid article{padding:24px}
footer{padding:30px 0}

@media(max-width:800px){
  main>section{padding-top:28px;padding-bottom:28px}
  .hero{min-height:475px;margin-bottom:-12px}
  .hero-inner{padding-top:46px}
  .hero h1{margin:8px 0;font-size:32px;line-height:1.12}
  .hero h2{margin:0;font-size:13px;line-height:1.6}
  .hero-buttons{gap:8px;margin-top:16px}
  .hero-buttons a{padding:8px 6px}
  .hero-waves{height:92px}
  .apps{padding-top:26px;padding-bottom:12px;gap:10px}
  .apps .service-card{min-height:168px;padding:15px 10px;border-radius:9px}
  .apps .service-card .app-icon{width:54px;height:54px;margin-bottom:9px;border-radius:15px}
  .apps .service-card h2,.apps .service-card h3{margin-bottom:6px;font-size:15px}
  .apps .service-card p{font-size:11px;line-height:1.45}
  .apps .service-card span{margin-top:8px;padding:5px 12px;font-size:11px}
  .about{padding-top:30px;gap:20px}
  .visual{min-height:255px}
  .about-copy>h2,.title h2{font-size:24px}
  .about-copy article{gap:12px;margin-top:14px}
  .about-copy article i{flex-basis:46px;height:46px;font-size:19px}
  .about-copy article p{font-size:12px}
  .title{margin-bottom:16px}
  .faq{padding-top:30px;padding-bottom:30px}
  .faq details{margin-bottom:7px;padding:12px 14px}
  .game-tabs{gap:6px}
  .game-panel{margin-top:14px;padding:20px 15px;gap:8px}
  .game-panel p{line-height:1.6}
  .game-art img{height:190px}
  .stats{padding-top:28px!important;padding-bottom:28px!important}
  .stats .wrap{gap:18px}
  .stats b{font-size:27px}
  .news-grid{gap:9px}
  .news-grid article{padding:17px}
  .news-grid i{font-size:30px}
  .news-grid h3{margin:8px 0;font-size:16px}
  .news-grid p{margin:0;font-size:12px;line-height:1.55}
  footer{padding:24px 0}
  footer .wrap{gap:14px}
}