@font-face{font-family:Paperlogy;src:url("assets/fonts/Paperlogy-6SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url("assets/fonts/Paperlogy-7Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Wanted Sans";src:url("assets/fonts/WantedSansVariable.woff2") format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#f5f7fb;--ink:#202d48;--muted:#637087;--blue:#4467dc;--line:#e0e5ee;font-family:"Wanted Sans","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:#dce4ff}svg{display:block}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:#dce4ff}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{word-break:keep-all;overflow-wrap:break-word}.page{max-width:1180px;margin:auto;padding:0 max(40px,env(safe-area-inset-right)) 0 max(40px,env(safe-area-inset-left))}.skip-link{position:absolute;top:12px;left:16px;padding:12px 18px;background:white;border-radius:8px;transform:translateY(-160%);z-index:10}.skip-link:focus{transform:none}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-1px;font-weight:700}.brand:hover{color:var(--blue)}.brand-light{font-weight:400}.brand-icon{width:35px;height:35px;color:var(--blue)}.header-note{font-size:12px;color:var(--muted)}.intro{min-height:350px;display:flex;justify-content:space-between;align-items:center;padding:44px 28px 44px 0;gap:28px}.welcome{display:flex;align-items:center;gap:8px;font-size:12px;color:#556686;margin-bottom:20px}.welcome-mark{font-size:22px;color:var(--blue)}h1{font-size:clamp(36px,4.2vw,52px);line-height:1.25;letter-spacing:-2.6px;font-weight:700}.intro p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:20px}.desk-art{width:300px;height:245px;position:relative;flex-shrink:0}.art-orbit{position:absolute;width:235px;height:235px;left:28px;top:0;border:1px solid #e1e7f3;border-radius:50%}.art-orbit:after{content:"";position:absolute;inset:22px;border:1px dashed #dfe5f0;border-radius:50%}.art-paper{position:absolute;left:65px;top:17px;width:110px;height:141px;background:#fff;border:1px solid #d8e1f0;border-radius:10px;transform:rotate(-14deg);padding:38px 20px;box-shadow:0 8px 18px #273e6b08}.art-paper>span{display:block;height:5px;margin:10px 0;background:#dce4f3;border-radius:2px}.art-paper>span:nth-of-type(2){width:70%}.paper-check{position:absolute;right:12px;bottom:12px;width:26px;height:26px;border-radius:50%;background:#d9eee5;color:#388361;display:grid;place-items:center}.paper-fold{position:absolute;right:0;top:0;border-bottom:20px solid #e5ebf5;border-right:20px solid var(--paper);border-bottom-left-radius:5px}.art-window{position:absolute;left:119px;top:84px;width:141px;height:120px;background:#fff;border:1px solid #cbd7f0;border-radius:12px;transform:rotate(9deg);box-shadow:0 13px 24px #2b4c8110}.window-bar{height:26px;background:#e4ebff;border-bottom:1px solid #d8e0f3;border-radius:11px 11px 0 0;display:flex;align-items:center;gap:4px;padding:0 12px}.window-bar i{width:4px;height:4px;border-radius:50%;background:#8fa5dd}.window-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:15px}.window-grid span{height:23px;border-radius:5px;background:#eae5fa}.window-grid span:nth-child(2){background:#ddf3e8}.window-grid span:nth-child(3){background:#fbe9dd}.window-grid span:nth-child(4){background:#e0e9ff}.art-cursor{position:absolute;right:7px;bottom:5px;width:50px;transform:rotate(-9deg)}.art-spark{position:absolute;color:#8fa4dc}.spark-one{left:19px;top:133px;font-size:31px}.spark-two{right:31px;top:35px;font-size:23px}.tools{scroll-margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 21px}.section-heading h2{font-size:17px;font-weight:650;letter-spacing:-.6px}.section-heading>span{font-size:12px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.tool{grid-column:span 2;min-width:0;padding:25px 26px 18px;background:#fff;border:1px solid #e0e5ee;border-radius:17px;position:relative;transition:border-color .18s,box-shadow .18s}.tool:hover{border-color:var(--accent);box-shadow:0 5px 20px #273e6b09}.tool-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:19px}.tool-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:var(--tint);flex-shrink:0}.tool-icon svg{width:48px;height:48px}.category{font-size:11px;color:var(--muted)}.tool h3{font-size:22px;letter-spacing:-.7px;font-weight:650}.tool p{margin-top:11px;font-size:12px;line-height:1.9;color:var(--muted)}.tool-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding-top:14px;border-top:1px solid #edf0f5;font-size:11px;color:#637087;gap:8px}.open-icon{font-family:"Segoe UI",sans-serif;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:19px;color:var(--ink);background:#f5f7fb;transition:background-color .18s,color .18s}.tool:hover .open-icon{background:var(--accent);color:white}.cloud{--tint:#e9efff;--accent:#4467dc}.qr{--tint:#f0eafb;--accent:#8461ba}.excel{--tint:#e6f4ed;--accent:#368563}.youtube{--tint:#fcEee8;--accent:#b85e53;grid-column:span 3}.ocr{--tint:#eaf0f5;--accent:#50748e;grid-column:span 3}.secondary-title{font-size:15px;font-weight:400;color:var(--muted);margin-left:7px;letter-spacing:0}.youtube,.ocr{padding-top:23px}.youtube .tool-top,.ocr .tool-top{margin-bottom:16px}.note{display:flex;justify-content:center;align-items:center;gap:9px;padding:31px 0 33px;color:#637087;font-size:11px}.note svg{width:17px;height:17px;flex-shrink:0}.note p{line-height:1.8}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:83px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer>span:first-child{font-size:13px;font-weight:650;color:#465570}
@media(min-width:1000px){.youtube,.ocr{padding-left:112px}.youtube .tool-icon,.ocr .tool-icon{position:absolute;left:26px;top:28px}.youtube .tool-top,.ocr .tool-top{margin:0 0 10px}.youtube .tool-bottom,.ocr .tool-bottom{margin-top:20px}.youtube .tool-top,.ocr .tool-top{justify-content:flex-start}}
@media(max-width:900px){.page{padding-inline:28px}.tool{padding:21px 20px 16px}.category{font-size:10px}.tool-top{align-items:flex-start;flex-direction:column;gap:12px}.intro{padding-right:0}.desk-art{transform:scale(.88);transform-origin:right center;width:275px}.tool h3{font-size:20px}.tool p{font-size:12px}.tool-grid{gap:14px}.youtube .tool-top,.ocr .tool-top{flex-direction:row;align-items:center}}
@media(max-width:650px){.page{padding-inline:max(22px,env(safe-area-inset-left))}.header{height:80px}.brand{font-size:22px;gap:9px}.brand-icon{width:30px;height:30px}.header-note{display:none}.intro{min-height:0;padding:40px 0 36px;gap:0;position:relative}.intro-copy{position:relative;z-index:1;width:100%}.welcome{font-size:11px;margin-bottom:16px}h1{font-size:39px;letter-spacing:-2px}.intro p{font-size:12px;margin-top:19px;max-width:320px}.desk-art{position:absolute;right:-9px;top:43px;width:180px;transform:scale(.5);transform-origin:right top;opacity:.75;pointer-events:none}.art-window{left:8px}.art-paper{left:-40px}.art-orbit{left:-70px}.spark-one{left:-82px}.spark-two{right:-2px}.art-cursor{right:-3px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:15px}.section-heading>span{font-size:10px}.tool-grid{grid-template-columns:1fr;gap:12px}.tool,.youtube,.ocr{grid-column:auto;padding:21px 21px 16px 96px;min-height:178px;border-radius:14px}.tool-icon{position:absolute;left:20px;top:23px;width:56px;height:56px;border-radius:16px}.tool-icon svg{width:43px;height:43px}.tool-top,.youtube .tool-top,.ocr .tool-top{margin:0 0 7px;display:block}.category{font-size:10px}.tool h3{font-size:20px}.tool p{margin-top:8px;font-size:11px;line-height:1.8}.tool-bottom,.youtube .tool-bottom,.ocr .tool-bottom{margin-top:14px;padding-top:9px;font-size:10px}.note{padding:25px 0;font-size:10px}.note p span{display:block}footer{min-height:95px;flex-wrap:wrap;gap:8px;padding:21px 0;font-size:10px}footer>span:nth-child(2){text-align:right}footer>span:last-child{flex-basis:100%;font-size:10px}.desktop-break{display:none}}
@media(max-width:360px){.page{padding-inline:16px}.desk-art{opacity:.35}.tool,.youtube,.ocr{padding-left:83px;padding-right:16px}.tool-icon{left:16px;width:50px;height:50px}.tool p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}


h1,h2,h3,.brand{font-family:Paperlogy,"Wanted Sans",sans-serif}h2,h3,.section-heading h2,.tool h3{font-weight:600}.brand-light{font-weight:600}.secondary-title{font-family:"Wanted Sans",sans-serif}