:root{font:16px/1.6 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233b31;background:#f5f5ed;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #a06920;outline-offset:5px}button{font:inherit;min-height:44px;min-width:44px}.site{max-width:1440px;margin:auto;padding:0 64px}header{display:flex;align-items:center;justify-content:space-between;padding:35px 0;border-bottom:1px solid #d8ddd0}.brand{font-size:30px;font-weight:750;letter-spacing:-1.4px;text-decoration:none;display:flex;gap:10px;align-items:center}.brand svg{height:35px;width:35px;fill:#28583f}.brand path{fill:none;stroke:#f8f8ee;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.header-right{display:flex;align-items:center;gap:24px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd4c1;border-radius:30px;padding:6px 13px;font-size:11px;letter-spacing:.2px;white-space:nowrap}.pill>span:first-child:empty{width:6px;height:6px;border-radius:50%;background:#728d55}#language{border:0;background:transparent;color:#435a46;font-size:12px;cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1fr;gap:25px;min-height:660px;align-items:center;padding:65px 0 75px}.hero-copy{padding:0 0 20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#5c6f51;font-weight:650;margin:0 0 27px}h1{font-size:clamp(45px,5.3vw,76px);line-height:1.09;font-weight:570;letter-spacing:-4px;position:relative;white-space:nowrap;margin:0 0 28px}.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:#426c3f;letter-spacing:-3px}.spark{position:absolute;width:45px;height:45px;stroke:#829861;stroke-width:2;top:-22px;right:26px;transform:rotate(10deg)}.description{font-size:16px;line-height:1.9;color:#596553;max-width:385px;margin:0 0 32px}.explore{display:inline-flex;align-items:center;gap:25px;text-decoration:none;padding:14px 20px;background:#28583f;color:#fff;border-radius:9px;font-size:13px;min-height:48px}.explore:hover{background:#173f2a}.explore>span:last-child{font-size:23px;line-height:1}.arrival{font-size:10px;color:#68745e;margin:17px 0 0}.artboard{height:495px;position:relative;min-width:0}.grid{position:absolute;inset:8px -10px;background-image:radial-gradient(#aabb8c66 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}.prompt-card{position:absolute;top:25px;left:13px;width:337px;border:1px solid #d5dccb;background:#fffef8;border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 7px 25px #314e2310;transform:rotate(-4deg);z-index:2;font-size:12px;line-height:1.7}.prompt-dot{font-size:26px;color:#77905c}.send{border-radius:50%;display:grid;place-items:center;background:#28583f;color:white;width:27px;height:27px;margin-left:auto}.floating-note{font:italic 14px Georgia,serif;color:#647a4b;position:absolute;z-index:2}.note-a{top:-8px;left:70px;transform:rotate(-5deg)}.arrow-doodle{position:absolute;top:83px;right:16px;width:95px;height:95px;fill:none;stroke:#829861;stroke-width:1.8;transform:rotate(-10deg)}.tool-card{position:absolute;top:133px;left:88px;width:306px;background:#fffef8;border:1px solid #d5dccb;border-radius:15px;padding:19px 21px 0;box-shadow:0 16px 40px #29471c14;z-index:3;transform:rotate(3deg)}.tool-top{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1px;color:#6b795f}.tool-top>span:first-child{font-size:18px;background:#e9eedf;border-radius:6px;width:26px;text-align:center;line-height:26px;color:#4e6e35}.tool-top i{height:6px;width:6px;border-radius:50%;background:#a7ba83;margin-left:auto}.tool-card h2{font-size:23px;letter-spacing:-.8px;line-height:1.2;margin:17px 0 5px;font-weight:600}.tool-card p{font-size:9px;color:#65715d;margin:0 0 19px}.fields{display:flex;gap:12px}.fields>div{flex:1}.fields span,.tip>span:first-child{display:block;font-size:8px;color:#69765f;margin-bottom:4px}.fields strong{display:block;border:1px solid #e0e5d7;border-radius:6px;padding:7px 9px;font-size:13px;font-weight:500}.fields small{font-size:10px;color:#7d8c6b;float:right}.tip{display:flex;justify-content:space-between;align-items:center;margin:14px 0;font-size:9px}.tip>span:first-child{margin:0}.tip>span:last-child{word-spacing:9px;color:#73845e}.tip b{background:#e9efdf;padding:5px 7px;border-radius:5px;color:#456139;font-weight:500}.result{position:relative;border-radius:8px;background:#eaf0e0;padding:12px 14px}.result>span:first-child{font-size:8px;display:block;color:#5f7450}.result strong{font-size:28px;line-height:1.3;letter-spacing:-1px;font-weight:600}.check{position:absolute;right:15px;top:24px;border:1px solid #b3c3a0;color:#6d8855;border-radius:50%;width:22px;height:22px;text-align:center;line-height:20px;font-size:11px}.tool-footer{display:flex;align-items:center;gap:5px;border-top:1px solid #e3e8dc;margin:16px -21px 0;padding:9px 17px;font-size:7px;color:#64745a}.mini-brand{background:#6a8753;color:white;border-radius:3px;font-size:9px;padding:0 3px}.tool-footer>span:last-child{margin-left:auto;font-size:12px}.timer-card{position:absolute;left:-10px;top:290px;display:flex;align-items:center;gap:11px;width:172px;padding:14px;background:#e4ebd4;border:1px solid #cfdbbd;border-radius:12px;transform:rotate(-10deg);z-index:4;box-shadow:0 7px 20px #324a2510}.timer-card>span:first-child{font-size:25px;color:#778d5b}.timer-card small{font-size:8px;display:block;color:#546949}.timer-card strong{font-size:21px;font-weight:550;line-height:1;letter-spacing:-.5px}.play{font-size:8px;color:#718456;margin-left:auto}.quiz-card{position:absolute;right:-8px;top:195px;border:1px solid #e1d6b4;background:#f8efd6;padding:19px 18px;border-radius:12px;width:132px;transform:rotate(11deg);z-index:2;box-shadow:0 7px 20px #324a2510}.quiz-card>span:first-child{font:italic 17px Georgia,serif;display:block;margin-bottom:5px;color:#6e654b}.quiz-card strong{font-size:12px;font-weight:450;letter-spacing:1px}.quiz-bottom{font-size:6px;display:block;margin-top:14px;color:#786e54}.note-b{bottom:4px;left:103px;transform:rotate(2deg)}.dot-group{position:absolute;right:13px;bottom:10px;font-size:45px;color:#899e66;font-weight:200;transform:rotate(10deg)}.possibilities{border-top:1px solid #d8ddd0;padding:50px 0 55px;scroll-margin-top:25px}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-intro .eyebrow{margin:0}.section-intro h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:35px}.number{font:italic 17px Georgia,serif;color:#7d9363}.steps h3{font-size:17px;font-weight:550;letter-spacing:-.4px;margin:9px 0}.steps p{font-size:12px;color:#64715d;line-height:1.9;margin:0;max-width:300px}.closing{padding:32px 25px;background:#e9eedf;border-radius:12px;display:flex;gap:18px;align-items:center;margin:0 0 35px}.closing>span:first-child{font-size:35px;color:#799359}.closing p{font:italic 25px Georgia,serif;margin:0;letter-spacing:-.5px}.closing .pill{margin-left:auto}footer{border-top:1px solid #d8ddd0;display:flex;justify-content:space-between;padding:26px 0 35px;font-size:10px;color:#697560}footer>span:first-child{font-size:15px;font-weight:650;letter-spacing:-.5px}:lang(ja) h1{font-size:clamp(35px,4vw,58px);letter-spacing:-2px}:lang(ja) .serif{font-family:inherit;font-style:normal;font-weight:500;letter-spacing:-2px}:lang(ja) .description{font-size:15px}:lang(ja) .prompt-card{font-size:11px}:lang(ja) .closing p{font:500 22px/1.5 system-ui}
@media(min-width:1400px){.site{padding:0 100px}.hero{gap:60px}}
@media(max-width:1000px){.site{padding:0 34px}.hero{gap:0}h1{font-size:50px;letter-spacing:-2.5px}.description{font-size:14px;max-width:310px}.artboard{transform:scale(.88);transform-origin:center right}.spark{right:15px;width:35px}.steps{gap:30px}.section-intro{display:block}.section-intro .eyebrow{margin-bottom:10px}}
@media(max-width:900px){.site{padding:0 24px}header{padding:23px 0}.brand{font-size:26px}.brand svg{height:31px;width:31px}.header-right{gap:8px}.pill{font-size:9px;padding:5px 9px}#language{font-size:10px}.hero{grid-template-columns:minmax(0,1fr);padding:52px 0 20px;min-height:0;gap:40px}.hero-copy{padding:0}h1{font-size:clamp(44px,9vw,65px);letter-spacing:-2.5px;max-width:490px}.spark{right:0;top:-10px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:22px}.description{max-width:380px;font-size:14px}.arrival{max-width:290px;font-size:10px}.artboard{width:400px;max-width:100%;height:460px;transform:none;margin:auto}.tool-card{left:60px;top:115px;width:280px}.prompt-card{width:300px;left:6px}.timer-card{left:-3px;top:290px;width:151px;padding:12px;gap:6px}.quiz-card{right:-5px;top:172px;width:115px;padding:17px 14px}.arrow-doodle{right:0;width:80px;top:70px}.note-b{bottom:10px;left:65px;font-size:12px}.dot-group{font-size:35px;bottom:25px}.possibilities{padding:35px 0}.section-intro h2{font-size:19px}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps article{position:relative;padding-left:43px}.number{position:absolute;left:0;top:7px}.steps h3{margin-top:0;font-size:17px}.steps p{max-width:440px}.closing{padding:20px 15px;gap:10px;flex-wrap:wrap}.closing p{font-size:21px}.closing .pill{font-size:8px}.closing>span:first-child{font-size:25px}footer{gap:15px;font-size:9px}footer>span:last-child{text-align:right}:lang(ja) h1{font-size:39px;letter-spacing:-2px}:lang(ja) .closing p{font-size:17px}}
@media(max-width:390px){.site{padding:0 20px}.artboard{transform:scale(.91);transform-origin:top center;margin-bottom:-30px;height:455px}.tool-card{left:42px}.prompt-card{left:-4px}.quiz-card{right:-10px}.timer-card{left:-10px}.header-right{gap:3px}.hero{gap:35px}.brand{font-size:24px}.description{font-size:13px}.arrival{font-size:9px}.closing .pill{margin-left:35px}}
.hero>*{min-width:0}.floating-note,.fields small,.tip>span:last-child,.quiz-bottom,.number,footer{color:#4f6143}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}