:root{color:#f7f4ff;font-synthesis:none;text-rendering:optimizelegibility;background:#08080d;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f7f4ff;background:radial-gradient(circle at 18% 18%,#7a48ff2b,#0000 28%),radial-gradient(circle at 82% 24%,#ff46af1f,#0000 28%),#08080d;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{transition:all .2s}.page{max-width:1400px;margin:0 auto;padding:0 28px}.nav{justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand{letter-spacing:.2em;color:#fff;font-size:1.15rem;font-weight:800}.links{letter-spacing:.04em;align-items:center;gap:34px;font-size:1.18rem;font-weight:600;display:flex}.links a{color:#70ccd4;text-shadow:0 0 10px #70ccd466,0 0 22px #70ccd433}.links a:hover{color:#fff6c9;text-shadow:0 0 12px #fff6c9b3,0 0 28px #fad4868c,0 0 46px #ef519647}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;min-height:72vh;padding:50px 0 80px;display:grid}.hero-copy{max-width:720px}.eyebrow,.section-label{letter-spacing:.18em;color:#a88cff;margin-bottom:18px;font-size:.78rem;font-weight:800}h1{letter-spacing:-.05em;color:#fff;max-width:850px;margin:0 0 28px;font-size:clamp(3rem,7vw,6.4rem);line-height:.98}.hero-text{color:#aaa6b7;max-width:620px;margin-bottom:34px;font-size:1.2rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:700;display:inline-flex}.primary{color:#111118;background:#fff}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffffff1f}.secondary{color:#fff;background:#ffffff0a;border:1px solid #35333e}.secondary:hover{background:#ffffff17}.pixel-wrap{place-items:center;min-height:500px;display:grid;position:relative}.glow{filter:blur(20px);background:radial-gradient(circle,#8453ff8c,#ff41ac3d 42%,#0000 70%);border-radius:50%;width:440px;height:440px;position:absolute}.pixel-face{z-index:2;background:linear-gradient(145deg,#1b1924,#111018);border:1px solid #ffffff21;border-radius:56px;flex-direction:column;justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative;box-shadow:0 30px 90px #7341ff40,0 0 80px #ff3caa1a,inset 0 1px #ffffff14}.eyes{gap:54px;margin-bottom:34px;display:flex}.eyes span{background:#fff;border-radius:50%;width:18px;height:30px}.smile{border-bottom:8px solid #fff;border-radius:0 0 80px 80px;width:88px;height:44px}.try-section{text-align:center;padding:8px 0 72px}.try-intro{letter-spacing:-.015em;color:#f3ead8;max-width:1260px;margin:0 auto 36px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,3.1vw,2.15rem);font-style:italic;line-height:1.45}.try-section .section-label{margin:0 0 36px;font-size:1.56rem}.pxl-card{background:#ffffff0b;border:1px solid #ffffff17;border-radius:34px;flex-direction:column;justify-content:flex-start;max-width:1100px;margin:0 auto;padding:28px 48px 36px;display:flex;position:relative;box-shadow:0 25px 80px #00000047}.pxl-live,.pxl-complete{flex-direction:column;align-items:center;display:flex}.pxl-live[hidden],.pxl-complete[hidden]{display:none}.pxl-category{letter-spacing:.02em;color:#f2b84b;opacity:0;align-self:flex-start;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:1.42rem;font-style:italic;transition:opacity .35s}.pxl-category.is-visible{opacity:1}.pxl-category.is-leaving{opacity:0}.pxl-category[data-category=happiness]{color:#e07ab8}.pxl-category[data-category=business]{color:#f2b84b}.pxl-category[data-category=peace]{color:#70ccd4}.pxl-category[data-category=action]{color:#a88cff}.pxl-hold{color:#aaa6b7;margin:0 0 18px;font-size:1.05rem;line-height:1.5;transition:opacity .35s}.pxl-hold.is-hidden{opacity:0;height:0;margin:0;overflow:hidden}.pxl-quote{letter-spacing:-.02em;color:#fff;opacity:0;width:100%;max-width:100%;min-height:3.2em;margin:0 0 18px;font-size:clamp(1.12rem,2.16vw,1.53rem);font-weight:500;line-height:1.45;transition:opacity .35s,transform .4s;transform:perspective(700px)rotateY(10deg)translate(16px)}.pxl-quote.is-visible{opacity:1;transform:perspective(700px)rotateY(0)translate(0)}.pxl-quote.is-leaving{opacity:0;transform:perspective(700px)rotateY(-10deg)translate(-16px)}.pxl-smile-row{white-space:nowrap;justify-content:space-between;align-items:baseline;width:100%;margin:6px 0 0;display:flex}.pxl-smile-row span{background:linear-gradient(90deg,#fff6c9 0%,#ffe08a 22%,#fff3b0 40%,#e8b04a 62%,#fff1a8 82%,#fff6c9 100%) 0 0/220% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Georgia,serif;font-style:italic;line-height:1.05;animation:7s linear infinite smile-shine}.pxl-smile-row span:first-child{opacity:.58;font-size:clamp(1.2rem,2.5vw,1.9rem);font-weight:500}.pxl-smile-row span:nth-child(2){opacity:.84;font-size:clamp(1.7rem,3.6vw,2.75rem);font-weight:600}.pxl-smile-row span:nth-child(3){opacity:.98;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:600}@keyframes smile-shine{0%{background-position:0%}to{background-position:220%}}.pxl-progress{opacity:0;background:#ffffff14;border-radius:999px;width:min(220px,56%);height:2px;margin-top:22px;transition:opacity .4s;overflow:hidden}.pxl-progress.is-running{opacity:1}.pxl-progress-bar{border-radius:inherit;background:linear-gradient(135deg,#825cff,#d24ea5);width:0;height:100%;display:block}.pxl-progress.is-running .pxl-progress-bar{animation:10s linear forwards pxl-progress}.pxl-live.is-leaving{opacity:0;transition:opacity .35s}.pxl-complete{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(8px)}.pxl-complete.is-visible{opacity:1;transform:translateY(0)}.pxl-earned-mark{object-fit:contain;width:56px;height:56px;margin:4px 0 14px}.pxl-complete-title{letter-spacing:-.04em;color:#fff;margin:0 0 10px;font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:700;line-height:1.1}.pxl-complete-reward{color:#f2b84b;max-width:520px;margin:0;font-size:1.15rem;line-height:1.6}.pxl-create{max-width:1100px;margin:28px auto 0}.pxl-create-own{color:#c8c0b0;margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.15rem,2vw,1.45rem);font-style:italic;line-height:1.55}.pxl-create-examples{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.pxl-own-card{aspect-ratio:16/10;text-align:left;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;margin:0;padding:14px 16px 12px;display:flex;box-shadow:0 18px 50px #00000047}.pxl-own-card span{letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e;margin-bottom:6px;font-size:.62rem;font-weight:800}.pxl-own-card blockquote{color:#f3ead8;flex:1;align-items:center;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(.98rem,1.35vw,1.18rem);font-style:italic;line-height:1.28;display:flex}.pxl-own-card-art{background:radial-gradient(circle at 82% 12%,#ef51966b,#0000 42%),linear-gradient(160deg,#3a1830,#1a1020 55%,#12081c)}.pxl-own-card-body{background:radial-gradient(circle at 18% 88%,#70ccd461,#0000 46%),linear-gradient(160deg,#16323a,#101820 55%,#0c1418)}.pxl-own-card-value{background:radial-gradient(circle at 78% 80%,#fad48652,#0000 46%),linear-gradient(160deg,#3a2a14,#1a1410 55%,#120e0a)}.pxl-masterpiece{text-align:left;border-top:1px solid #ffffff14;grid-template-columns:1fr .9fr;align-items:center;gap:48px;max-width:1100px;margin:48px auto 0;padding-top:36px;display:grid}.pxl-masterpiece-title{letter-spacing:-.02em;color:#a88cff;margin:0 0 14px;font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:700}.pxl-masterpiece-copy{color:#aaa6b7;max-width:34em;margin:0;font-size:1.18rem;line-height:1.75}.masterpiece-stage{aspect-ratio:3/4;background:#0c0b12;border:1px solid #ffffff1a;border-radius:26px;width:100%;max-width:340px;margin-left:auto;position:relative;overflow:hidden;box-shadow:0 22px 60px #00000059}.masterpiece-stage canvas{width:100%;height:100%;display:block}@keyframes pxl-progress{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.pxl-quote,.pxl-category,.pxl-complete,.pxl-live.is-leaving{transition:opacity .2s;transform:none}.pxl-smile-row span{animation:none}.pxl-progress.is-running .pxl-progress-bar{width:100%;animation:none}}.how-section{padding:40px 0 120px}.how-intro{text-align:center;max-width:820px;margin:0 auto 48px}.how-intro h2{letter-spacing:-.03em;color:#fff;margin:0 0 18px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}.how-intro p{color:#aaa6b7;margin:0;font-size:1.15rem;line-height:1.75}.three-up{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature{background:#ffffff09;border:1px solid #ffffff14;border-radius:26px;padding:34px}.feature-diamond{object-fit:contain;width:52px;height:52px;margin-bottom:22px;display:block}.feature-number{letter-spacing:.15em;color:#a88cff;margin-bottom:18px;font-size:.78rem;font-weight:800}.feature h3{color:#fff;margin:0 0 12px;font-size:1.45rem;line-height:1.25}.feature p{color:#9995a6;margin:0;line-height:1.6}.about{border-top:1px solid #292730;grid-template-columns:1fr 1fr;align-items:start;gap:60px;padding:90px 0 130px;display:grid}.about h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1}.about p{color:#aaa6b7;margin:0;font-size:1.15rem;line-height:1.8}footer{color:#777381;border-top:1px solid #292730;justify-content:space-between;align-items:center;gap:20px;padding:32px 0 42px;font-size:.92rem;display:flex}.footer-links{flex-wrap:wrap;gap:22px;display:flex}.footer-links a:hover{color:#fff}@media (width<=900px){.links{display:none}.hero{grid-template-columns:1fr;padding-top:30px}.pixel-wrap{min-height:360px}.three-up,.about{grid-template-columns:1fr}.pxl-card{padding:22px 20px 28px}.try-intro{margin-bottom:28px;font-size:1.28rem}.try-section .section-label{margin-bottom:28px}.pxl-category{font-size:1.28rem}.pxl-quote{min-height:3.6em;font-size:1.08rem}.pxl-hold{font-size:1.05rem}.pxl-create-examples{grid-template-columns:1fr;max-width:360px;margin:0 auto}.pxl-masterpiece{text-align:left;grid-template-columns:1fr;gap:28px}.masterpiece-stage{max-width:280px;margin:0 auto}.pxl-earned-mark{width:56px;height:56px}.pxl-complete-reward{margin-bottom:28px;font-size:1.08rem}}@media (width<=600px){.page{padding:0 18px}.nav{padding:22px 0}.pixel-face{border-radius:42px;width:190px;height:190px}.glow{width:300px;height:300px}footer{flex-direction:column;align-items:flex-start}}.hero-logo{z-index:2;width:320px;max-width:80vw;height:auto;display:block;position:relative}.brand img{width:150px;height:auto;display:block}.hero-tagline{text-align:center;color:#f2b84b;letter-spacing:3px;white-space:nowrap;margin-top:18px;font-size:15px;font-weight:600}.pixel-wrap{flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-video-wrap{border-radius:28px;width:100%;max-width:720px;margin:24px 0 30px;overflow:hidden}.hero-video{border-radius:28px;width:100%;height:auto;display:block}.hero{grid-template-columns:1fr 280px 1fr;align-items:center;gap:35px;min-height:auto;padding-bottom:24px;display:grid}.hero-video-side{grid-column:2;min-width:0}.hero-video-wrap{width:100%;max-width:240px;box-shadow:0 28px 80px gba(0, 0, 0, .38);border-radius:26px;margin-top:22px;overflow:hidden}.hero-video{width:100%;height:auto;display:block}.hero-action-side{flex-direction:column;grid-column:3;justify-content:center;display:flex}.hero-action-side .hero-text{max-width:500px;margin-bottom:34px;font-size:1.2rem;line-height:1.7}.diamond-actions{flex-direction:column;gap:20px;display:flex}.diamond-action{color:#fff;align-items:center;gap:18px;width:fit-content;font-size:1.15rem;font-weight:700;display:flex}.diamond-action img{object-fit:contain;width:72px;height:72px;transition:transform .2s}.diamond-action:hover img{transform:scale(1.08)}.diamond-action:hover span{color:#f2b84b}.hero-message-side{flex-direction:column;grid-column:1;justify-content:center;align-items:flex-start;display:flex}.hero-message-side .eyebrow{background:linear-gradient(90deg,#fff2b8 0%,#ffd978 30%,#fff0ad 55%,#e9ad45 80%,#fff2b8 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:1.05rem;color:#0000!important}.hero-message-side h1{color:#fff;max-width:420px;margin:0;font-size:3rem;font-weight:700;line-height:1.05}@media (width<=900px){.hero{grid-template-columns:1fr;gap:42px}.hero-video-wrap{max-width:100%}.diamond-actions{gap:16px}}