@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{color:#183f36;font-synthesis:none;background:#f7f8f2;font-family:Noto Sans KR,system-ui,sans-serif;font-size:18px;line-height:1.7}*{box-sizing:border-box}body{margin:0}.shell{max-width:1180px;margin:auto;padding:0 34px}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #dde5da;justify-content:space-between;align-items:center;padding:32px 0;display:flex}.brand{align-items:center;gap:12px;font-size:25px;font-weight:800;display:flex}.brand-icon{color:#fff;background:#215e45;border-radius:12px;place-items:center;width:42px;height:42px;font-size:32px;display:grid}.header-label{color:#51655b;font-size:16px;font-weight:600}main{padding:64px 0 48px}.eyebrow{color:#477052;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.eyebrow span{background:#5b8f47;border-radius:50%;width:9px;height:9px}h1{letter-spacing:-2.7px;margin:20px 0 24px;font-size:clamp(36px,5.5vw,64px);font-weight:900;line-height:1.28}h1 em{color:#3f784d;font-style:normal}.intro{color:#51645a;max-width:720px;margin:0 0 40px;font-size:21px;line-height:1.8}.release{background:#edf5e6;border:1px solid #bacfae;border-radius:20px;align-items:center;gap:24px;padding:30px 34px;display:flex}.release-icon{color:#fff;background:#2f6844;border-radius:50%;flex-shrink:0;place-items:center;width:60px;height:60px;font-size:34px;display:grid}.label{letter-spacing:.5px;color:#55704d;margin:0 0 5px;font-size:15px;font-weight:700}h2{letter-spacing:-.6px;margin:0;font-size:23px;line-height:1.5}.release h2{font-size:30px}.hint{color:#576d50;margin:6px 0 0;font-size:17px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0 36px;display:grid}.card{background:#fff;border:1px solid #e0e6db;border-radius:18px;padding:26px}.number{color:#63764f;background:#f0f4e9;border-radius:20px;margin-bottom:18px;padding:4px 12px;font-size:15px;font-weight:800;display:inline-block}.card p{color:#5c6b60;margin:12px 0 0;font-size:18px}.interaction{border-top:1px solid #dce4d7;justify-content:space-between;align-items:center;gap:30px;padding-top:34px;display:flex}.interaction h2{font-size:24px}.interaction p:last-child{color:#5c6b60;margin:8px 0 0;font-size:17px}button{color:#fff;font:inherit;cursor:pointer;white-space:nowrap;background:#205c42;border:0;border-radius:12px;min-width:180px;padding:17px 26px;font-size:20px;font-weight:700}button span{margin-left:25px}button:hover{background:#164531}button:focus-visible,a:focus-visible{outline-offset:5px;outline:4px solid #bd8c2b}footer{color:#627363;border-top:1px solid #dce4d7;justify-content:space-between;gap:16px;padding:26px 0;font-size:14px;display:flex}@media (width<=700px){.shell{padding:0 22px}header{padding:23px 0}.brand{font-size:21px}.header-label{font-size:12px}main{padding-top:40px}h1{letter-spacing:-1.5px}.intro{font-size:19px}.release{gap:16px;padding:24px 20px}.release-icon{width:42px;height:42px;font-size:26px}.release h2{font-size:25px}.hint{font-size:15px}.grid{grid-template-columns:1fr;gap:12px}.card{padding:22px}.number{margin-bottom:12px}.interaction{flex-direction:column;align-items:flex-start;gap:20px}.interaction button{width:100%}footer{flex-direction:column;gap:5px}}
