@font-face{font-family:AdorableBody;src:url('assets/fonts/body.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:AdorableBody;src:url('assets/fonts/body-bold.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
@font-face{font-family:AdorableSerifKo;src:url('assets/fonts/serif-ko.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:AdorableSerifEn;src:url('assets/fonts/serif-en.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f7f3e9;--ink:#463b30;--muted:#655647;--brown:#69513c;--line:#d6cbbb;--serif:AdorableSerifEn,Georgia,serif;background:var(--paper);color:var(--ink);font-family:AdorableBody,system-ui,sans-serif;font-synthesis:none;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-underline-offset:.2em;scroll-behavior:smooth}
html:lang(ko){--serif:AdorableSerifKo,Georgia,serif;word-break:keep-all;overflow-wrap:anywhere}
*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.65}a{color:inherit;touch-action:manipulation}a:hover{color:#302319}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #356746;outline-offset:5px;border-radius:4px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;text-wrap:balance}h1,h2{font-family:var(--serif);letter-spacing:-.035em}h1{font-size:clamp(2.75rem,5.6vw,5rem);line-height:1.13}h2{font-size:clamp(2rem,3.1vw,2.8rem);line-height:1.3}html:lang(ko) h1{line-height:1.42;font-size:clamp(2.5rem,4.6vw,4.25rem)}html:lang(ko) h2{line-height:1.5}h3{font-size:1.4rem;line-height:1.4}p{overflow-wrap:anywhere}section[id],h2,main{scroll-margin-top:1.5rem}.shell{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:1rem;top:1rem;transform:translateY(-180%);background:var(--ink);color:white;padding:.75rem;z-index:10}.skip:focus{transform:translateY(0)}.header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.75rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.7rem;font-family:AdorableSerifEn,Georgia,serif;font-size:1.8rem;text-decoration:none;letter-spacing:-.055em}.brand img{border-radius:9px}.header nav{display:flex;align-items:center;gap:1.5rem}.header nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.header nav a:hover{text-decoration:underline}.language{border:1px solid var(--line);border-radius:99px;padding:.25rem .9rem}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:4rem;padding-block:4rem}.hero-copy{max-width:35rem;padding-bottom:2rem}.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.075em;color:var(--muted);margin-bottom:1.4rem}.hero h1{max-width:11ch}html:lang(ko) .hero h1{max-width:9.5em}.intro{font-size:1.2rem;line-height:1.85;max-width:31rem;margin:1.6rem 0 2rem;text-wrap:pretty}.button{display:inline-flex;align-items:center;justify-content:center;gap:2.5rem;padding:.9rem 1.5rem;min-height:52px;background:var(--brown);color:white;border-radius:8px;text-decoration:none;font-weight:600;transition:background-color .18s}.button:hover{background:#4e3a2a;color:white}.status{display:flex;align-items:center;gap:.45rem;font-size:.92rem;margin-top:1.2rem;color:var(--muted)}.dot{width:6px;height:6px;flex:none;background:#698163;border-radius:50%}.meta{font-size:.83rem;color:var(--muted);margin-top:.4rem}.hero-visual{position:relative;background:#e9e3d5;border:1px solid #ded5c4;border-radius:48% 48% 12px 12px;padding:2rem 2rem 1.5rem;text-align:center}.hero-label{font-size:.68rem;letter-spacing:.18em;color:var(--muted);margin-bottom:1.3rem}.hero-screen{max-width:280px;margin:auto;border:5px solid #fff9ed;border-radius:28px;overflow:hidden;box-shadow:0 20px 50px #463b301c;transform:rotate(2deg)}.hero-visual figcaption{font-size:.7rem;color:var(--muted);margin-top:1.6rem}.ribbon{display:flex;justify-content:space-between;gap:1.5rem;border-block:1px solid var(--line);padding-block:1.4rem;font-size:.9rem}.ribbon span{color:var(--brown);margin-right:.35rem}.section{padding-block:5.5rem}.section>h2{max-width:27ch}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:3rem}.step{min-width:0}.step-copy{min-height:13.5rem}.number{font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.step h3{margin:.6rem 0 .8rem;font-weight:600;font-size:1.35rem}.step p{color:var(--muted);max-width:37ch;line-height:1.8}.screen-wrap{background:#ede6d8;padding:2rem 2rem 0;border-radius:12px;max-height:440px;overflow:hidden;margin-top:1.5rem}.screen-wrap img{border:3px solid #fffaf0;border-radius:22px;box-shadow:0 10px 25px #463b3015}.ink-section{background:#eee7da;border-block:1px solid var(--line)}.section-intro{margin-top:1.5rem;max-width:44rem;color:var(--muted)}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2.5rem 0 1.4rem}.plan{background:var(--paper);border:1px solid #d9cebd;padding:1.75rem;border-radius:10px}.plan h3{font-size:.95rem;font-weight:600}.price{font-family:AdorableSerifEn,Georgia,serif;font-size:2.6rem;letter-spacing:-.04em;line-height:1.4;margin:.7rem 0;font-variant-numeric:tabular-nums}.plan .allocation{font-weight:600;margin-bottom:.8rem;color:var(--ink)}.plan p:not(.price){font-size:.95rem;color:var(--muted)}.fine{max-width:80ch;font-size:.9rem;line-height:1.8;color:var(--muted)}.private{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center;border-bottom:1px solid var(--line)}.seal{font-family:AdorableSerifEn,Georgia,serif;font-size:7rem;border:1px solid #cbbca6;border-radius:50%;width:190px;height:190px;display:grid;place-items:center;line-height:1;transform:rotate(-8deg);color:#887357;justify-self:center;padding-bottom:1rem}.private p{max-width:58ch;margin:1.3rem 0;color:var(--muted);line-height:1.9}.text-link{font-weight:600}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:3rem}.faq details{border-bottom:1px solid var(--line);padding:1.2rem 0}.faq details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:600;padding-right:1rem;min-height:32px}details p{margin:.8rem 1rem .4rem 0;color:var(--muted);max-width:65ch;line-height:1.8}.ending{padding-block:4rem 6rem;text-align:center;border-top:1px solid var(--line)}.ending p:not(.eyebrow){margin-top:1rem}.ending .status{justify-content:center}.footer{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-block:1.75rem;color:var(--muted);font-size:.85rem}.footer nav{display:flex;flex-wrap:wrap;gap:.6rem 1.3rem}.footer a{min-height:32px}.footer p{flex-shrink:0}
@media(max-width:900px){.shell{width:calc(100% - 48px)}.hero{gap:2rem}.hero-visual{padding:1.5rem}.hero-screen{max-width:245px}.plans{gap:.75rem}.plan{padding:1.2rem}.steps{gap:1rem}.screen-wrap{padding:1.2rem 1.2rem 0}.step-copy{min-height:16rem}.private{gap:2rem}.footer{flex-direction:column;gap:.7rem}}
@media(max-width:640px){.shell{width:calc(100% - 40px)}.header{padding-block:1.1rem;gap:.7rem;flex-wrap:wrap}.brand{font-size:1.65rem}.header nav{gap:.65rem;font-size:.82rem;flex-wrap:wrap}.header nav>a:not(.language){display:none}.hero{grid-template-columns:1fr;padding-block:2.8rem;gap:1.5rem}.hero-copy{padding-bottom:0}.hero h1{max-width:12ch}html:lang(ko) .hero h1{max-width:9em}.intro{font-size:1.06rem;margin-top:1.1rem}.hero-visual{max-width:390px;width:100%;justify-self:center;padding:1.8rem 2rem 1.2rem}.hero-screen{max-width:235px}.hero-label{margin-bottom:1.1rem}.ribbon{flex-direction:column;gap:.6rem;padding-block:1.2rem}.section{padding-block:3.5rem}.steps,.plans{grid-template-columns:1fr;gap:2rem}.step-copy{min-height:0}.step p{max-width:unset}.screen-wrap{max-width:360px;max-height:420px;margin-inline:auto;padding:1.7rem 2rem 0}.steps{margin-top:2rem}.plans{gap:.8rem}.plan{padding:1.5rem}.private,.faq{grid-template-columns:1fr;gap:2rem}.seal{width:120px;height:120px;font-size:4.7rem;justify-self:start}.ending{padding-block:3rem 4rem}.footer nav{gap:.9rem 1.2rem}.footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.button{width:100%;gap:1.5rem}.eyebrow{margin-bottom:1rem}.faq{gap:1.5rem}.price{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
.hero h1{max-width:100%}.hero h1>span{display:block}html:lang(ko) .hero h1{max-width:100%}
.hero>*{min-width:0}h1,h2,h3{overflow-wrap:anywhere}