:root{--paper:#f8f9f6;--ink:#354b51;--muted:#62787e;--blue:#b8d8e6;--peach:#edc4aa;--sage:#cad6bd;--accent:#227899;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,p,figure{margin:0}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--blue)}.wrap{width:min(1100px,calc(100% - 112px));margin-inline:auto}.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;letter-spacing:-.05em}.brand img{border-radius:11px}.brand small{display:block;font-size:9px;letter-spacing:.14em;font-weight:400;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:12px}.site-header nav>a:not(.header-download){padding-block:12px}.header-download img{height:38px;width:auto}.hero{position:relative;padding:52px 0 44px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center}.hero-copy{position:relative;z-index:2;padding-bottom:50px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:500;color:var(--muted);margin-bottom:30px;display:flex;align-items:center;gap:15px}h1{font-size:clamp(38px,4.25vw,59px);font-weight:500;line-height:1.6;letter-spacing:.025em}.hero-sub{font-size:18px;margin-top:20px;letter-spacing:.04em}.body-copy{font-size:15px;line-height:2.3;letter-spacing:.025em}.hero-copy .body-copy{margin:28px 0 30px}.store-link{display:inline-block;transition:transform .25s}.store-link:hover{transform:translateY(-3px)}.store-link img{height:50px;width:auto}.fine{font-size:10px;line-height:1.9;color:var(--muted);margin-top:17px}.hero-art{height:660px;position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:20px}.phone{position:relative;z-index:1;width:248px;border:6px solid #354144;border-radius:36px;background:#f6fafc;overflow:hidden;box-shadow:2px 2px 0 1px #a7b2b1,15px 24px 40px -20px #263f5140}.phone img{width:100%;height:auto}.hero-phone{width:260px;transform:rotate(5deg)}.block-board{position:absolute;display:grid;gap:5px;pointer-events:none}.block{background:var(--tile);border-radius:5px;position:relative}.block:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff45;border-radius:2px}.hero-blocks{width:530px;height:636px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);bottom:0;left:-16px;transform:rotate(-4deg)}.art-label{position:absolute;bottom:-25px;right:30px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.15em}.little-square{width:11px;height:11px;background:var(--peach);border-radius:2px}.scroll-cue{display:flex;gap:25px;align-items:center;font-size:9px;letter-spacing:.16em;margin-top:45px}.scroll-cue span:last-child{font-size:23px}.intro{position:relative;padding:150px 0 155px;text-align:center}.intro .eyebrow{justify-content:center}.intro h2{font-size:36px}.intro .body-copy{margin-top:32px}.intro-steps{height:65px;display:flex;gap:5px;align-items:flex-end;justify-content:center;margin-top:42px}.intro-steps i{display:block;width:22px;height:22px;background:var(--blue);border-radius:3px}.intro-steps i:nth-child(2){height:44px}.intro-steps i:nth-child(3){height:66px;background:var(--peach)}.intro-steps i:nth-child(4){height:44px;background:var(--peach)}.intro-steps i:nth-child(5){background:var(--sage)}.intro-steps i:nth-child(6){height:44px;background:var(--sage)}h2{font-size:clamp(32px,3.55vw,48px);line-height:1.65;letter-spacing:.04em;font-weight:500}.feature{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:60px 0 140px}.number{display:grid;place-items:center;width:34px;height:34px;border-radius:5px;background:var(--blue);color:var(--ink);letter-spacing:0;font-size:11px}.peach{background:var(--peach)}.sage{background:var(--sage)}.feature-copy .body-copy{margin-top:27px}.quiet-copy{font-size:12px;color:var(--muted);line-height:2.25;margin-top:22px}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:28px;padding-block:14px;border-bottom:1px solid #bacace;margin-top:20px}.text-link:hover{color:var(--accent)}.screen-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 0}.screen-stage .phone{width:235px}.side-blocks{width:420px;height:504px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);left:0;top:70px}.screen-switch{position:relative;z-index:2;display:flex;gap:6px;margin-top:30px;padding:5px;background:#eaf0ee;border-radius:30px}.screen-switch button{background:transparent;border:1px solid transparent;border-radius:25px;padding:10px 20px;font-size:11px}.screen-switch button[aria-pressed="true"]{background:var(--paper);border-color:#bcced1}.cheer{padding-top:65px;padding-bottom:150px}.character-tile{position:absolute;z-index:2;bottom:70px;left:-15px;padding:16px 20px;background:#fffaf3;box-shadow:0 10px 30px #354b5110;transform:rotate(-6deg);display:flex;align-items:center;gap:12px;border-radius:8px}.character-tile img{width:58px}.character-tile span{font-size:10px}.reward-section{padding:65px 0 125px}.reward-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.reward-art{height:440px;position:relative}.reward-blocks{width:100%;height:100%;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.reward-word{position:absolute;left:28px;top:20px;line-height:1.1;font-size:52px;letter-spacing:-.05em;color:#486669;font-weight:500}.privacy{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid #d9e0dc;padding-block:100px}.privacy h2{font-size:31px}.privacy .eyebrow{font-size:9px}.privacy .body-copy{font-size:14px}.download{position:relative;overflow:hidden;padding:140px 0 170px;text-align:center}.download-content{position:relative;z-index:1}.app-icon{border-radius:19px;margin:0 auto 26px;box-shadow:0 8px 24px #354b5112}.download .eyebrow{justify-content:center;font-size:9px;margin-bottom:20px}.download h2{font-size:33px;margin-bottom:28px}.bottom-blocks{width:100%;min-width:1000px;height:300px;bottom:-70px;left:50%;transform:translateX(-50%);grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(4,1fr);opacity:.6}.site-footer{padding:48px 0 76px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-jp{font-size:9px;letter-spacing:.1em;font-weight:400}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:10px}.disclaimer{margin-top:38px;font-size:9px;line-height:1.9;color:var(--muted)}.site-footer small{display:block;font-size:9px;color:var(--muted);margin-top:15px}.motion-toggle{position:fixed;bottom:16px;left:16px;z-index:5;display:flex;gap:8px;border:1px solid #ced9d4;background:#f8f9f6ed;border-radius:24px;padding:10px 14px;font-size:10px}.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:12px;background:white;transform:translateY(-200%)}.skip-link:focus{transform:none}.mobile-only{display:none}
.js .reveal{opacity:0;transform:translateY(35px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}.js .reveal.visible{opacity:1;transform:none}.js .block{animation:stack-in 1.6s var(--ease) both;animation-delay:var(--delay,0s)}.js .hero-phone{animation:phone-in 1.5s var(--ease) both}.motion-paused .block,.motion-paused .hero-phone{animation:none!important}.motion-paused .reveal{transition:none;opacity:1;transform:none}@keyframes stack-in{from{opacity:0;translate:0 -140px}to{opacity:1;translate:0 0}}@keyframes phone-in{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.wrap{width:calc(100% - 72px)}.hero-art{height:600px}.hero-blocks{width:440px;height:528px}.hero-phone{width:235px}.feature,.reward-grid,.privacy{gap:55px}.side-blocks{width:340px;height:408px}.body-copy{font-size:14px}.hero-sub{font-size:16px}.hero .fine{max-width:260px}.site-footer nav{gap:14px}.footer-top{align-items:flex-start}}
@media(max-width:700px){.wrap{width:calc(100% - 48px)}.site-header{height:90px;gap:14px}.brand{font-size:21px;gap:8px}.brand img{width:34px}.brand small{font-size:8px}.site-header nav{gap:18px;font-size:10px}.header-download{display:none}.hero{padding-top:40px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{padding-bottom:28px}h1{font-size:clamp(33px,8.8vw,47px);line-height:1.65}.eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:25px}.hero-sub{font-size:15px;margin-top:18px}.hero-copy .body-copy{font-size:13px;margin-top:23px;line-height:2.2}.hero .fine{max-width:none;font-size:9px}.hero-art{height:610px;margin-top:8px;padding-top:20px}.hero-phone{width:225px}.hero-blocks{width:380px;height:456px;left:50%;margin-left:-190px;bottom:55px}.art-label{bottom:20px;right:5px}.scroll-cue{margin-top:10px;font-size:8px}.intro{padding:95px 0 90px}.intro h2{font-size:30px}.intro .body-copy{font-size:12px}.intro-steps{margin-top:30px}.feature{display:flex;flex-direction:column;gap:50px;padding:50px 0 85px;align-items:stretch}.feature-copy{order:0}.screen-stage{order:1;width:100%;max-width:380px;align-self:center;padding-top:16px}.feature h2,.reward-grid h2{font-size:33px}.feature .body-copy{font-size:13px}.quiet-copy{font-size:11px}.side-blocks{width:100%;height:auto;aspect-ratio:5/6;top:72px}.screen-stage .phone{width:220px}.screen-switch button{padding:10px 19px}.character-tile{left:-5px;bottom:30px;padding:12px;gap:8px}.character-tile span{font-size:9px}.character-tile img{width:48px}.reward-section{padding:35px 0 80px}.reward-grid{display:flex;flex-direction:column;gap:50px;align-items:stretch}.reward-art{order:1;height:auto;aspect-ratio:1;max-width:360px;width:100%;align-self:center}.reward-word{font-size:43px}.privacy{grid-template-columns:1fr;gap:30px;padding-block:70px}.privacy h2{font-size:29px}.privacy .body-copy{font-size:13px}.privacy .quiet-copy br{display:none}.download{padding:80px 0 120px}.download h2{font-size:27px}.download .fine{font-size:9px}.bottom-blocks{height:220px;min-width:700px;opacity:.5;bottom:-60px}.mobile-only{display:block}.footer-top{flex-direction:column;gap:26px}.site-footer nav{font-size:9px;gap:16px 20px}.site-footer{padding-top:34px;padding-bottom:80px}.disclaimer{font-size:8px;margin-top:27px}.motion-toggle{font-size:9px;bottom:12px;left:12px}}
.js .reveal .block{animation-play-state:paused}.js .reveal.visible .block{animation-play-state:running}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}