*{box-sizing:border-box}body{margin:0;background:#f5f4f0;color:#172a3a;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1220px;margin:auto}header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.small{font-size:14px;font-weight:700}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:48px;padding:72px 36px 95px;align-items:center}.eyebrow{color:#176c60;letter-spacing:3px;font-size:12px;font-weight:800}h1{font-size:clamp(43px,5vw,70px);letter-spacing:-3px;line-height:1.22;margin:25px 0}.hero-copy>p{font-size:19px;line-height:1.9;color:#62727d}.cta{display:flex;justify-content:space-between;gap:50px;align-items:center;width:max-content;margin:35px 0 16px;background:#176c60;color:#fff;padding:19px 25px;border-radius:13px;font-weight:700}.hero-copy>small{font-size:12px;color:#7b898f}.board{background:#fff;border:1px solid #e0e5df;border-radius:24px;padding:27px;box-shadow:0 24px 55px #172a3a0d;transform:rotate(-2deg)}.board-title{display:flex;justify-content:space-between;font-size:14px;font-weight:800}.board-title i{font-style:normal;background:#edf4ee;border-radius:20px;padding:5px 10px;font-size:10px;color:#176c60}.input{border:1px dashed #d1dcd5;border-radius:15px;background:#fafbf9;padding:22px;margin-top:24px}.input>span,.features article>span{font-size:10px;color:#176c60;font-weight:800;letter-spacing:1.7px}.input p{font-size:16px;line-height:2;color:#354a56}.input b{font-size:12px;color:#176c60}.flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.flow article{border:1px solid #e4e7e1;border-radius:14px;padding:18px}.flow article>span{font-size:11px;color:#71838b}.flow strong{font-size:25px;display:block;margin:12px 0}.flow strong small{font-size:12px;margin-left:5px}.flow em{font-size:10px;font-style:normal;background:#f6f2e8;color:#947243;padding:4px 8px;border-radius:5px}.flow .task{grid-column:1/-1;background:#172a3a;color:#fff}.flow .task strong{font-size:16px}.flow .task>span{color:#b8c8cd}.example{font-size:10px;color:#829095;margin-bottom:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:40px 36px 80px;border-top:1px solid #dfe2da}.features h2{font-size:21px;letter-spacing:-.5px}.features p{color:#6e7d83;font-size:14px;line-height:1.9}.note{margin:0 36px 70px;background:#e9eee7;padding:40px;border-radius:20px}.note h2{font-size:24px;letter-spacing:-.8px}.note p{font-size:14px;line-height:1.9;color:#5d716a}.note a{font-weight:800;font-size:13px;color:#176c60}footer{border-top:1px solid #dfe2da;padding:30px 36px;display:flex;gap:24px;font-size:11px;color:#77858a}footer b{color:#172a3a}footer a{margin-left:auto}@media(max-width:760px){header{height:86px;padding:0 22px}header img{width:140px}.small{font-size:11px}.hero{grid-template-columns:1fr;padding:40px 22px 55px;gap:45px}h1{letter-spacing:-2px}.hero-copy>p{font-size:16px}.board{transform:none;padding:21px}.flow strong{font-size:22px}.features{grid-template-columns:1fr;padding:30px 22px;gap:10px}.features article{padding:15px 0}.note{margin:15px 22px 40px;padding:25px}.note h2{font-size:21px}footer{padding:25px 22px;flex-wrap:wrap;gap:12px}footer span{width:100%}footer a{margin-left:0}}