*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f8f3;color:#173e36;font:16px/1.7 "Malgun Gothic",Arial,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto}header{padding:30px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e0d7}.brand{font-weight:800;font-size:23px}.brand span{display:block;font-size:10px;letter-spacing:3px;margin-left:29px;color:#64796b}nav{display:flex;gap:32px;align-items:center;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#194c3e;color:white;border-radius:6px;padding:17px 25px;font-weight:700}.button:hover{background:#28614e}.small{padding:11px 18px;font-size:13px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;padding:85px 36px 75px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#6b8163;margin:0 0 23px}h1{font-size:55px;line-height:1.3;letter-spacing:-3px;font-weight:700;margin:0 0 24px}h1 em{font-style:normal;color:#72883b}.intro{color:#61726a;font-size:16px;line-height:1.9}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.plain{font-size:13px}.note{font-size:11px;color:#7f8d80;margin-top:20px}.document{background:#fffdf7;border:1px solid #e0e5d8;box-shadow:20px 25px 0 #e6ecdf;padding:33px;transform:rotate(2deg);border-radius:4px;min-height:415px}.doc-top{display:flex;justify-content:space-between;font-size:11px;color:#7c8976}.doc-top b{font-size:9px;color:#66834d;letter-spacing:1px}h2{font-size:30px;line-height:1.5;letter-spacing:-1px}.document h2{font-size:24px;margin:27px 0}.doc-line{height:6px;background:#e9ecdf;margin:12px 0;width:84%}.doc-line.wide{width:100%}.doc-line.short{width:58%}.revision{border:1px solid #bdd4b7;background:#f0f5e9;padding:16px;margin:28px -48px 25px 10px;display:flex;gap:12px;box-shadow:0 7px 20px #173e3610}.revision p{font-size:12px;margin:6px 0}.tag{display:inline-block;border:1px solid #cbd8bd;padding:2px 8px;font-size:10px;margin-right:6px;border-radius:3px}.dot{width:8px;height:8px;border-radius:50%;background:#688e43;margin-top:10px}.doc-footer{border-top:1px solid #e4e8dc;margin-top:25px;padding-top:15px;display:flex;justify-content:space-between;font-size:10px;color:#7f8d80}.strip{margin:0 36px;padding:28px 0;border-top:1px solid #dce3d6;border-bottom:1px solid #dce3d6;display:flex;gap:48px;align-items:center}.strip span{font-size:20px;font-weight:700;color:#5d7567}.strip p{margin:0 0 0 auto;font-size:13px;color:#788675}.feature{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;padding:90px 36px}.feature h2{margin:0}.feature p:not(.eyebrow){margin-top:5px}.muted{font-size:13px;color:#7a887a}#workflow{padding:0 36px 85px}.section-title{margin-bottom:30px}.section-title h2{margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{background:#f0f2e9;border:1px solid #e1e5d8;padding:27px;border-radius:5px}.steps span{color:#76895b;font-size:11px;letter-spacing:2px}.steps h3{font-size:20px;margin:22px 0 12px}.steps p{font-size:14px;color:#6e7b6a}.closing{margin:0 36px 70px;padding:45px;background:#1f4d3f;color:#f3f5ea;display:flex;justify-content:space-between;align-items:center;border-radius:6px}.closing .eyebrow{color:#b8ca95}.closing h2{margin:0}.closing p:not(.eyebrow){font-size:13px;color:#c0cec0}.light{background:#e1eac5;color:#244b3b}.light:hover{background:#f0f5df}footer{padding:30px 36px 40px;border-top:1px solid #dce3d6;display:flex;align-items:center;gap:30px}footer p{font-size:11px;color:#7a897d}footer span{font-size:9px;margin-left:auto;letter-spacing:1px}@media(max-width:800px){header{padding:20px}nav>a:not(.button){display:none}nav{gap:8px}.brand{font-size:18px}.hero{grid-template-columns:1fr;padding:45px 24px;gap:35px}h1{font-size:39px;letter-spacing:-2px}.document{margin:0 20px 20px 0}.revision{margin-right:-38px}.actions{gap:16px;flex-wrap:wrap}.strip{margin:0 24px;gap:20px;flex-wrap:wrap}.strip p{margin:0}.feature{grid-template-columns:1fr;gap:20px;padding:50px 24px}#workflow{padding:0 24px 50px}.steps{grid-template-columns:1fr}.closing{margin:0 24px 40px;padding:25px;display:block}.closing .button{margin-top:20px}footer{padding:25px;display:block}footer span{display:block}h2{font-size:26px}}

body,button,p,label,h1,h2,h3 {word-break:keep-all;overflow-wrap:break-word;}
.notice-popup {display:none;}
@media(max-width:650px){.notice-popup{right:16px;bottom:12px;max-height:30vh;}}