:root{font-family:Inter,system-ui,-apple-system,"Noto Sans KR",sans-serif;color:#20201e;background:#fbfaf7;line-height:1.6}*{box-sizing:border-box}body{margin:0}.top,main,footer{max-width:1120px;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 8px}.top a{color:inherit;text-decoration:none;font-weight:700}.top span{font-size:.65em;letter-spacing:.12em;margin-left:6px}.hero{padding:74px 24px 42px;max-width:850px;margin-left:calc((100% - 1120px)/2)}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#706d65;margin:0 0 12px}.hero h1{font-size:clamp(42px,7vw,82px);line-height:1.05;letter-spacing:-.06em;margin:0 0 24px}.hero em{font-style:normal;color:#3864df}.hero>p:not(.eyebrow){font-size:19px;color:#5f5d57;max-width:680px}.notice{margin-top:24px;padding:14px 16px;border:1px solid #e6e1d7;border-radius:14px;background:#fff;font-size:14px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ded9cf;margin:16px auto 44px;max-width:1072px}.flow div{background:#f3f0e9;padding:18px 20px;display:flex;gap:12px;align-items:center}.flow b{color:#3864df}.flow span{font-weight:700;font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 24px}.card,.next{background:#fff;border:1px solid #e6e1d7;border-radius:20px;padding:28px}.card h2,.saved h2,.next h2{margin:0 0 22px;font-size:28px;letter-spacing:-.04em}.card label{display:block;font-size:13px;font-weight:700;margin:15px 0}.card input,.card textarea,.card select{display:block;width:100%;margin-top:6px;border:1px solid #d9d4ca;border-radius:10px;padding:12px;font:inherit;background:#fff}.card textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button{display:inline-block;border:0;border-radius:999px;padding:12px 18px;background:#20201e;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.button.secondary{background:#e9e6dd;color:#20201e}.output{margin-top:18px;padding:14px;border-radius:12px;background:#f3f0e9;font-size:14px}.saved{padding:70px 24px 35px}.section-head{display:flex;justify-content:space-between;align-items:end}.text-button{border:0;background:none;text-decoration:underline;cursor:pointer;color:#5f5d57}.drafts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.draft{border:1px solid #e6e1d7;border-radius:14px;padding:18px;background:#fff}.draft h3{font-size:17px;margin:3px 0 8px}.draft p{font-size:14px;color:#5f5d57;margin:4px 0}.empty{color:#706d65}.next{margin:24px 24px 70px;background:#20201e;color:#fff}.next p:not(.eyebrow){color:#d3d0c8;max-width:740px}.next .eyebrow{color:#aaa69c}footer{border-top:1px solid #e6e1d7;padding:22px 24px 35px;color:#706d65;font-size:13px}footer small{margin-left:10px}@media(max-width:720px){.top{padding:18px 18px 5px}.hero{margin:0;padding:54px 18px 28px}.hero h1{font-size:49px}.hero>p:not(.eyebrow){font-size:16px}.flow{margin:12px 18px 30px;grid-template-columns:1fr 1fr}.flow div{padding:13px 14px}.grid{grid-template-columns:1fr;padding:0 18px}.card,.next{padding:22px}.saved{padding:48px 18px 22px}.drafts{grid-template-columns:1fr}.next{margin:20px 18px 48px}.section-head{align-items:start;gap:12px}.section-head h2{font-size:24px}}
