:root{font-family:"Segoe UI","Malgun Gothic",sans-serif;color:#25232c;background:#fbfaf7;font-synthesis:none;--purple:#7454c6;--pale:#ece5fa;--line:#e4e1e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #9473dd;outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}header{position:sticky;top:0;z-index:10;background:#fbfaf7f5;border-bottom:1px solid var(--line);height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(28px,calc((100vw - 1104px)/2))}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;letter-spacing:-.5px}.brand strong{font-size:19px}nav{display:flex;gap:30px;font-size:14px}nav a:hover,footer a:hover{color:var(--purple)}.button{background:var(--purple);color:white;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:35px;font-size:16px;font-weight:700;padding:17px 24px;min-height:52px}.button:hover{background:#6344b3}.button.small{min-height:40px;padding:10px 16px;font-size:14px;gap:14px}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:0}.hero{min-height:630px;padding-top:75px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.05em;color:#746781;margin:0 0 20px}h1{font-size:clamp(54px,6.2vw,82px);font-weight:760;line-height:1.2;letter-spacing:-5px;margin:0 0 28px}h1 em{font-style:normal;color:var(--purple);text-decoration:underline;text-decoration-color:#d9ccef;text-decoration-thickness:5px;text-underline-offset:10px}.intro{font-size:17px;line-height:1.9;color:#625e6a;margin-bottom:30px}.fine{font-size:12px;line-height:1.9;color:#746e7b}.hero-art{position:relative;height:440px;background:#ede8f6;border-radius:48% 48% 32% 40%;max-width:500px}.paper{position:absolute;width:202px;height:267px;top:63px;border-radius:6px;background:white;border:1px solid #ded9e8;box-shadow:0 12px 35px #66527913;padding:25px}.paper span{font-size:8px;letter-spacing:2px;color:#928a9e}.paper strong{display:block;font-size:27px;line-height:1.6;letter-spacing:-1px;margin:24px 0}.paper i,.mini-page i{display:block;background:#eae6ef;height:5px;margin:10px 0}.paper i:nth-of-type(2){width:70%}.paper b{position:absolute;font-size:10px;bottom:20px;color:#8c829a}.paper-back{right:55px;transform:rotate(15deg);background:#f8f6fc}.paper-front{left:45px;transform:rotate(-8deg)}.paper-stamp{position:absolute;border:1px solid #bfaedb;color:var(--purple);padding:6px;font-size:12px;right:25px;bottom:22px}.mascot{position:absolute;bottom:0;right:0;filter:drop-shadow(0 12px 10px #5c437321)}.orbit-label{position:absolute;right:35px;top:13px;font-size:12px;color:#756882}.art-chip{position:absolute;left:22px;bottom:27px;padding:12px 16px;background:white;border:1px solid #e2daec;border-radius:12px;font-size:12px;color:#67577c}.promise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;padding-top:23px;padding-bottom:23px;font-size:13px;color:#696172}.promise span:before{content:'✓';color:var(--purple);padding-right:10px}h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-1.6px;line-height:1.4;margin:0 0 30px}.features{padding-top:105px;padding-bottom:100px}.showcase{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;margin-top:40px}.feature-tabs{display:flex;flex-direction:column;justify-content:space-between;gap:8px}.feature-tabs button{width:100%;text-align:left;display:flex;gap:16px;align-items:center;background:transparent;border:1px solid transparent;border-radius:14px;padding:22px 16px;color:#6f6877}.feature-tabs button[aria-selected=true]{background:white;border-color:var(--line);color:#2c2439;box-shadow:0 3px 10px #49336205}.feature-tabs b{font-size:11px;color:#a195b1}.feature-tabs span{font-weight:700;flex:1}.feature-tabs span:last-child{flex:0;color:var(--purple)}.feature-tabs small{display:block;font-size:12px;font-weight:400;line-height:1.6;margin-top:8px;color:#807785}.demo{border:1px solid #dcd5e6;border-radius:18px;overflow:hidden;background:#f1edf6;box-shadow:0 10px 40px #5b47700a}.demo-top{display:flex;align-items:center;gap:8px;background:#fff;padding:16px;font-size:12px;border-bottom:1px solid var(--line)}.demo-top span{margin-left:auto;color:#92859e;font-size:10px}.demo-body{padding:30px 18px;text-align:center}.demo-body>p{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:0 0 27px}.demo-pages{display:flex;gap:14px;justify-content:center;min-height:160px;align-items:center}.mini-page{width:105px;height:146px;background:white;border:1px solid #d4ccdf;border-radius:4px;padding:16px;text-align:left;position:relative;transition:transform .25s,border-color .25s}.mini-page.selected{border:2px solid #9678cb;transform:translateY(-8px)}.mini-page>span{font-size:19px;color:#c7b7dc}.mini-page b{position:absolute;bottom:12px;font-size:8px;color:#8a7e98}.mini-page i{height:3px;margin:8px 0}.mini-page i:nth-of-type(2){width:70%}.demo-caption{font-size:12px;line-height:1.7;color:#7d718a;margin:18px 0}.demo-action{border:1px solid #cec0e1;background:#fff;border-radius:8px;padding:9px 14px;font-size:12px;color:#7454a9}.demo-body[data-scene=write] .selected:after{content:'문어';position:absolute;bottom:30px;left:22px;font-size:17px;font-style:italic;color:#7454c6;transform:rotate(-10deg)}.demo-body[data-scene=protect] .selected i:nth-of-type(2){height:10px;background:#303039;width:80%}.demo-body[data-scene=export] .mini-page b{background:var(--pale);padding:2px 8px;border-radius:4px;color:var(--purple)}.local{padding-top:65px;padding-bottom:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.local p:not(.eyebrow){font-size:15px;color:#756d7a;line-height:1.9;margin:0 0 18px}.local a{font-size:13px;color:var(--purple);font-weight:600}.local h2{margin-bottom:0}.download{text-align:center;padding-top:105px;padding-bottom:105px}.download .eyebrow{margin-top:18px}.download h2{font-size:48px}.download>p:not(.eyebrow){font-size:14px;color:#776d82}.download .button{margin-top:15px}.download details{font-size:12px;color:#80728e;max-width:630px;margin:20px auto;cursor:pointer}code{display:block;overflow-wrap:anywhere;font-size:11px;line-height:1.7;margin-top:12px}.updates{padding-top:55px;padding-bottom:70px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.section-heading>p{font-size:12px;line-height:1.9;color:#807785}.release-row{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.release-row h3{margin:0 0 8px;font-size:20px;color:var(--purple)}.release-row time,.release-row .badge{font-size:11px;color:#80748e;display:block;margin:6px 0}.release-row ul{margin:0;padding-left:18px;line-height:2;font-size:14px;color:#655b70}.release-row a{text-decoration:underline;font-size:12px}.account{padding-top:70px;padding-bottom:95px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:90px}.account>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#756b7f}.account .fine{max-width:380px}.account-card{background:white;border:1px solid var(--line);border-radius:20px;padding:30px}h3{margin:0 0 22px;letter-spacing:-.4px}.account-card form{display:flex;flex-direction:column;gap:10px}.account-card label{font-size:12px;font-weight:600}.account-card input{min-width:0;border:1px solid #d9d2e1;border-radius:8px;background:#fdfcfe;padding:12px}.account-card small{font-size:11px;line-height:1.6;color:#8c8295}.account-card .button{margin-top:10px}.text-button{border:none;background:transparent;font-size:12px;padding:12px;color:var(--purple)}#account-message{font-size:12px;line-height:1.8;color:#8e557b;margin-bottom:0}.usage-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.usage-counts div{padding:16px 8px;border-radius:12px;background:#f7f4fb;text-align:center}.usage-counts strong{display:block;font-size:28px;color:var(--purple)}.usage-counts span{font-size:11px;color:#8c8197}#reset-date{font-size:12px;color:#80738e}#account-refresh{padding:10px 14px;border:1px solid #d9cee7;background:white;border-radius:8px;font-size:12px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;padding-top:30px;padding-bottom:40px;font-size:12px;color:#8a7f93}footer .brand{color:#51485f}footer p{margin-left:auto;font-size:11px}@media(max-width:800px){header{padding:0 22px;height:70px}nav{gap:16px;font-size:12px}nav a:first-child{display:none}.hero{gap:20px;min-height:540px}.hero-art{height:340px}.paper{width:153px;height:215px;padding:18px}.paper-front{left:10px}.paper-back{right:18px}.paper strong{font-size:22px;margin:20px 0}.mascot{width:155px;height:155px}.art-chip{left:0;font-size:10px}.orbit-label{right:18px;font-size:10px}.showcase{gap:22px;grid-template-columns:1fr 1fr}.feature-tabs button{padding:16px 10px;gap:10px}.feature-tabs small{font-size:11px}.mini-page{width:73px;height:114px;padding:10px}.demo-pages{gap:8px}.local,.account{gap:35px}.account-card{padding:22px}footer>span{display:none}}@media(max-width:580px){.wrap{padding-left:22px;padding-right:22px}header{gap:12px}.brand strong{font-size:16px}.brand img{width:30px;height:30px}nav a{font-size:11px}nav a[href='#updates']{display:none}.button.small{font-size:12px;padding:9px 12px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:38px;gap:32px}h1{font-size:62px;letter-spacing:-3.5px}.intro{font-size:15px}.hero-art{height:330px;max-width:380px;width:100%;justify-self:center}.paper-front{left:60px}.paper-back{right:53px}.mascot{right:24px;width:165px;height:165px}.art-chip{left:25px}.promise{gap:5px;font-size:10px}.promise span:before{padding-right:4px}.features{padding-top:62px;padding-bottom:65px}.showcase{grid-template-columns:1fr;margin-top:25px}.feature-tabs{gap:4px}.feature-tabs button{padding:14px}.mini-page{width:86px;height:127px}.local,.account{grid-template-columns:1fr;gap:25px;padding-top:45px;padding-bottom:45px}.local h2 br{display:none}.download{padding-top:65px;padding-bottom:65px}.download h2{font-size:35px}.section-heading{display:block}.release-row{grid-template-columns:1fr;gap:14px}.release-row time{display:inline}.release-row .badge{display:inline;margin-left:12px}.updates{padding-top:40px;padding-bottom:40px}footer{flex-wrap:wrap;gap:15px}footer p{width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.download-fallback{display:block;margin:10px auto 0;font-size:12px}