:root{--bg: #ffffff;--text: #1a2440;--muted: #53637f;--a: #ff9c73;--b: #ffd46a;--c: #6ae3ff;--d: #9ad0ff;--e: #ff78a0}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.site{min-height:100dvh;background:radial-gradient(900px 420px at 8% -10%,#fff0db 0%,transparent 60%),radial-gradient(900px 420px at 92% -12%,#e9f6ff 0%,transparent 60%),conic-gradient(from 210deg at 50% 50%,#fef6f0,#f2fbff,#f9f4ff,#fef6f0);color:var(--text);display:grid;grid-template-rows:auto 1fr auto}.hero{position:relative;padding:72px 24px 24px;text-align:center}.hero__title{font-size:clamp(40px,6vw,72px);letter-spacing:-.02em;margin:0;font-weight:800;background:linear-gradient(90deg,#ff9c73,#64b5ff,#ffd46a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__tagline{margin:10px 0 0;color:var(--muted);font-weight:500}.hero__cloud{position:absolute;filter:blur(50px);opacity:.45}.cloud-a{width:320px;height:320px;left:-40px;top:-80px;background:radial-gradient(circle at 30% 30%,#ffd46a,transparent 60%)}.cloud-b{width:340px;height:340px;right:-60px;top:-100px;background:radial-gradient(circle at 70% 40%,#64b5ff,transparent 60%)}.grid{display:grid;gap:22px;padding:32px 24px 48px;grid-template-columns:repeat(12,1fr)}.tile{position:relative;border-radius:24px;padding:22px;display:grid;grid-template-columns:120px 1fr;align-items:center;overflow:hidden;isolation:isolate;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(26,36,64,.08);box-shadow:0 10px 24px #1a244014}.tile__badge{position:absolute;top:14px;left:18px;font-weight:800;color:var(--text);background:#fff;padding:4px 10px;border-radius:999px;font-size:14px;mix-blend-mode:normal;box-shadow:0 4px 12px #1a24401a}.tile__media{display:grid;place-items:center}.icon{width:100px;height:100px}.tile__text h2{margin:0 0 6px;font-size:24px}.tile__text p{margin:0;color:var(--muted)}.tile--runner{grid-column:span 7}.tile--runner:after{content:"";position:absolute;inset:-40% -10% auto auto;height:160%;width:60%;transform:rotate(-12deg);background:linear-gradient(90deg,var(--a),transparent);opacity:.25}.tile--puzzle{grid-column:span 5}.tile--puzzle:after{content:"";position:absolute;right:-40px;bottom:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--c),transparent 60%);opacity:.3}.tile--orbit{grid-column:span 6}.tile--orbit:after{content:"";position:absolute;left:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--d),transparent 60%);opacity:.3}.tile--memory{grid-column:span 6}.tile--memory:after{content:"";position:absolute;right:-40px;top:-30px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--e),transparent 60%);opacity:.3}.tile--rhythm{grid-column:span 6}.tile--rhythm:after{content:"";position:absolute;left:-30px;bottom:-30px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#ffe9a6,transparent 60%);opacity:.35}.tile--word{grid-column:span 12}.foot{padding:24px;text-align:center;color:var(--muted)}@media (max-width: 900px){.grid{grid-template-columns:repeat(6,1fr)}.tile--runner,.tile--puzzle,.tile--orbit,.tile--memory,.tile--word{grid-column:span 6}}@media (max-width: 560px){.grid{grid-template-columns:repeat(1,1fr)}.tile{grid-template-columns:1fr;text-align:center}.tile__badge{left:14px}}