@charset "UTF-8";
:root{color-scheme:light;--bg:#f7f8f4;--ink:#183d36;--muted:#586a61;--accent:#29745e;--line:#dce2d8}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;line-height:1.7}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:2px}
.shell{max-width:1168px;padding:0 48px;margin:0 auto}.skip-link{position:absolute;top:-100px;left:20px;padding:12px;background:var(--ink);color:white;z-index:10}.skip-link:focus{top:12px}
.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;font-size:28px;font-weight:750;letter-spacing:-1.3px;line-height:1}.wordmark:hover{text-decoration:none}.brand-period{color:var(--accent)}
.brand-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:34px;margin-right:10px;border-radius:9px 9px 4px 9px;background:var(--ink);color:var(--bg);font-size:29px;font-weight:600;line-height:1;padding-bottom:3px}.brand-icon span{position:absolute;width:7px;height:7px;right:-3px;bottom:-3px;border-radius:50%;background:#91ad76;border:2px solid var(--bg)}
nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:550}.github-link span{margin-left:5px}
.hero{position:relative;padding:92px 0 88px;isolation:isolate}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;margin:0 0 27px;line-height:1.5}.little-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px;vertical-align:1px}
h1{font-size:clamp(46px,5.5vw,70px);line-height:1.24;letter-spacing:-3.3px;font-weight:650;margin:0 0 28px}h1>span{color:var(--accent)}.hero-description{font-size:16px;color:var(--muted);line-height:1.9;margin:0 0 29px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:14px;font-weight:650}.hero-link{border-bottom:1px solid #a6b4a5;padding-bottom:7px}
.hero-symbol{position:absolute;right:24px;top:118px;width:290px;height:280px;z-index:-1}.hero-symbol>div{position:absolute;width:150px;height:210px;border:1px solid #b8cbb5;border-radius:100px;background:#e4ebdf;transform:rotate(-29deg);left:20px;top:10px}.hero-symbol>div+div{left:108px;top:37px;transform:rotate(29deg);background:#d6e4d7cc;border-color:#a8bfa8}.hero-symbol>span{position:absolute;bottom:0;left:29px;font-size:11px;letter-spacing:1.4px;color:#697e68}
.apps{padding-bottom:72px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.section-heading h2{font-size:20px;letter-spacing:-.7px;margin:0;font-weight:650}.section-heading>span{font-size:12px;color:var(--muted)}
.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.app-card{border:1px solid var(--line);border-radius:16px;padding:32px 30px 24px;display:flex;flex-direction:column;background:#fffefa}.receipt{background:#eef2ec}.app-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px;gap:10px}.category{font-size:11px;font-weight:550;color:var(--muted);letter-spacing:.2px}
.app-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.ledger-icon{background:#dfeade;gap:4px}.ledger-icon i{width:7px;height:18px;background:#2d6950;border-radius:5px}.ledger-icon i+i{height:25px}.receipt-icon{background:#dce5d9}.receipt-icon>i{width:18px;height:24px;background:#f7f8f4;border:1.5px solid #50735a;border-radius:3px;position:relative}.receipt-icon>i:before,.receipt-icon>i:after{content:"";position:absolute;left:3px;right:3px;height:1.5px;background:#50735a;top:6px}.receipt-icon>i:after{top:12px;right:6px}
.app-english{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin:0 0 5px}.app-copy h3{font-size:28px;font-weight:650;letter-spacing:-1px;line-height:1.4;margin:0 0 14px}.app-description{font-size:15px;color:var(--muted);line-height:1.85;margin:0 0 26px}.features{list-style:none;padding:0;margin:0 0 29px;font-size:13px;line-height:2.15}.features li:before{content:"";display:inline-block;width:4px;height:4px;margin-right:9px;background:#699174;border-radius:50%;vertical-align:3px}
.app-footer{margin-top:auto;padding-top:19px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:13px}.hosting-label{font-size:11px;color:var(--muted)}.app-links{display:flex;gap:23px;font-size:13px;font-weight:600}.app-links span{margin-left:4px}.install-note{font-size:12px;color:var(--muted);line-height:1.8;margin:17px 2px 0}
.about{border-top:1px solid var(--line);padding:58px 0 65px;display:grid;grid-template-columns:1fr 1.65fr;gap:35px}.about>.eyebrow{font-size:10px;margin-top:8px;letter-spacing:1.5px}.about h2{font-size:28px;line-height:1.5;font-weight:600;letter-spacing:-1px;margin:0 0 18px}.about p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 23px}.about .text-link{font-size:13px}
.footer{border-top:1px solid var(--line);padding:26px 0 32px;display:flex;align-items:center;gap:24px;font-size:11px;color:var(--muted)}.footer-brand{font-size:18px;letter-spacing:-.7px;font-weight:700;color:var(--ink)}.footer>a:last-child{margin-left:auto}
@media(min-width:1000px){.app-footer{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.app-links{gap:17px}}
@media(max-width:760px){.shell{padding:0 26px}.header{height:88px}.wordmark{font-size:25px}nav{gap:20px;font-size:12px}.hero{padding:67px 0 65px}.hero-symbol{right:0;top:110px;width:170px;height:190px;opacity:.6}.hero-symbol>div{width:95px;height:140px;left:0;top:0}.hero-symbol>div+div{left:65px;top:20px}.hero-symbol>span{display:none}h1{font-size:52px;letter-spacing:-2.8px}.hero-description{font-size:14px}.app-grid{gap:15px}.app-card{padding:24px 21px}.app-description{font-size:13px}.features{font-size:12px}.app-copy h3{font-size:25px}.category{font-size:10px}.about{grid-template-columns:1fr 1.5fr;gap:20px}.about h2{font-size:25px}}
@media(max-width:580px){.shell{padding:0 22px}.hero-symbol{display:none}.hero{padding:58px 0 57px}h1{font-size:clamp(40px,11.5vw,48px)}.eyebrow{font-size:10px;letter-spacing:1.5px}.section-heading{margin-bottom:18px}.section-heading>span{font-size:10px}.section-heading h2{font-size:18px}.app-grid{grid-template-columns:1fr;gap:18px}.app-card{padding:27px 25px 23px}.app-top{margin-bottom:25px}.app-description{font-size:15px}.features{font-size:13px}.app-copy h3{font-size:28px}.app-footer{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.app-links{font-size:12px;gap:17px}.install-note{font-size:11px;margin-top:18px}.apps{padding-bottom:47px}.about{grid-template-columns:1fr;gap:17px;padding:34px 0 42px}.about>.eyebrow{margin:0}.about h2{font-size:26px}.about p:not(.eyebrow){font-size:13px}.footer{gap:13px;font-size:10px}.footer-brand{font-size:17px}nav{gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}