*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07111d;color:#f7fbff;font-family:Inter,system-ui,sans-serif}header{height:68px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#07111df2;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.logo{font-size:17px;letter-spacing:.4px}.logo b{color:#6ee7a0}nav{display:flex;gap:24px}nav a{color:#b8c7d9;text-decoration:none;font-size:14px}.hero{min-height:510px;padding:75px 9%;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 80% 40%,#244e7b55,transparent 35%),linear-gradient(135deg,#081521,#0b1d2d)}.eyebrow{font-size:11px;letter-spacing:2px;color:#6ee7a0;font-weight:900;margin:0 0 10px}h1{font-size:clamp(48px,8vw,92px);line-height:.94;margin:0 0 22px;letter-spacing:-4px}h1 span{color:#6ee7a0}.hero p:not(.eyebrow){font-size:18px;color:#aebed0}.cta,.play{display:inline-block;margin-top:18px;background:#6ee7a0;color:#06140b;text-decoration:none;font-weight:900;padding:12px 17px;border-radius:10px}.hero-art{font-size:180px;filter:drop-shadow(0 30px 30px #0008);transform:rotate(-8deg)}main{padding:65px 7%;max-width:1300px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2,.about h2{font-size:34px;margin:0}.section-head>span{color:#71869d;font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#0d1b2a;border:1px solid #ffffff10;border-radius:18px;overflow:hidden;box-shadow:0 15px 35px #0003;transition:.2s}.card:hover{transform:translateY(-6px);border-color:#6ee7a055}.card.featured{grid-column:span 2}.art{height:170px;display:grid;place-items:center;font-size:75px;background:linear-gradient(135deg,#152d43,#0c1723)}.red{background:linear-gradient(135deg,#5b202d,#171323)}.blue{background:linear-gradient(135deg,#173e5b,#111d36)}.purple{background:linear-gradient(135deg,#47235b,#17162f)}.green{background:linear-gradient(135deg,#18533c,#102a27)}.body{padding:18px}.tag{font-size:9px;letter-spacing:1.5px;color:#6ee7a0;font-weight:900}.body h3{font-size:22px;margin:7px 0}.body p{color:#91a5b9;line-height:1.5;font-size:13px;min-height:58px}.play{font-size:12px;padding:9px 12px;margin-top:4px}.about{padding:70px 9%;background:#0b1825;border-top:1px solid #ffffff0b}.about p{max-width:620px;color:#98aabd;line-height:1.7}.about small{color:#607489}footer{text-align:center;padding:28px;color:#52667a;font-size:12px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.card.featured{grid-column:span 2}.hero-art{font-size:110px}}@media(max-width:560px){header{padding:0 15px}.hero{padding:55px 7%;min-height:460px}.hero-art{display:none}h1{letter-spacing:-2px}.grid{grid-template-columns:1fr}.card.featured{grid-column:auto}.art{height:140px}main{padding:45px 15px}.about{padding:50px 15px}}