@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700;800;900&display=swap');
:root{--paper:#fffaf0;--ink:#1b1b1f;--orange:#ff5a2e;--yellow:#ffc629;--teal:#19bfa5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #2b5ce6;outline-offset:6px}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:0}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink)}.logo{font-family:Arial,sans-serif;font-size:43px;font-weight:900;letter-spacing:-4px;line-height:1}.logo small{display:block;font-family:'Noto Sans JP',sans-serif;font-size:9px;font-weight:600;letter-spacing:2px;margin-top:10px}nav{display:flex;gap:32px;font-size:13px;font-weight:700}nav a:hover{text-decoration:underline;text-underline-offset:7px}.eyebrow{font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero{padding:85px 0 76px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px}.hero h1{font-size:clamp(40px,4.7vw,65px);line-height:1.35;letter-spacing:-2px;margin:22px 0 28px;font-weight:900}.hero p{font-size:15px;line-height:2.1}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;border:2px solid var(--ink);padding:13px 23px;background:var(--ink);color:white;font-size:14px;font-weight:700;box-shadow:4px 4px 0 var(--orange);margin-top:24px;transition:transform .15s}.button:hover{transform:translate(2px,2px)}.art{height:350px;position:relative;display:grid;place-items:center}.orb{position:absolute;width:260px;height:260px;border:3px solid var(--ink);border-radius:50%;background:var(--orange);right:15px;top:20px}.orb:after{content:'';position:absolute;width:85px;height:85px;border:3px solid var(--ink);background:var(--paper);border-radius:50%;left:84px;top:84px}.block{position:absolute;width:125px;height:125px;background:var(--teal);border:3px solid var(--ink);left:8px;bottom:20px;transform:rotate(-12deg);box-shadow:7px 7px 0 var(--ink)}.sticker{position:absolute;background:var(--yellow);border:2px solid var(--ink);padding:8px 18px;font-size:13px;font-weight:900;transform:rotate(8deg);bottom:37px;right:4px}.spark{position:absolute;left:42px;top:18px;font-size:78px;line-height:1}.section{padding:65px 0;border-top:2px solid var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:32px}.section-heading h2{font-size:34px;letter-spacing:-1px;margin:0}.muted{color:#5b5753;font-size:13px}.product{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:white}.product-art{background:var(--yellow);min-height:330px;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:2px solid var(--ink);position:relative;overflow:hidden}.wordmark{font-family:Arial,sans-serif;font-size:clamp(60px,7vw,100px);font-weight:900;letter-spacing:-6px;line-height:1.15}.product-art .tag{transform:rotate(-5deg);margin-bottom:16px;background:white;border:2px solid var(--ink);padding:4px 16px;font-size:13px;font-weight:900}.tiles{display:flex;gap:10px;margin-top:25px}.tiles span{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:white;font-weight:900;font-size:23px;transform:rotate(-6deg)}.tiles span:nth-child(even){transform:rotate(5deg);background:var(--orange)}.product-copy{padding:40px}.status{display:inline-block;border:1px solid currentColor;border-radius:20px;padding:1px 12px;font-size:11px;font-weight:700}.product-copy h3{font-size:28px;line-height:1.5;margin:20px 0 14px}.product-copy p{font-size:14px;line-height:2}.text-link{display:inline-block;margin-top:16px;font-size:14px;font-weight:800;border-bottom:2px solid var(--ink);padding-bottom:5px}.about{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.about h2{font-size:30px;margin-top:12px}.about p{font-size:16px;line-height:2.2}footer{display:flex;justify-content:space-between;padding:35px 0;border-top:2px solid var(--ink);font-size:11px}.crumb{padding-top:28px;font-size:12px}.kokon-hero{padding-top:45px;gap:70px}.kokon-title{display:block;font-family:Arial,sans-serif;font-size:clamp(65px,8vw,112px);font-weight:900;letter-spacing:-6px;line-height:1.2}.kokon-hero h1{font-size:39px;letter-spacing:-1px}.release{display:inline-block;padding:12px 22px;background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:800;font-size:14px;margin-top:20px}.mock{border:3px solid var(--ink);border-radius:28px;padding:23px;background:#fff1f4;box-shadow:10px 10px 0 var(--ink);width:min(100%,330px);margin:10px auto;transform:rotate(3deg)}.mock-head{display:flex;justify-content:space-between;font-size:13px;font-weight:900;border-bottom:2px solid var(--ink);padding-bottom:14px}.mock h2{font-size:23px;text-align:center;line-height:1.4;margin:25px 0 15px}.progress{height:12px;border:2px solid var(--ink);border-radius:10px;background:white;overflow:hidden}.progress span{display:block;width:37.5%;height:100%;background:var(--teal)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.answers span{padding:8px;text-align:center;border:2px solid var(--ink);background:white;border-radius:6px;font-size:13px;font-weight:700}.answers .done{background:#d8f5ef}.answers .empty{color:#716c76;border-style:dashed;background:transparent}.mock-input{border:2px solid var(--ink);background:white;border-radius:7px;padding:11px;font-size:13px;display:flex;justify-content:space-between}.mock-input b{color:#d33b13}.mock-note{font-size:11px!important;text-align:center;margin:12px 0 0;line-height:1.6!important}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature{border-top:3px solid var(--ink);padding-top:20px}.feature .number{font-size:14px;font-weight:900;color:#c13b17}.feature h3{font-size:22px;line-height:1.6}.feature p{font-size:14px;line-height:2}.topics{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.topics span{border:2px solid var(--ink);padding:10px 18px;background:white;font-weight:700;font-size:14px}.topics span:nth-child(3n+1){background:#fff0bf}.topics span:nth-child(3n+2){background:#d8f5ef}.coming{background:var(--ink);color:var(--paper);padding:45px;text-align:center}.coming h2{font-size:28px}.coming p{font-size:14px;line-height:2}.coming .status{color:var(--yellow)}@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{height:90px}.logo{font-size:36px}nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;padding:50px 0;gap:18px}.hero h1{font-size:42px}.art{height:280px;max-width:340px;width:100%;margin:auto}.orb{width:220px;height:220px;right:0}.orb:after{width:70px;height:70px;left:72px;top:72px}.block{width:100px;height:100px;bottom:10px}.spark{font-size:62px;left:20px}.sticker{bottom:10px}.section{padding:45px 0}.section-heading h2{font-size:28px}.product{grid-template-columns:1fr}.product-art{border-right:0;border-bottom:2px solid var(--ink);min-height:270px}.product-copy{padding:28px}.about{grid-template-columns:1fr;gap:0}.features{grid-template-columns:1fr;gap:22px}.feature h3{margin:12px 0}.kokon-hero{gap:35px}.kokon-hero h1{font-size:34px}.mock{transform:rotate(2deg)}.coming{padding:30px 20px}.coming h2{font-size:24px}footer{gap:20px}.section-heading .muted{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}