:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;color:#17322a;background:#f4f7f3}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}a{color:inherit;text-decoration:none}.app{max-width:680px;min-height:100svh;margin:auto;padding-bottom:110px;background:#f4f7f3}.top{display:flex;align-items:center;gap:10px;min-height:75px;padding:18px 22px}.top b{font-size:17px}.brand{width:34px;height:34px;border-radius:12px;background:#216248;color:#fff;display:grid;place-items:center;font-size:22px}.demo-tag{margin-left:auto;padding:5px 9px;border-radius:30px;background:#e4efe8;color:#408363;font-size:11px;font-weight:700}.content{padding:16px 21px 35px}.eyebrow{font-size:13px;letter-spacing:.08em;color:#398263;font-weight:750}.intro{padding:27px 2px 24px}.intro h1{font-size:35px;line-height:1.25;margin:14px 0;color:#17322a;letter-spacing:-.04em}.intro h1 em{font-style:normal;color:#25865c}.intro p,.lead{font-size:14px;line-height:1.7;color:#65796b;margin:0}.context{display:flex;justify-content:space-between;gap:12px;color:#74867b;font-size:12px;padding:0 4px 12px}.context span:last-child{color:#267b55}.focus{border-radius:26px;padding:24px;background:linear-gradient(155deg,#214e3c,#102f27);color:#fff;box-shadow:0 16px 35px #173c2d25}.focus-top{display:flex;justify-content:space-between;color:#b6d2c0;font-size:12px}.focus-kicker{display:block;margin-top:36px;color:#acdac0;font-weight:700;font-size:13px}.focus h2{font-size:29px;line-height:1.3;margin:12px 0;letter-spacing:-.025em}.focus p{font-size:14px;line-height:1.7;color:#c6d8cc;margin:0 0 25px}.focus a,.focus button{display:flex;justify-content:space-between;width:100%;border:0;border-radius:14px;padding:15px 17px;background:#e6f6e7;color:#164b35;font-size:15px;font-weight:750;cursor:pointer}.focus a span{font-size:20px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin:30px 4px 13px}.section-head h2{font-size:17px;margin:0}.section-head span{font-size:12px;color:#93a397}.list{overflow:hidden;border:1px solid #e5eee6;border-radius:20px;background:#fff}.list a,.list button{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:13px 17px;border:0;border-bottom:1px solid #eef2ef;background:#fff;text-align:left;cursor:pointer}.list>:last-child{border-bottom:0}.list .icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#e9f4ec;color:#227853;font-size:20px;font-weight:750}.list b{display:block;font-size:15px}.list small{display:block;margin-top:3px;color:#87968a;font-size:12px}.list em{margin-left:auto;color:#aab6ad;font-size:25px;font-style:normal}.footnote{font-size:12px;line-height:1.6;color:#8b9a90;margin:24px 4px}.tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(680px,100%);padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#fffffff0;border-top:1px solid #e5ece6;backdrop-filter:blur(12px);z-index:5}.tabs a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px 0;color:#899a8e;font-size:11px}.tabs a span{font-size:23px;line-height:1}.tabs a.active{color:#196445;font-weight:750}.back{border:0;padding:15px 0;background:none;color:#397a58;font-size:14px;cursor:pointer}.detail h1{font-size:31px;line-height:1.28;margin:11px 0 14px}.detail .lead{margin-bottom:24px}.block,.metric-card{margin:13px 0;padding:21px;border:1px solid #e5eee6;border-radius:19px;background:#fff}.block.soft{background:#eaf3e9}.block small{display:block;margin-bottom:11px;color:#26845b;font-size:12px;font-weight:750}.block p{font-size:15px;line-height:1.72;margin:0}.block p+p{margin-top:11px;color:#829387;font-size:13px}.block blockquote{font-size:18px;line-height:1.6;margin:0 0 10px;font-weight:650}.primary,.secondary{display:block;width:100%;margin:16px 0;border:0;border-radius:14px;padding:16px;font-weight:750;font-size:15px;cursor:pointer;text-align:center}.primary{background:#216b4c;color:#fff}.secondary{background:#e7f0e9;color:#226748}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{margin:0}.metric-card small{display:block;color:#819186;font-size:12px}.metric-card b{display:block;margin:8px 0 4px;font-size:26px}.metric-card em{font-size:11px;color:#6c9a7e;font-style:normal}.notice{padding:14px 17px;background:#fff7e7;border-radius:14px;font-size:13px;line-height:1.6;color:#856936;margin:16px 0}.step{color:#408363;font-size:13px;font-weight:700;margin:24px 0 14px}.question{font-size:22px;line-height:1.4;font-weight:700;margin:0 0 15px}.answer{width:100%;min-height:140px;border:1px solid #dce8de;border-radius:15px;padding:16px;resize:vertical;background:#fff}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.choice-row button{border:1px solid #dce8de;border-radius:12px;padding:12px 4px;background:#fff;color:#54735d;cursor:pointer}.choice-row button.selected{background:#216b4c;color:#fff}.result{margin-top:17px;border-radius:14px;background:#e8f2e9;padding:15px;color:#256244;font-size:13px;line-height:1.6}@media(min-width:700px){.app{box-shadow:0 0 45px #173c2d16}.content{padding-top:24px}}