@font-face{font-family:MuseumSystem;src:local("Pretendard"),local("Noto Sans KR");font-display:swap}
:root{--paper:#f6f1e7;--surface:#fffdf7;--ink:#183e35;--muted:#69776e;--brass:#b58c4a;--line:#ddd9cb;--cream:#efe5d2}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 MuseumSystem,-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;word-break:keep-all}
h1,h2,h3,p,figure{margin:0}
a{color:inherit;text-decoration:none}
a,button{touch-action:manipulation}
a:focus-visible,summary:focus-visible{outline:3px solid var(--brass);outline-offset:4px}
img{display:block;max-width:100%}
.skip{position:absolute;left:-9999px;top:8px;background:var(--surface);padding:9px;z-index:20}
.skip:focus{left:8px}
.page-nav{display:flex;align-items:center;justify-content:space-between;max-width:1312px;margin:0 auto;gap:20px;padding:20px 40px;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:11px;font-weight:760;letter-spacing:-.35px;line-height:1.3}
.wordmark small{display:block;font:9px/1.4 Georgia,serif;color:var(--muted);letter-spacing:2px;margin-top:5px}
.nav-start{display:inline-flex;gap:13px;align-items:center;justify-content:center;border:1px solid #b3c0ac;border-radius:30px;padding:10px 19px;min-height:44px;font-weight:750;font-size:12px}
.nav-start:hover{background:#e8ede3}
main{max-width:1312px;margin:auto;padding:0 40px}
.kicker{display:block;color:#987a4d;font:700 11px Georgia,serif;letter-spacing:2px;margin-bottom:17px}
.intro-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);align-items:center;gap:60px;padding:68px 0 75px}
h1,h2{font-family:Georgia,"Nanum Myeongjo","Batang",serif;font-weight:500;letter-spacing:-1.8px}
h1{font-size:clamp(36px,4.6vw,63px);line-height:1.33}
h1 em{font-style:normal;color:#a07d48}
.hero-summary{color:#526b5d;font-size:15px;line-height:2;max-width:470px;margin-top:24px}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:29px 0 14px}
.button-primary{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:var(--ink);color:#fff9e8;padding:14px 23px;min-height:50px;border-radius:11px;font-size:14px;font-weight:750;box-shadow:0 9px 25px #173e3527}
.button-primary:hover{background:#2f624b}
.button-quiet{display:inline-flex;justify-content:center;align-items:center;padding:13px 4px;min-height:44px;font-size:12px;font-weight:750}
.notice{font-size:11px;color:var(--muted);line-height:1.6}
.hero-picture{position:relative;box-shadow:0 28px 55px #203d2b20;border-radius:26px;overflow:hidden;aspect-ratio:1.35;background:#d0d8c8}
.hero-picture img{height:100%;width:100%;object-fit:cover}
.hero-picture-label{position:absolute;left:20px;bottom:20px;padding:7px 13px;border:1px solid #ffffff75;background:#fff9e8ed;color:#234a3c;border-radius:30px;font-size:11px;font-weight:700}
section{scroll-margin-top:34px}
.three-steps,.showcase,.questions{padding:79px 0;border-top:1px solid var(--line)}
.section-intro{max-width:780px;margin:0 0 31px}
.section-intro h2,.themed h2,.bottom-cta h2{font-size:clamp(30px,3.3vw,44px);line-height:1.4}
.section-intro p{color:var(--muted);font-size:13px;margin-top:13px}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.step-grid article{padding:31px 28px 35px;border:1px solid var(--line);background:var(--surface);border-radius:17px;min-height:202px}
.step-no{display:block;color:#ac844b;font:11px Georgia,serif;letter-spacing:1.3px;margin-bottom:32px}
.step-grid h3{font-size:18px;line-height:1.4;letter-spacing:-.5px}
.step-grid p{font-size:13px;color:var(--muted);margin-top:11px}
.showcase-grid{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.55fr);gap:24px;align-items:start}
.screenshot{margin:0;background:#fefbf5;padding:13px;border:1px solid var(--line);border-radius:20px;box-shadow:0 15px 40px #1c36280b}
.screenshot img{width:100%;height:auto;border-radius:11px}
.screenshot-phone{max-width:380px;justify-self:center}
.screenshot-wide{margin-top:56px}
.screenshot figcaption,.themed figcaption{padding:13px 5px 2px;color:#707c70;font-size:11px}
.themed{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:center;gap:54px;border-top:1px solid var(--line);padding:77px 45px;background:#e9ede4;border-radius:23px;margin:0 0 60px}
.themed p{font-size:13px;color:#567061;line-height:1.9;margin:20px 0 25px}
.themed figure{margin:0;min-width:0}
.themed figure img{width:100%;border-radius:13px;box-shadow:0 12px 35px #173e3526}
.themed strong{color:var(--ink)}
.questions{border-top:none;padding-top:32px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:0 10px}
.faq-list summary{cursor:pointer;padding:20px 10px;font-size:16px;list-style-position:inside;font-weight:730}
.faq-list details p{font-size:13px;color:#66776d;padding:0 22px 22px;max-width:800px;line-height:1.9}
.bottom-cta{background:#183e35;color:#fff5e3;border-radius:22px;text-align:center;margin:36px 0 67px;padding:65px 22px}
.bottom-cta h2{font-size:clamp(26px,3.3vw,40px)}
.bottom-cta .kicker{color:#e8c58b}
.bottom-cta p{color:#e0e6d8;margin:12px 0 27px;font-size:13px}
.bottom-cta .button-primary{background:#f6ead6;color:#183e35;min-height:48px}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;max-width:1312px;margin:0 auto;padding:25px 40px 35px;border-top:1px solid var(--line);font:10px/1.6 Georgia,serif;letter-spacing:.8px;color:var(--muted)}
@media(max-width:970px){.page-nav{padding:18px 24px}main{padding:0 24px}.intro-hero{gap:28px;padding:50px 0}.showcase-grid{gap:14px}.themed{gap:25px;padding:42px 27px}}
@media(max-width:690px){body{font-size:14px}.page-nav{padding:14px 18px}.wordmark{font-size:13px}.wordmark small{font-size:7px;letter-spacing:1.5px}.wordmark img{width:33px;height:33px}.nav-start{font-size:11px;padding:8px 12px}main{padding:0 18px}.intro-hero{grid-template-columns:1fr;gap:25px;padding:43px 0 44px}h1{font-size:37px}.hero-summary{font-size:14px;margin-top:17px}.hero-actions{margin-top:22px}.hero-picture{aspect-ratio:1.35;border-radius:17px}.three-steps,.showcase,.questions{padding:54px 0}.step-grid{grid-template-columns:1fr;gap:10px}.step-grid article{min-height:0;padding:22px 22px}.step-no{margin-bottom:13px}.step-grid h3{font-size:17px}.showcase-grid{grid-template-columns:1fr;gap:15px}.screenshot-phone{max-width:330px}.screenshot-wide{margin-top:0}.section-intro h2,.themed h2{font-size:31px}.themed{grid-template-columns:1fr;padding:34px 19px;gap:28px;border-radius:17px;margin-bottom:24px}.questions{padding-top:20px}.bottom-cta{padding:48px 16px;margin-bottom:42px}.bottom-cta h2{font-size:28px}footer{padding:22px 18px 32px}.faq-list summary{font-size:14px}.faq-list details p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}