@font-face{font-family:FusionPixel;src:url(/fonts/fusion-pixel-12px-proportional-zh_hans.otf.woff2) format("woff2");font-display:swap}:root{--bg: #fbf5e9;--ink: #3e2c3c;--soft: #7a6672;--plum: #5b3a52;--coral: #f07a6a;--coral-dark: #c95a4c;--mint: #9bd4c3;--line: #eadfcb}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}img,canvas{image-rendering:pixelated;image-rendering:crisp-edges}h1,h2,h3,.cta{font-family:FusionPixel,-apple-system,sans-serif;font-weight:400}.nav,main,footer{width:min(1080px,100% - 40px);margin:0 auto}.nav{padding:24px 0 8px}.brand{display:inline-block;line-height:0}.brand img{width:138px;height:auto}.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;padding:40px 0 72px}h1{font-size:48px;line-height:1.15;margin:0 0 20px;color:var(--plum);letter-spacing:.5px}.lead{margin:0 0 28px;color:var(--soft);max-width:34em}.go{display:flex;align-items:flex-end;gap:6px}.cta{display:inline-block;padding:12px 30px;font-size:22px;color:#fff;text-decoration:none;background:var(--coral);border-radius:10px;box-shadow:0 4px 0 var(--coral-dark);transition:transform .1s,box-shadow .1s}.cta:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--coral-dark)}.cta:active{transform:translateY(3px);box-shadow:0 1px 0 var(--coral-dark)}.cta-cat{width:64px;height:128px;margin:-76px 0 -4px}.note{margin:14px 0 0;font-size:14px;color:var(--soft)}.shot{margin:0;position:relative}.shot img,.shot canvas{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 0 0 4px var(--plum),10px 12px #5b3a522e}.shot canvas{position:absolute;inset:0;opacity:0;transition:opacity .4s}.live .shot canvas{opacity:1}.points{padding:40px 0 64px;border-top:2px solid var(--line)}.banner{position:relative;display:table;margin:72px auto 52px;padding:0 34px;font-size:26px;line-height:1;color:var(--plum);border:18px solid transparent;border-image:url(/home/plank.png) 6 fill / 18px stretch}.banner span{display:block;padding:2px 0 6px;white-space:nowrap}.sprout{position:absolute;bottom:100%;width:48px;height:96px;margin-bottom:9px}#sprout-l{left:-6px}#sprout-r{right:-6px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.frame{position:relative;width:320px;max-width:100%;margin:14px auto 30px;background:#a8c85a}.frame canvas{display:block;width:100%;height:auto;aspect-ratio:160 / 112}.frame:after{content:"";position:absolute;inset:-14px;border:32px solid transparent;border-image:url(/ui/frame.png) 16 / 32px stretch;pointer-events:none}.points h3{font-size:22px;line-height:1.3;margin:0 0 8px;color:var(--plum)}.points p{margin:0;color:var(--soft);font-size:16px}footer{padding:24px 0 40px;font-size:13px;color:var(--soft);border-top:2px solid var(--line)}@media(max-width:820px){.hero{grid-template-columns:1fr;gap:32px;padding:24px 0 48px}h1{font-size:34px}.points{padding:28px 0 44px}.banner{font-size:22px;margin:64px auto 36px}.cards{grid-template-columns:1fr;gap:28px}}