:root{--ink:#0f1714;--green:#17825a;--deep:#0d5238;--paper:#f2f6f3;--line:#dce6e0;--muted:#52645a;--point:#d08a1e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:16px/1.75 "Pretendard Variable","Malgun Gothic",system-ui,sans-serif;word-break:keep-all}
a{color:inherit}
a:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.wrap{max-width:1120px;margin:auto;padding:0 24px}
.site-head{border-bottom:1px solid var(--line);background:#fff}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:22px;font-weight:800;line-height:1}
.brand img{width:27px;height:30px}
.site-nav{display:flex;flex-wrap:wrap;gap:12px 26px;font-size:14px;font-weight:700}
.site-nav a{text-decoration:none}
.site-nav a:hover,.related a:hover{color:var(--green)}
.hero{padding:76px 0 72px;background:linear-gradient(110deg,#10281d,#0d5238);color:#fff}
.eyebrow{margin:0;color:#81d5ac;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
h1{max-width:800px;margin:14px 0 16px;font-size:clamp(32px,4.6vw,52px);line-height:1.22;letter-spacing:-.03em}
.hero p:last-child{max-width:750px;margin:0;color:#e1f2e9;font-size:18px}
main{background:var(--paper);padding:64px 0 80px}
.content{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:28px;align-items:start}
.main-copy,.aside{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px}
h2{margin:0 0 12px;font-size:27px;line-height:1.35;letter-spacing:-.02em}
h3{margin:30px 0 8px;font-size:20px;line-height:1.4}
p{margin:0 0 16px}
.steps{padding-left:22px;margin:12px 0 26px}
.steps li{padding:0 0 12px 5px}
.steps li::marker{color:var(--green);font-weight:800}
.case{margin-top:30px;padding:22px 24px;border-left:4px solid var(--point);background:#f7f9f7;border-radius:0 10px 10px 0}
.case h3{margin:0 0 8px}
.case p{margin:0}
.aside h2{font-size:20px}
.aside p{color:var(--muted)}
.cta{display:inline-block;margin-top:8px;padding:11px 19px;border-radius:99px;background:var(--green);color:#fff;text-decoration:none;font-weight:700}
.cta:hover{background:var(--deep)}
.related{display:grid;gap:12px;padding:0;margin:16px 0 0;list-style:none}
.related a{font-weight:700}
.site-foot{background:#0b120f;color:#e4eee8;padding:34px 0;font-size:14px}
.site-foot .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.site-foot a{color:#b9e4cd}
@media(max-width:760px){.site-head .wrap{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px}.hero{padding:52px 0}.content{grid-template-columns:1fr}.main-copy,.aside{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}