*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#fff9e6;color:#293d45;font-family:system-ui,sans-serif;line-height:1.8}a{color:#176d80;text-underline-offset:5px}header{position:sticky;top:0;z-index:5;background:#fffaf0ee;backdrop-filter:blur(12px);border-bottom:1px solid #e4e8d9}header nav{max-width:1160px;margin:auto;display:flex;align-items:center;gap:25px;padding:16px 24px;flex-wrap:wrap}.brand{font-weight:800;font-size:23px;text-decoration:none;margin-right:auto}.bg{position:fixed;inset:-20vh 0;z-index:-1;pointer-events:none;overflow:hidden}.bg svg{width:100%;height:100%;opacity:.15}.cloud{position:absolute;width:240px;height:70px;background:white;border-radius:100px;left:4%;top:25%;opacity:.7}.cloud.two{left:72%;top:65%}.hero{max-width:1160px;margin:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:28px 24px 45px}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.3;margin:18px 0}.lead{max-width:460px;font-size:19px}.hero img{width:100%;max-width:430px;border:12px solid white;border-radius:40px;box-shadow:0 25px 70px #4a6b4020;transform:rotate(3deg)}.tag{color:#986229;font-weight:700;letter-spacing:.06em}.button{display:inline-block;background:#ef7022;color:white;font:inherit;font-weight:700;text-decoration:none;border:0;border-radius:40px;padding:15px 27px;cursor:pointer;box-shadow:0 5px 0 #c24c0d}.down{display:block;margin-top:24px;color:#63796d}.story{max-width:1100px;margin:auto;padding:40px 24px}.step{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start;margin:0 0 100px}.copy{position:sticky;top:115px;padding:24px 0}.number{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:28px;background:#ffdc62;color:#735124;font-size:48px;font-weight:900;line-height:1;transform:rotate(-7deg)}.step:nth-child(2) .number{background:#b9eafa;color:#176783}.step:nth-child(3) .number{background:#f6bdda;color:#893864}.step:nth-child(4) .number{background:#c7e899;color:#4d6c26}.hero:before{content:"★";position:absolute;right:8%;top:125px;color:#f7c449;font-size:65px;z-index:-1}.visual{border:3px solid #fff}.copy h2{font-weight:900}.copy h2{font-size:32px;line-height:1.45}.copy p{font-size:18px;max-width:350px}.visual{margin:0;padding:14px;background:white;border-radius:32px;box-shadow:0 14px 55px #31503918}.visual img{display:block;width:100%;height:auto;border-radius:20px}.visual figcaption{font-size:13px;color:#647269;padding:12px}.appbox{max-width:1100px;margin:0 auto 70px;padding:30px 24px;text-align:center;background:#e7f1dd;border-radius:28px}iframe{width:100%;height:850px;max-height:90vh;border:0;border-radius:24px;background:white;margin-top:22px}.appbox p{max-width:600px;margin:16px auto}.small{font-size:14px;color:#596c61}footer{padding:30px 24px;border-top:1px solid #ddd;max-width:1100px;margin:auto}footer nav{display:flex;gap:20px;flex-wrap:wrap}@media(max-width:700px){header nav{gap:13px;padding:12px 16px;font-size:14px}.brand{width:100%;font-size:20px}.hero{grid-template-columns:1fr;gap:24px;padding:20px 20px 30px}.hero img{max-width:310px;justify-self:center}.step{grid-template-columns:1fr;gap:15px;margin-bottom:60px}.copy{position:static;padding:0}.copy h2{font-size:28px;margin:10px 0}.copy p{max-width:none}.number{font-size:44px}.story{padding:30px 16px}.visual{padding:8px;border-radius:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bg,.cloud{transform:none!important}.hero img{transform:none}}
.launch{font-size:clamp(20px,3vw,30px);padding:22px 30px}.adult{text-align:left;max-width:730px;margin:32px auto 0;padding:24px;border-radius:20px;background:#ffffffcc;border-top:4px solid #b6c5ad}.adult h2{font-size:20px;margin:0 0 12px}.adult p{font-size:15px;line-height:1.9}.hero{align-items:start}.hero>div{padding-top:12px}