.wrap{max-width:1160px;margin:0 auto;padding:0 24px;position:relative}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#ffd27a;background:#ffd27a1f;border:1px solid #ffd27a4d;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-block}.cta{border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.cta:hover{transform:translateY(-2px)}.cta.gold{color:#2a1300;background:linear-gradient(135deg,#ffd25a,#ff9a2a);box-shadow:0 10px 30px #ffa02859}.cta.glass{color:#fff;backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff3}.cta.glass img{border-radius:7px}.world{color:var(--ink);background:linear-gradient(160deg, var(--from), var(--to));padding:110px 0;position:relative;overflow:hidden}.world-art{background:var(--bg-art) right center / cover no-repeat;opacity:.38;filter:saturate(1.15);position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 30%,#000 75%)}.world.flip .world-art{background-position:0;mask-image:linear-gradient(270deg,#0000 30%,#000 75%)}.world.light .world-art{opacity:.5}.world-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.world.flip .world-copy{order:2}.world-copy{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.world-id{align-items:center;gap:16px;display:flex}.world-id img{box-shadow:0 12px 30px #00000059, 0 0 40px color-mix(in srgb, var(--glow) 60%, transparent);border:3px solid #fff;border-radius:24px}.genre{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--glow) 25%, transparent);border:1px solid color-mix(in srgb, var(--glow) 60%, transparent);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.world h2{text-shadow:0 4px 0 #00000026, 0 0 40px color-mix(in srgb, var(--glow) 40%, transparent);font-size:clamp(46px,6vw,80px);line-height:1}.world.light h2{text-shadow:0 3px #fffc}.lede{opacity:.92;max-width:34ch;margin:0;font-size:20px}.features{grid-template-columns:1fr 1fr;gap:10px 22px;margin:4px 0;padding:0;list-style:none;display:grid}.features li{padding-left:30px;font-weight:600;position:relative}.features li:before{content:"";background:var(--glow);width:20px;height:20px;box-shadow:0 0 14px color-mix(in srgb, var(--glow) 70%, transparent);border-radius:7px;position:absolute;top:.2em;left:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' rx='7'/%3E%3C/svg%3E")}.features li:after{content:"";border:2.5px solid #1b1200;border-width:0 2.5px 2.5px 0;width:5px;height:10px;position:absolute;top:calc(.2em + 4px);left:7px;transform:rotate(45deg)}.world-cta{flex-wrap:wrap;align-items:center;gap:22px;margin-top:6px;display:flex}.cta.play{background:var(--glow);color:#1b1200;box-shadow:0 12px 30px color-mix(in srgb, var(--glow) 45%, transparent)}.cta.soon{color:var(--ink);background:#ffffff8c;border:1.5px dashed}.more{font-weight:700;text-decoration:none}.more:hover{text-decoration:underline}.legal{opacity:.75;margin:0;font-size:13px}.phones{height:560px;position:relative}.phone{aspect-ratio:9/16;background:#111;border-radius:34px;width:230px;padding:8px;transition:transform .4s;position:absolute;overflow:hidden;box-shadow:0 30px 60px #00000073,inset 0 0 0 2px #333}.phone img{object-fit:cover;border-radius:27px;width:100%;height:100%;display:block}.phone.p0{z-index:1;top:70px;left:2%;transform:rotate(-8deg)}.phone.p1{z-index:3;width:260px;box-shadow:0 40px 80px #00000080, 0 0 70px color-mix(in srgb, var(--glow) 55%, transparent), inset 0 0 0 2px #333;top:0;left:50%;transform:translate(-50%)}.phone.p2{z-index:2;top:90px;right:2%;transform:rotate(8deg)}.phones:hover .phone.p0{transform:rotate(-11deg)translate(-10px)}.phones:hover .phone.p2{transform:rotate(11deg)translate(10px)}.mood-fx{pointer-events:none;position:absolute;inset:0}.snow .mood-fx{opacity:.7;background-image:radial-gradient(2.5px 2.5px at 30px 40px,#fff 50%,#0000 55%),radial-gradient(2px 2px at 120px 90px,#fff 50%,#0000 55%),radial-gradient(3px 3px at 200px 20px,#fff 50%,#0000 55%),radial-gradient(1.5px 1.5px at 260px 150px,#fff 50%,#0000 55%);background-size:300px 200px;animation:14s linear infinite snow}@keyframes snow{to{background-position:60px 400px,-40px 400px,30px 400px,-20px 400px}}.candy .mood-fx{background:radial-gradient(40% 50% at 20% 85%,#ffbe3c4d,#0000 70%),radial-gradient(35% 45% at 85% 10%,#ff78dc4d,#0000 70%)}.sky .mood-fx{opacity:.75;background:radial-gradient(60px 40px at 10% 20%,#fff 60%,#0000 62%),radial-gradient(90px 50px at 14% 22%,#fff 60%,#0000 62%),radial-gradient(80px 45px at 85% 85%,#fff 60%,#0000 62%),radial-gradient(110px 55px at 90% 88%,#fff 60%,#0000 62%);animation:30s ease-in-out infinite alternate drift}@keyframes drift{to{transform:translate(40px)}}.world.light .cta.play{color:#0d3b00}@media (width<=900px){.world{padding:70px 0}.world-grid{grid-template-columns:1fr}.world.flip .world-copy{order:0}.phones{height:420px}.phone{width:170px}.phone.p1{width:196px}.features{grid-template-columns:1fr}}@media (width<=520px){.phones{height:340px}.phone{border-radius:24px;width:130px;padding:6px}.phone img{border-radius:19px}.phone.p1{width:156px}}@media (prefers-reduced-motion:reduce){.snow .mood-fx,.sky .mood-fx{animation:none}}html.night:has(main>.world.light:first-child) .top .logo,html.night:has(main>.world.light:first-child) .top nav a{color:#0d4b4f}
