:root{--paper: #F7F6F1;--paper-2: #F7F6F1;--ink: #1F2421;--muted: #5F6560;--green: #2E7D32;--tint: #E8F2E9;--red: #B3261E;--line: #DDDDD5;--card: #FFFFFF;--wrap: 1280px;--gutter: 40px;--header: 68px;--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:var(--header);-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;font-size:17px;line-height:1.6;word-break:keep-all;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:2px}:focus:not(:focus-visible){outline:none}h1,h2,h3,p{margin:0}h1,h2{overflow-wrap:break-word;min-width:0}.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 80%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 transparent;transition:box-shadow .3s}.site-header.scrolled{box-shadow:0 1px 0 var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--header)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;text-decoration:none}.brand img{width:30px;height:30px;border-radius:8px}.site-nav{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:500}.site-nav a{text-decoration:none;color:var(--muted);transition:color .2s}.site-nav a:hover{color:var(--ink)}.site-nav .nav-cta{color:#fff;background:var(--green);padding:8px 16px;border-radius:999px}.site-nav .nav-cta:hover{color:#fff;background:color-mix(in srgb,var(--green) 82%,#000)}.lang{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line)}.lang button{border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:13px;font-weight:700;line-height:1;min-width:36px;min-height:28px;padding:6px 8px;border-radius:999px}.lang button[aria-pressed=true]{background:var(--green);color:#fff}html[lang=en] body{word-break:normal}.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border-radius:10px;font:inherit;font-weight:600;font-size:16px;text-decoration:none;transition:transform .2s var(--ease),background .2s,color .2s,box-shadow .2s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--green) 82%,#000)}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.btn[aria-disabled=true]{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line);cursor:default}.hero{height:calc(100vh - var(--header));height:calc(100svh - var(--header));min-height:560px;display:flex;align-items:center;padding:16px 0 32px;overflow:hidden}.hero-grid{width:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"head visual" "sub visual";grid-template-rows:auto auto;column-gap:48px;align-content:center}.hero-head{grid-area:head;align-self:end}.hero-sub{grid-area:sub;align-self:start}.hero-visual{grid-area:visual;align-self:center;animation:rise 1.1s var(--ease) .3s both}.hero-visual .phone{width:min(340px,calc((100svh - var(--header) - 96px) * 9 / 16.6))}.hero-visual .ps-progress span{width:57%;animation:fill 1.6s var(--ease) 1s both}.hero-head,.hero-sub{position:relative;padding-left:52px}.hero-head:before,.hero-sub:before{content:"";position:absolute;left:0;width:10px;background:var(--green);transform-origin:top;animation:grow-y .9s var(--ease) both}.hero-head:before{top:8px;bottom:0}.hero-sub:before{top:0;bottom:8px;animation-delay:.5s}.hero h1{white-space:nowrap;font-size:clamp(72px,7vw,118px);font-weight:650;letter-spacing:-.04em;line-height:.98;margin:8px 0 26px}.hero-verse{font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.6}.hero-verse cite{display:inline-block;margin-left:8px;font-style:normal;font-size:.75em;color:var(--muted)}.lead{padding-top:22px;color:var(--muted);max-width:30em}.hero-brand{display:flex;align-items:center;gap:16px}.app-icon{width:72px;height:72px;border-radius:18px;box-shadow:0 14px 28px -14px #1f232073}.hero-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;max-width:480px}.store{display:flex;align-items:center;gap:12px;min-width:0;height:62px;padding:0 16px;border-radius:14px;background:var(--green);color:#fff;text-decoration:none;transition:transform .2s var(--ease),background .2s,box-shadow .2s}.store:hover{background:color-mix(in srgb,var(--green) 82%,#000)}.store:active{transform:scale(.97)}.store svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.store span{display:flex;flex-direction:column;min-width:0;font-size:16px;font-weight:700;line-height:1.2}.store small{font-size:11.5px;font-weight:500;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store[aria-disabled=true]{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line);cursor:default}.store[aria-disabled=true]{order:1}.store.recommended:not([aria-disabled=true]){order:-1}.store.recommended:not([aria-disabled=true]){box-shadow:0 12px 24px -12px #3f5048b3}.hero-head>*,.hero-sub>*{animation:rise .9s var(--ease) both}.hero-head>.hero-brand{animation-delay:.1s}.hero-head>h1{animation-delay:.25s}.hero-head>.hero-verse{animation-delay:.45s}.hero-sub>.lead{animation-delay:.6s}.hero-sub>.hero-dl{animation-delay:.75s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes grow-y{0%{transform:scaleY(0)}}@keyframes fill{0%{width:0}}section[id]{padding:56px 0}.hero,.screen{scroll-snap-align:start}@media(hover:hover)and (pointer:fine){html{scroll-snap-type:none}}.screen{min-height:calc(100vh - var(--header));min-height:calc(100svh - var(--header));display:flex;flex-direction:column;justify-content:center}.screen>.wrap,.screen-last>section>.wrap{width:100%;max-width:var(--wrap)}.screen-last>section{flex:1;display:flex;flex-direction:column;justify-content:center}.section-head{margin-bottom:48px;padding-bottom:28px;border-bottom:1.5px solid var(--line)}.kicker{font-weight:700;font-size:15px;color:var(--muted);letter-spacing:.02em}h2{font-size:clamp(32px,4.2vw,54px);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-top:10px}.video-frame{width:100%;max-width:min(1120px,calc((100svh - var(--header) - 112px) * 16 / 9));margin:0 auto;border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:0 40px 80px -40px #1f232066,0 0 0 1px var(--line)}.video-frame video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--paper)}.video-frame.vertical{max-width:min(400px,calc((100svh - var(--header) - 112px) * 9 / 16))}.video-frame.vertical video{aspect-ratio:9 / 16}.app{background:linear-gradient(var(--paper),var(--paper-2))}.app-grid{display:grid;grid-template-columns:5fr 7fr;column-gap:72px;align-items:start}.app-grid>h2{margin:0}.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:36px 40px}.facts li{padding-left:22px;border-left:3px solid var(--tint);color:var(--muted);font-size:16px}.facts b{display:block;color:var(--ink);font-size:18px;margin-bottom:2px}.phone-stage{perspective:1400px;display:flex;justify-content:center;padding:20px 0}.phone{width:min(360px,82vw);aspect-ratio:9 / 16.6;border-radius:48px;background:#1d1f1d;padding:13px;transform:rotateX(var(--rx, 8deg)) rotateY(var(--ry, -16deg));transform-style:preserve-3d;transition:transform .5s var(--ease);box-shadow:40px 60px 80px -30px #1f232059,0 0 0 1px #0000004d}.phone-screen{height:100%;border-radius:36px;background:#fafcfa;padding:46px 20px 20px;overflow:hidden}.ps-head{display:flex;gap:12px;align-items:center}.ps-head img{width:44px;height:44px;border-radius:11px}.ps-title{font-weight:700;font-size:18px;line-height:1.3}.ps-sub{font-size:13px;color:#56605a}.ps-progress{height:7px;background:#dde5dd;border-radius:4px;margin:20px 0 16px;overflow:hidden}.ps-progress span{display:block;height:100%;width:0;background:#2e5339;border-radius:4px;transition:width 1.6s var(--ease) .4s}.phone-stage.in .ps-progress span{width:57%}.ps-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ps-steps li{display:flex;align-items:center;gap:11px;border:1.5px solid #DDE5DD;border-radius:12px;padding:10px 12px;font-size:14.5px;background:#fff}.ps-steps .n{width:26px;height:26px;flex:none;border-radius:50%;background:#f1f5f1;color:#56605a;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.ps-steps .done .n{background:#4a7c59;color:transparent;position:relative}.ps-steps .done .n:after{content:"✓";position:absolute;color:#fff;font-size:13px}.ps-steps .now{border-color:#2e5339;box-shadow:inset 0 0 0 1px #2e5339}.downloads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.dl{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px 24px 24px;border-radius:16px;background:color-mix(in srgb,var(--card) 45%,transparent);box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease),box-shadow .3s}.dl:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line),0 24px 40px -28px #1f232059}.dl-ic{width:30px;height:30px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dl-text{flex:1}.dl h3{font-size:22px;font-weight:700}.dl p{color:var(--muted);font-size:14px;margin-top:4px;line-height:1.55}.dl p b{color:var(--ink);font-weight:600}.dl .btn{width:100%;height:auto;min-height:48px;font-size:15px;white-space:normal;text-align:center;line-height:1.3;padding:10px 14px}.dl-actions{display:flex;flex-direction:column;gap:8px}.dl p a{color:var(--green);font-weight:600}.badge{position:absolute;top:18px;right:18px;display:none;font-size:12px;font-weight:700;color:#fff;background:var(--red);padding:3px 10px;border-radius:999px}.dl.recommended{background:var(--card);box-shadow:inset 0 0 0 2px var(--green)}.dl.recommended .badge{display:block}.site-footer{padding:32px 0 calc(32px + env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.site-footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer strong{color:var(--ink)}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{color:var(--ink)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}@media(max-width:1024px){:root{--gutter: 32px}.hero{min-height:600px;align-items:stretch;padding:28px 0 calc(28px + env(safe-area-inset-bottom))}.hero-grid{display:flex;flex-direction:column}.hero-head,.hero-sub{align-self:stretch}.hero-visual{flex:1;min-height:0;overflow:hidden;margin:20px 0 16px;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}.hero-visual .phone-stage{padding:6px 0 0}.hero-visual .phone{width:min(320px,74vw);--rx: 0deg !important;--ry: 0deg !important;box-shadow:0 30px 50px -30px #1f232066,0 0 0 1px #0000004d}.app-grid{grid-template-columns:1fr;row-gap:40px}.facts{gap:24px 32px}.downloads{grid-template-columns:repeat(2,minmax(0,1fr))}.downloads .dl.recommended{order:-1}}@media(max-width:640px){:root{--gutter: 20px;--header: 56px}body{font-size:16px}.brand{font-size:17px}.brand img{width:26px;height:26px}.site-nav{gap:8px}.site-nav a:not(.nav-cta){display:none}.site-nav .lang{display:inline-flex}.site-nav .nav-cta{padding:7px 14px;font-size:14px}.hero{min-height:520px;padding:18px 0 calc(16px + env(safe-area-inset-bottom))}.hero-head,.hero-sub{padding-left:22px}.hero-head:before,.hero-sub:before{width:6px}.hero-sub:before{display:none}.hero-sub{padding-left:0}.hero h1{font-size:clamp(48px,15vw,72px);margin:2px 0 10px}.hero-verse{font-size:15px;line-height:1.55}.hero-visual{margin:8px 0 4px}.hero-visual .phone{width:min(290px,76vw);border-radius:42px}.hero-visual .phone-screen{border-radius:31px;padding-top:38px}.hero-brand{gap:12px}.app-icon{width:48px;height:48px;border-radius:12px}.lead{display:none}.hero-dl{margin-top:0;max-width:none;gap:8px}.store{height:54px;padding:0 12px;gap:10px;border-radius:12px}.store svg{width:20px;height:20px}.store span{font-size:15px}.store small{font-size:11px}section[id]{padding:24px 0}.section-head{margin-bottom:20px;padding-bottom:16px}h2{font-size:clamp(28px,8vw,34px)}.video-frame{border-radius:14px}.video-frame.vertical{max-width:min(100%,calc((100svh - var(--header) - 48px) * 9 / 16))}.app-grid{row-gap:28px}.facts{grid-template-columns:1fr;gap:18px}.downloads{grid-template-columns:1fr;gap:8px}.dl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 14px 14px 16px;border-radius:14px}.dl:hover{transform:none}.dl-ic{width:24px;height:24px}.dl h3{font-size:16px}.dl p{font-size:12.5px;margin-top:2px;line-height:1.45}.dl .btn{width:auto;height:40px;padding:0 14px;font-size:13.5px;border-radius:9px}.dl-actions{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.dl-actions .btn{flex:1 1 8em;width:auto}.badge{display:none!important}.site-footer{padding:20px 0 calc(20px + env(safe-area-inset-bottom));font-size:13px}.site-footer .wrap{flex-direction:column;gap:10px}}@media(max-width:640px)and (max-height:700px){section[id]{padding:12px 0}.kicker{display:none}h2{font-size:26px;margin-top:0}.section-head{margin-bottom:14px;padding-bottom:12px}.dl{padding-top:11px;padding-bottom:11px}}html:has(body.download-page){scroll-snap-type:none}body.download-page .screen{min-height:0;justify-content:flex-start;padding-top:36px}@media(min-width:641px){body.download-page .downloads{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px}}.download-paths{margin-top:28px;color:var(--muted);font-size:14px}.download-paths a{color:var(--green);font-weight:600}.download-paths code{font-size:13px}@media(max-height:640px){:root{--header: 56px}html{scroll-snap-type:none}.hero{height:auto;min-height:0;overflow:visible;align-items:center;padding-top:12px;padding-bottom:16px}.screen{min-height:0;justify-content:flex-start}.hero-visual{flex:none;height:min(168px,30svh);margin:8px 0;overflow:hidden}.hero-visual .phone{width:min(190px,54vw)}.video-frame{max-width:min(1120px,100%)}.video-frame.vertical{max-width:min(400px,100%)}}@media(max-height:640px)and (min-width:641px){.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(160px,.75fr);grid-template-areas:"head visual" "sub visual";column-gap:28px;align-items:center}.hero-head{grid-area:head;align-self:end}.hero-sub{grid-area:sub;align-self:start}.hero-visual{grid-area:visual;height:auto;max-height:calc(100svh - var(--header) - 24px);margin:0;overflow:hidden;align-self:center;-webkit-mask-image:none;mask-image:none}.hero-visual .phone-stage{padding:0}.hero-visual .phone{width:min(180px,calc((100svh - var(--header) - 28px) * 9 / 16.6))}.hero-brand{gap:10px}.app-icon{width:44px;height:44px;border-radius:12px}.hero-head,.hero-sub{padding-left:28px}.hero-head:before,.hero-sub:before{width:6px}.hero h1{font-size:clamp(36px,5vw,52px);margin:2px 0 6px}.hero-verse{font-size:14px;line-height:1.4}.lead{padding-top:4px;font-size:14px;line-height:1.35}.hero-dl{margin-top:8px;gap:6px}.store{height:44px;padding:0 10px;gap:8px}.store span{font-size:14px}}@media(max-width:380px){.hero h1{white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.ps-progress span{width:57%}}
