@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{--ink:#171b35;--cream:#fffdf7;--purple:#654ff0;--muted:#686b7c;--line:#e9e6df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:11px;font:800 23px/1 "Manrope",sans-serif;letter-spacing:-.8px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:var(--ink);font-size:18px}header{height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efece5;background:#fffdf7eF}nav{display:flex;gap:35px;color:#505365;font-size:14px;font-weight:600}nav a:hover,footer a:hover{color:var(--purple)}.hero{min-height:620px;padding:80px max(8vw,30px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:8%;position:relative;overflow:hidden;background:#f5f0ff}.hero:after{content:"";position:absolute;inset:auto 0 0;height:9px;background:repeating-linear-gradient(90deg,#ffbf48 0 60px,#7d69f7 60px 120px,#fa8d72 120px 180px,#65cbbc 180px 240px)}.eyebrow{display:inline-block;padding:8px 14px;border:1px solid #ddd5fb;border-radius:99px;background:white;color:#5842da;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.hero h1{margin:24px 0 20px;font:800 clamp(48px,6vw,84px)/1 "Manrope",sans-serif;letter-spacing:-4px}.hero h1 em{color:var(--purple);font-style:normal}.hero-copy p{max-width:580px;margin:0;color:var(--muted);font-size:19px;line-height:1.65}.cta{display:inline-flex;gap:25px;align-items:center;margin-top:32px;padding:15px 20px;border-radius:12px;background:var(--ink);color:white;font-weight:700}.cta span{color:#a99cff}.game-window{height:390px;border:8px solid var(--ink);border-radius:28px;background:white;box-shadow:22px 22px 0 #facf69;transform:rotate(2deg);overflow:hidden}.window-bar{height:44px;padding:15px;display:flex;gap:7px;background:var(--ink)}.window-bar i{width:10px;height:10px;border-radius:50%;background:#ff806b}.window-bar i:nth-child(2){background:#ffd05c}.window-bar i:nth-child(3){background:#68d2b2}.pixel-scene{height:calc(100% - 44px);position:relative;overflow:hidden;background:linear-gradient(#9edcf6 0 68%,#c3e889 68%)}.cloud{position:absolute;width:85px;height:24px;border-radius:20px;background:white;box-shadow:23px -13px 0 -2px white}.cloud-one{top:60px;left:45px}.cloud-two{top:105px;right:30px;transform:scale(.7)}.coin{position:absolute;top:95px;left:54%;width:48px;height:48px;display:grid;place-items:center;border:5px solid #e5a82b;border-radius:50%;background:#ffd55f;color:#fff3b5;font-size:22px}.player{position:absolute;z-index:2;bottom:42px;left:30%;width:55px;height:62px;display:grid;place-items:center;border-radius:15px 15px 8px 8px;background:#6a55ed;color:white;font-size:25px}.ground{position:absolute;inset:auto 0 0;height:48px;background:#4d8b52;border-top:9px solid #7ab766}.games{max-width:1280px;margin:auto;padding:100px 30px 120px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section-title span{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.section-title h2{margin:7px 0 0;font:800 clamp(32px,4vw,48px) "Manrope";letter-spacing:-2px}.section-title p{color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{min-height:365px;padding:30px;display:flex;flex-direction:column;border-radius:24px}.game-card.purple{background:#ece7ff}.game-card.yellow{background:#fff0bd}.game-card.mint{background:#daf4e8}.game-icon{width:70px;height:70px;display:grid;place-items:center;margin-bottom:auto;border-radius:20px;background:#ffffffa8;font-size:32px}.game-card small{text-transform:uppercase;letter-spacing:1.2px;font-weight:800;color:#77798a}.game-card h3{margin:6px 0 8px;font:800 26px "Manrope"}.game-card p{margin:0;color:#5d6072;line-height:1.5}.game-card button{align-self:flex-start;margin-top:24px;padding:10px 14px;border:0;border-radius:9px;background:#ffffffb8;color:#5d6072;font:700 12px "DM Sans"}footer{min-height:135px;padding:35px max(5vw,30px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white}footer p{color:#b8bac7}footer>div{display:flex;gap:25px;align-items:center;color:#aeb0be;font-size:12px}footer>div a{color:white;font-weight:600}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.game-window{display:none}.game-grid{grid-template-columns:1fr}.game-card{min-height:300px}.section-title{align-items:start;flex-direction:column}.section-title p{margin-bottom:0}}
@media(max-width:620px){header{height:68px}nav a:first-child{display:none}.hero{padding:60px 22px 70px}.hero h1{font-size:51px;letter-spacing:-2.5px}.hero-copy p{font-size:16px}.games{padding:75px 20px 90px}footer{flex-direction:column;gap:15px;text-align:center}footer>div{flex-direction:column;gap:8px}}