@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#20261d;background:#f6f7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#20261d;--muted:#788071;--line:#e4e7de;--paper:#fff;--olive:#6a7651;--olive-dark:#4f5e38;--pale:#eef1e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}.page{max-width:1440px;margin:auto;padding:0 7.25%}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:700;font-size:16px;text-decoration:none;letter-spacing:-.3px}.brand-mark{width:28px;height:28px;border-radius:9px;background:var(--olive);color:#fff;display:grid;place-items:center}.brand-light{font-weight:400;color:#858b7b}.topbar nav{display:flex;align-items:center;gap:32px}.topbar nav a{font-size:12px;color:#5e6558;text-decoration:none}.topbar nav .nav-cta{color:var(--ink);border:1px solid #d9ddcf;border-radius:6px;padding:10px 13px;display:flex;gap:9px;align-items:center}.hero{min-height:466px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:54px 5% 57px;gap:50px}.hero-copy{position:relative;z-index:2}.eyebrow{font:500 10px DM Mono,monospace;letter-spacing:1.1px;color:var(--olive-dark);display:flex;align-items:center;gap:8px}.eyebrow-dot{width:7px;height:7px;background:#849368;border-radius:50%}.eyebrow-ja{font-family:Noto Sans JP,sans-serif;letter-spacing:0;color:#92988a;font-size:10px}.hero h1{font-size:clamp(47px,6vw,76px);line-height:1.13;letter-spacing:-3px;margin:23px 0 19px;font-weight:700}.hero h1 span{color:var(--olive)}.hero-lead{font-size:15px;line-height:2;color:#687060;margin:0 0 21px}.hero-link{font-size:12px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid #a8ae9b;padding:0 0 8px;display:inline-flex;gap:17px}.hero-link span{font-size:15px;color:var(--olive)}.hero-note{font-size:10px;color:#8b9283;display:flex;align-items:center;gap:7px;margin-top:25px}.hero-note svg{color:var(--olive)}.hero-art{height:328px;position:relative;display:grid;place-items:center}.art-back{position:absolute;width:300px;height:300px;border-radius:50%;background:#e8ebdf;right:10%;top:11px}.photo-card{position:absolute;background:#fff;border:1px solid #e2e5dc;border-radius:7px;padding:9px;box-shadow:0 13px 35px #48503a12}.photo-one{width:210px;left:13%;top:33px;transform:rotate(-7deg)}.photo-two{width:208px;right:12%;bottom:30px;transform:rotate(5deg)}.mountain{height:184px;background:linear-gradient(152deg,#dfe7d9,#cbd5c5 53%,#a9b59d 54%,#78866d);position:relative;overflow:hidden}.mountain:before{content:"";position:absolute;width:160px;height:160px;background:#aab7a0;transform:rotate(45deg);left:-40px;bottom:-100px}.mountain:after{content:"";position:absolute;width:170px;height:170px;background:#718166;transform:rotate(45deg);right:-58px;bottom:-111px}.mountain i,.mountain b{position:absolute;z-index:1;width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:79px solid #eff1e7;top:26px;left:72px}.mountain b{border-left-width:26px;border-right-width:26px;border-bottom-width:62px;left:112px;top:44px;border-bottom-color:#d8dfd1}.mountain-small{height:166px;background:linear-gradient(150deg,#dce4d7,#b7c3af 51%,#95a28b 52%,#68765e)}.mountain-small i{top:20px}.photo-caption{height:30px;display:flex;align-items:end;justify-content:space-between;font:9px DM Mono,monospace;color:#919889}.green{color:#66794d}.convert-pill{position:absolute;z-index:2;left:42%;top:43%;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e4e7de;padding:8px 11px;border-radius:24px;box-shadow:0 4px 15px #30382410;font:9px DM Mono,monospace;color:#68745a}.convert-pill svg{color:#9a9f92}.art-stamp{position:absolute;right:3%;top:23px;background:var(--olive);color:#fff;border-radius:50%;width:65px;height:65px;text-align:center;padding-top:11px;font:13px/12px DM Mono,monospace;transform:rotate(9deg);box-shadow:0 5px 15px #42502c28}.art-stamp small{font-size:8px}.sparkle{position:absolute;color:#a8b295;font-size:21px}.s1{top:50px;right:18%}.s2{bottom:23px;left:18%;font-size:14px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;padding:22px 0}.stats div{display:flex;flex-direction:column;gap:5px;text-align:center}.stats strong{font-size:12px;font-weight:600}.stats span{font-size:10px;color:#858c7e}.stats sup{font-size:8px}.stats>i{height:29px;width:1px;background:var(--line)}.work-area{padding:76px 5% 74px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.muted{color:#8a9181}.section-heading h2,.how h2{font-size:26px;letter-spacing:-.7px;margin:8px 0 0}.supported{font:9px DM Mono,monospace;color:#91988b;padding-bottom:5px}.dropzone{position:relative;background:#fff;border:1px dashed #cbd1c1;border-radius:8px;min-height:278px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}.dropzone.dragging{border-color:var(--olive);background:#f2f5ec;box-shadow:0 0 0 4px #87966c1c}.dropzone.has-files{align-items:stretch;justify-content:flex-start;border-style:solid}.dropzone>input{display:none}.upload-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#edf0e7;color:var(--olive);margin-bottom:14px}.drop-title{font-size:14px;font-weight:600}.drop-sub{font-size:10px;color:#8a9083;margin-top:7px}.drop-actions{display:flex;gap:9px;margin-top:21px}.button{border:0;border-radius:5px;height:39px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600}.button.primary{background:var(--olive);color:#fff}.button.primary:hover,.convert-button:hover{background:var(--olive-dark)}.button.secondary{background:#fff;color:#444b3e;border:1px solid #e0e4d9}.drop-limit{font-size:9px;color:#969c91;margin-top:16px}.drop-limit span{padding:0 6px;color:#c0c4bb}.file-list-wrap{width:100%;padding:20px 24px}.file-list-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.file-summary{display:flex;align-items:center;gap:12px}.file-count{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--pale);color:var(--olive-dark);font:14px DM Mono,monospace}.file-summary strong,.file-summary small{display:block}.file-summary strong{font-size:12px}.file-summary small{font-size:10px;color:#8a9083;margin-top:4px}.list-actions{display:flex;align-items:center;gap:12px}.text-button,.icon-button{display:flex;align-items:center;gap:5px;border:0;background:none;color:#657052;font-size:10px}.icon-button{color:#8d9289;padding:6px}.files-scroll{max-height:260px;overflow:auto}.file-row{height:43px;display:grid;grid-template-columns:28px minmax(100px,1fr) 20px minmax(100px,1fr) 20px;align-items:center;gap:8px;border-bottom:1px solid #f0f1ed}.file-thumb{width:26px;height:26px;border-radius:5px;background:#f2f4ef;color:#829071;display:grid;place-items:center}.file-name{min-width:0}.file-name span,.file-output{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.file-name small{font:9px DM Mono,monospace;color:#a2a79d}.arrow-mini{color:#b0b5aa;font-size:12px}.file-output{color:#6f785f;font-family:DM Mono,monospace;font-size:9px}.ready{color:#84966a}.more-files{text-align:center;padding:10px;color:#8a9083;font-size:10px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.setting-card{min-height:77px;background:#fff;border:1px solid #e6e8e1;border-radius:6px;padding:14px;display:flex;align-items:center;justify-content:space-between}.setting-title{display:flex;align-items:center;gap:10px}.setting-icon{width:31px;height:31px;display:grid;place-items:center;background:#f1f3ed;border-radius:7px;color:#71805b}.setting-title strong,.setting-title small{display:block}.setting-title strong{font-size:10px;font-weight:600}.setting-title small{font-size:9px;color:#92988c;margin-top:4px}.size-badge{display:flex;align-items:center;gap:7px;font:11px DM Mono,monospace;color:#535b4d;background:#f7f8f5;border:1px solid #eceee9;border-radius:4px;padding:8px}.size-badge span{color:#a1a69d}.size-badge small{color:#91988b;font:9px DM Sans,sans-serif}.size-badge svg{color:#a3a99c;margin-left:2px}.quality-control{display:flex;align-items:center;gap:10px}.quality-control input{width:86px;accent-color:var(--olive);height:3px}.quality-control>span{font:11px DM Mono,monospace;width:34px;text-align:right}.quality-control small{font-size:9px;color:#838a7c;margin-left:2px}.prefix-card{grid-column:1/-1;min-height:68px;padding:10px 14px;cursor:pointer;transition:.15s}.prefix-card.selected{border-color:#cbd3bd;background:#fcfdfb}.prefix-icon{font:10px DM Mono,monospace}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:33px;height:19px;border-radius:12px;background:#d9ddd4;position:relative;cursor:pointer;transition:.2s}.switch:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}.switch:checked{background:var(--olive)}.switch:checked:after{left:16px}.convert-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.privacy-inline{font-size:10px;color:#868d7f;display:flex;align-items:center;gap:7px}.privacy-inline svg{color:#7e8d68}.convert-button{height:44px;padding:0 20px;background:var(--olive);color:#fff;font-size:11px}.convert-button:disabled{opacity:.7;cursor:wait}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success{display:flex;align-items:center;gap:8px;font-size:10px;color:#536941}.success span{width:21px;height:21px;border-radius:50%;background:#e8eee0;display:grid;place-items:center}.error{padding:11px 14px;background:#fff0ed;color:#a24636;border-radius:5px;font-size:11px;margin-top:10px}.how{border-top:1px solid var(--line);padding:62px 5% 69px}.how h2{font-size:23px;margin-top:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:29px}.steps article{background:#fff;border:1px solid #e7e9e2;border-radius:6px;padding:19px;position:relative;min-height:165px}.step-no{position:absolute;right:17px;top:17px;font:10px DM Mono,monospace;color:#a2a899}.step-icon{width:34px;height:34px;border-radius:9px;background:#eef1e8;color:var(--olive);display:grid;place-items:center}.steps h3{font-size:12px;margin:14px 0 7px}.steps p{font-size:10px;color:#858c7e;line-height:1.8;margin:0}.privacy{margin:0 5% 72px;border:1px solid #e2e7d9;border-radius:7px;background:#f1f4eb;display:flex;align-items:center;gap:16px;padding:19px 22px}.privacy-mark{color:var(--olive);width:40px;height:40px;display:grid;place-items:center;background:#fff;border-radius:50%;flex:none}.privacy strong{font-size:11px}.privacy p{font-size:9px;color:#828a76;margin:6px 0 0;line-height:1.7}.privacy-tag{margin-left:auto;white-space:nowrap;font:8px DM Mono,monospace;letter-spacing:.8px;color:#869176}footer{border-top:1px solid var(--line);min-height:75px;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:13px}footer .brand-mark{width:23px;height:23px;border-radius:7px}footer>span,footer>a:last-child{font-size:9px;color:#8a9084;text-decoration:none}.footer-dot{padding:0 6px;color:#b4b9ad}.drag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f6f7f3ed;z-index:10;display:grid;place-items:center;pointer-events:none}.drag-overlay>div{border:2px dashed var(--olive);border-radius:16px;padding:54px 80px;color:var(--olive);display:grid;justify-items:center;gap:15px}.drag-overlay strong{font-size:15px}@media(max-width:820px){.page{padding:0 5%}.hero{padding-left:2%;padding-right:2%;gap:20px}.hero-art{transform:scale(.88)}.photo-one{left:4%}.photo-two{right:4%}.art-back{right:0}.section-heading h2,.how h2{font-size:23px}.work-area,.how{padding-left:2%;padding-right:2%}.privacy{margin-left:2%;margin-right:2%}}@media(max-width:600px){.page{padding:0 18px}.topbar{height:65px}.topbar nav{gap:13px}.topbar nav>a:not(.nav-cta){display:none}.topbar nav .nav-cta{padding:8px;font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:47px 2% 25px;gap:4px}.hero h1{font-size:55px;margin-top:18px}.hero-art{height:270px;transform:scale(.86);transform-origin:top center;margin-bottom:-28px}.photo-one{left:9%;top:10px}.photo-two{right:7%;bottom:11px}.art-back{width:270px;height:270px;right:9%;top:-3px}.art-stamp{right:1%;top:1px}.stats{padding:17px 0;display:grid;grid-template-columns:1fr 1fr;gap:17px 0}.stats>i{display:none}.stats strong{font-size:11px}.stats span{font-size:9px}.work-area{padding:50px 0}.section-heading{align-items:start;flex-direction:column;gap:9px}.section-heading h2,.how h2{font-size:22px}.supported{font-size:8px}.dropzone{min-height:270px;padding:18px 12px}.drop-title{font-size:12px}.drop-sub{font-size:9px;text-align:center;line-height:1.7}.drop-actions{gap:7px}.button{padding:0 10px;font-size:10px}.drop-limit{text-align:center;font-size:8px}.file-list-wrap{padding:13px 11px}.file-summary{gap:8px}.file-summary strong{font-size:10px}.file-summary small{font-size:8px}.file-count{width:30px;height:30px}.file-row{grid-template-columns:25px minmax(75px,1fr) 12px minmax(75px,1fr) 14px;gap:5px}.file-name span,.file-output,.file-name small{font-size:8px}.settings{grid-template-columns:1fr;gap:8px}.prefix-card{grid-column:auto}.setting-card{min-height:68px;padding:11px}.size-badge{padding:7px;gap:5px;font-size:10px}.quality-control input{width:100px}.convert-footer{align-items:stretch;flex-direction:column;gap:13px}.convert-button{width:100%}.privacy-inline{justify-content:center}.how{padding:46px 2%}.steps{grid-template-columns:1fr;gap:9px;margin-top:21px}.steps article{min-height:0;padding:15px}.steps p{font-size:9px}.privacy{margin:0 0 45px;padding:15px;gap:11px}.privacy strong{font-size:10px}.privacy p{font-size:8px}.privacy-tag{display:none}footer{min-height:68px;gap:9px}footer .brand{font-size:11px}footer>span{display:none}footer>a:last-child{font-size:8px}}.scan-status{display:flex;align-items:center;justify-content:center;gap:11px;color:#68745a;font-size:12px;min-height:210px}