:root{--paper:#f5f3e9;--ink:#173f35;--muted:#62716a;--line:#cfd5c7;--lime:#d9f283;--white:#fffef8}*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;word-break:keep-all;line-height:1.8}
a{color:inherit}.wrap{max-width:1040px;margin:auto;padding:0 32px}.latin{font-family:'Space Grotesk',sans-serif}
header{border-bottom:1px solid var(--line)}nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-1.5px;display:flex;gap:10px;align-items:center}
.brand-icon{width:22px;height:22px;border:5px solid var(--ink);border-radius:50% 50% 50% 4px;transform:rotate(-20deg)}
.brand small{font-size:11px;letter-spacing:0;margin-left:3px}
.navlinks{display:flex;gap:22px;font-size:13px;font-weight:600}.navlinks a{text-decoration:none;white-space:nowrap}.navlinks a:hover{opacity:.6}.navlinks a.on{border-bottom:2px solid var(--ink)}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:64px 0 48px}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;padding:7px 13px;font-size:12px;background:var(--white)}
.chip i{width:6px;height:6px;border-radius:50%;background:#7b945d}
.hero h1{font-size:clamp(38px,5vw,60px);line-height:1.25;letter-spacing:-3px;font-weight:800;margin:22px 0 14px}
.hero h1 span{background:linear-gradient(transparent 62%,var(--lime) 62%)}
.hero p{color:var(--muted);font-size:16px;margin:0 0 26px;max-width:460px}
.appicon{width:76px;height:76px;border-radius:18px;box-shadow:4px 6px 0 #c1ccb5;margin-bottom:22px;display:block}
.phones{display:flex;justify-content:center;gap:0;padding:12px 0}.phones img{width:44%;border-radius:22px;border:6px solid var(--ink);background:var(--ink);box-shadow:8px 10px 0 #bdc7ae}
.phones img:nth-child(1){transform:rotate(-6deg) translateY(10px)}.phones img:nth-child(2){transform:rotate(4deg) translateX(-10px)}
.pillrow{display:flex;gap:12px;flex-wrap:wrap}
.pill{display:inline-flex;padding:14px 22px;border-radius:40px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:14px;font-weight:600}
.pill.ghost{background:none;color:var(--ink);border:1px solid var(--ink)}
section.block{border-top:1px solid var(--line);padding:56px 0}
.doc{max-width:760px;padding:48px 0 72px}.doc h1{font-size:34px;letter-spacing:-1.5px;line-height:1.4;margin:0 0 22px}
.doc h2{font-size:22px;letter-spacing:-.8px;margin:44px 0 12px;padding-top:26px;border-top:1px solid var(--line)}.doc h2:first-of-type{border-top:0;padding-top:0}
.doc h3{font-size:17px;margin:28px 0 8px}.doc p,.doc li{font-size:15px;color:#2f4a40}.doc ul,.doc ol{padding-left:22px}
.doc hr{border:0;border-top:1px solid var(--line);margin:34px 0}.doc a{border-bottom:1px solid #94ad50;text-decoration:none}
.t{overflow-x:auto;margin:16px 0}.doc table{border-collapse:collapse;width:100%;font-size:14px;background:var(--white);border:1px solid var(--line)}
.doc th,.doc td{border-bottom:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}.doc th{background:#eaf0df;font-size:13px}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:6px 0 10px}
.feat div{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--white)}.feat h3{margin:0 0 8px}.feat p{margin:0;font-size:14px}
footer{border-top:1px solid var(--line);padding:30px 0 40px;font-size:12px;color:var(--muted);line-height:2}
footer .links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:6px}footer a{text-decoration:none;border-bottom:1px solid var(--line)}
@media(max-width:760px){.wrap{padding:0 22px}.hero{grid-template-columns:1fr;padding:40px 0 28px}.navlinks{gap:12px;font-size:12px}.brand{font-size:21px}.brand small{display:none}.feat{grid-template-columns:1fr}.phones img{width:46%}}