*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#fafbf7;color:#20382e;font-family:"Yu Gothic",Meiryo,system-ui,sans-serif;line-height:1.85}a{color:inherit}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 36px;border-bottom:1px solid #dae2d7}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:800;font-size:20px;white-space:nowrap}nav{display:flex;gap:25px;font-size:13px}nav a{text-decoration:none}.small-cta{font-size:13px;text-decoration:none;border:1px solid #145b43;border-radius:5px;padding:10px 16px;font-weight:bold}main>section{max-width:1170px;margin:auto;padding:90px 24px}.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:48px;align-items:center;padding-top:76px;padding-bottom:72px}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:.14em;color:#376b52}h1{font-size:clamp(36px,4.1vw,58px);line-height:1.48;letter-spacing:-.055em;margin:24px 0}em{font-style:normal;color:#197552}h2{font-size:clamp(27px,3vw,37px);line-height:1.6;letter-spacing:-.04em;margin:16px 0 36px}h3{font-size:21px;line-height:1.65;margin:18px 0}.lead{font-size:17px;color:#56695d}.cta{display:inline-flex;align-items:center;justify-content:center;background:#145b43;color:white;text-decoration:none;border-radius:6px;padding:16px 25px;font-weight:bold;font-size:15px;margin-top:14px;box-shadow:0 4px 0 #0d3e2d}.cta:hover{background:#217953}.micro{font-size:12px;color:#647367;margin-top:15px}.demo{padding:16px;background:#e8eee3;border:1px solid #d2ddcd;border-radius:14px;box-shadow:14px 18px 0 #eff2e9;transform:rotate(-1deg)}.demo-top{display:flex;justify-content:space-between;font-size:12px;padding:0 3px 12px}.demo-top b{font-size:10px;border:1px solid #6e826a;padding:1px 7px;border-radius:12px}video{width:100%;display:block;background:white;border-radius:5px;aspect-ratio:16/9}.demo p{font-size:13px;margin:15px 4px 4px}.demo small{font-size:11px;color:#63715d}.ribbon{border-block:1px solid #d8e2d1;background:#edf2e7;display:flex;justify-content:center;gap:80px;padding:20px;font-size:14px;font-weight:bold}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.features article{border-top:2px solid #63826c;padding-top:22px}.number{font-size:11px;letter-spacing:.12em;color:#56836b}.features p{font-size:14px;color:#58665d}.features .note{font-size:12px;margin-top:24px;color:#64705f}.support{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;background:#edf1e8;border-radius:10px}.support p{font-size:14px}.service-list>div{border-bottom:1px solid #ccd8c5;padding:0 0 18px;margin-bottom:24px}.service-list>div:last-child{margin:0;border:0;padding:0}.service-list h3{font-size:18px}.service-list p{color:#63705d}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps b{display:inline-flex;border:1px solid #9bad92;border-radius:50%;width:43px;height:43px;align-items:center;justify-content:center;color:#407052}.steps p{font-size:14px;color:#58665d}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;border-top:1px solid #dce4d6}details{border-bottom:1px solid #d7dfd2;padding:20px 0}summary{cursor:pointer;font-weight:bold;font-size:15px}details p{font-size:14px;color:#58665d}.closing{text-align:center;background:#173f30!important;color:#fff;border-radius:12px;margin-bottom:70px!important}.closing .eyebrow{color:#b4d3b2}.closing .cta{background:#d8ef9e;color:#183f2e;box-shadow:none}.closing p:last-child{font-size:12px;color:#bccdbd}footer{max-width:1170px;padding:0 24px 30px;margin:auto}footer>p{max-width:900px;font-size:12px;color:#63705e}.footer-bottom{display:flex;gap:25px;font-size:12px;border-top:1px solid #dce4d6;padding-top:20px;margin-top:30px}.footer-bottom span:last-child{margin-left:auto}a:focus-visible,summary:focus-visible{outline:3px solid #d4a33b;outline-offset:5px}@media(max-width:760px){header{padding:16px 20px;flex-wrap:wrap}.brand{font-size:17px}nav{order:3;width:100%;justify-content:center;gap:30px}.small-cta{padding:6px 10px}.hero{grid-template-columns:1fr;gap:35px;padding-top:35px}main>section{padding:50px 22px}.hero h1{font-size:40px}.demo{transform:none;box-shadow:none}.ribbon{gap:12px;font-size:11px;padding:16px 8px}.features,.steps,.support,.faq{grid-template-columns:1fr;gap:25px}.support,.closing{border-radius:0}.features h3 br{display:none}.features h3{font-size:20px}.closing h2{font-size:25px}.footer-bottom{flex-wrap:wrap}.footer-bottom span:last-child{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}