@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-400.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-500.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-600.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--ink:#282a2d;--muted:#686d75;--line:#d8dadd;--blue:#06c;--display:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--interface:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;font-family:var(--interface);font-synthesis:none;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:var(--blue)}a:hover{color:#004c99}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.site-header{border-top:1px solid #a4a6a9;box-shadow:0 1px 2px #00000010}.header-bar{background:repeating-linear-gradient(#fcfcfc 0 1px,#eeeeef 1px 2px,#fafafa 2px 4px);border-top:1px solid #fff;border-bottom:1px solid #92959a;height:128px;box-shadow:inset 0 2px 3px #00000008}.header-inner,main{width:calc(100% - 64px);max-width:1000px;margin:0 auto}.header-inner{height:100%;position:relative}.brand{color:#424850;align-items:center;gap:14px;margin-top:26px;text-decoration:none;display:inline-flex}.brand:hover{color:#282a2d}.pixel-globe{flex:none;width:42px;height:42px;display:inline-block;position:relative;overflow:hidden}.pixel-globe img{width:169.5%;max-width:none;height:auto;position:absolute;top:-35.95%;left:-34.75%}.pixel-globe .globe-frames{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.brand .pixel-globe{width:42px;height:42px}.brand-copy{flex-direction:column;justify-content:space-between;height:42px;display:flex}.brand-name{letter-spacing:-.4px;white-space:nowrap;font-size:22px;line-height:26px}.brand-tagline{color:var(--muted);font-size:12.5px;line-height:16px}.header-motto{color:#626771;margin:0;font-size:12px;line-height:18px;position:absolute;top:34px;right:0}.silver-tabs{z-index:1;grid-template-columns:repeat(3,128px);height:32px;display:grid;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.silver-tabs a{color:#2b2d31;background:linear-gradient(#d7d8da,#f7f7f7 24%,#fff 52%,#e3e4e5 93%);border:1px solid #969a9f;border-radius:6px 6px 0 0;justify-content:center;align-items:center;font-size:13px;text-decoration:none;display:flex;box-shadow:inset 0 1px 1px #fff,inset -1px 0 1px #bfc1c4}.silver-tabs a+a{margin-left:-1px}.silver-tabs a.selected{background:linear-gradient(#e2e3e4,#fff 42%,#fafafa 100%);border-bottom-color:#f9f9f9;position:relative}.silver-tabs a:hover{background:linear-gradient(#e7e8ea,#fff 35%,#f5f5f5)}.silver-rail{background:linear-gradient(#f9f9f9,#dedfe1 24%,#f5f5f5 75%,#fff);border-bottom:1px solid #b7babd;height:14px;box-shadow:inset 0 1px #fff}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;margin-top:46px;display:grid}.hero-copy{padding:0 0 0 8px}.hero h1{margin:0}.hero h1 span{display:block}.hero-copy p{max-width:360px;color:var(--muted);margin:23px 0 20px;font-size:19px;line-height:1.5}.follow-link{color:var(--blue);align-items:center;gap:8px;font-size:14px;line-height:22px;text-decoration:none;display:inline-flex}.follow-link:hover{text-decoration:underline}.link-chevron{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;width:0;height:0}.hero-photo{aspect-ratio:678/463;object-fit:cover;object-position:center 82%;border-radius:12px;width:100%;height:auto;display:block}.quick-links{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px;padding-top:22px;display:grid}.quick-links article{text-align:center;border-right:1px solid var(--line);min-width:0;padding:0 24px}.quick-links article:last-child{border-right:0}.piko-mark{vertical-align:top;width:43px;height:42px;display:inline-block;position:relative;overflow:hidden}.piko-mark img{filter:grayscale()brightness(.85);width:65px;height:65px;position:absolute;top:-11px;left:-11px}.quick-links .pixel-globe,.quick-links .piko-mark{margin:0 auto;display:block}.quick-links h2{margin:9px 0 7px;font-size:18px;font-weight:500;line-height:24px}.quick-links p{color:var(--muted);margin:0 0 10px;font-size:14px;line-height:20px}.quick-links .follow-link{font-size:13px}.site-footer{text-align:center;color:#787d84;border-top:1px solid #ececee;width:calc(100% - 64px);max-width:1000px;margin:30px auto 24px;padding-top:18px;font-size:11px;line-height:18px}.inside-page{min-height:430px;padding:44px 8px 12px;font-size:15px;line-height:1.65}.inside-page h1{font:400 48px/1.05 var(--display);letter-spacing:-.4px;margin:0 0 22px}.hero h1,.inside-page.about-page h1{font:400 37px/1.2 var(--interface);letter-spacing:-1px;color:#191b1e}.inside-page h2{margin:24px 0 10px;font-size:18px;font-weight:500;line-height:1.4}.inside-page p{max-width:620px;color:var(--muted)}.inside-page article{border-bottom:1px solid var(--line);padding-bottom:16px}.inside-page .page-intro{max-width:620px;margin:0 0 28px;font-size:20px;line-height:1.5}.about-layout{grid-template-columns:minmax(0,1fr) 270px;gap:64px;display:grid}.about-layout h2{margin-top:0}.about-layout aside{border-left:1px solid var(--line);padding-left:28px}.about-layout aside h2{font-size:18px}.about-layout aside p{font-size:13px;line-height:1.6}.about-layout aside a{overflow-wrap:anywhere}.piko-page{padding:36px 0 8px}.piko-app-heading{align-items:center;gap:16px;max-width:960px;margin:0 auto 22px;display:flex}.piko-app-heading>div{flex:1;min-width:0}.piko-app-heading img{border-radius:14px;width:64px;height:64px}.piko-app-heading h1{letter-spacing:-.4px;margin:0 0 4px;font-size:24px;font-weight:500;line-height:30px}.piko-app-heading p{color:var(--muted);margin:0;font-size:14px;line-height:20px}.app-store-get{color:#007aff;background:#f0f1f4;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:76px;height:32px;padding:0 18px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;display:inline-flex}.app-store-get:hover{color:#0062cc;background:#e7e9ee}.app-store-get:active{background:#dfe2e8}.piko-window{background:#fff;border:1px solid #00000024;border-radius:10px;max-width:960px;margin:0 auto;overflow:hidden;box-shadow:0 12px 32px -12px #00000030,0 1px 4px #0000000c}.piko-window.expanded{width:max(100%,min(1200px,100vw - 64px));max-width:none;margin-left:0;margin-right:0;position:relative;left:50%;transform:translate(-50%)}.piko-window.minimized{max-width:360px}.piko-titlebar{background:#f3f3f3;border-bottom:1px solid #00000010;justify-content:center;align-items:center;height:44px;display:flex;position:relative}.piko-window-title{color:#454545;margin:0;font-size:13px;font-weight:500;line-height:20px}.window-controls{align-items:center;gap:1px;display:flex;position:absolute;left:12px}.window-controls button{cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:20px;height:28px;padding:0;display:grid;position:relative}.window-controls button:before{content:"";background:var(--control-color);border:1px solid #0000001a;border-radius:50%;width:12px;height:12px;position:absolute}.window-close{--control-color:#ff5f57}.window-minimize{--control-color:#febc2e}.window-expand{--control-color:#28c840}.piko-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:16px;display:grid}.screenshot-card{cursor:zoom-in;background:0 0;border:0;border-radius:10px;min-width:0;padding:0;display:block}.screenshot-card img{border-radius:inherit;width:100%;height:auto;display:block}.screenshot-card:hover{outline-offset:3px;outline:2px solid #00000015}.piko-toolbar{background:#fafafa;border-top:1px solid #0000000c;justify-content:center;align-items:center;min-height:42px;padding:10px 16px;display:flex}.piko-toolbar p{color:var(--muted);justify-content:center;align-items:center;gap:20px;margin:0;font-size:12px;line-height:20px;display:flex}.piko-toolbar a{color:var(--blue);white-space:nowrap;text-decoration:none}.piko-toolbar a:hover{text-decoration:underline}.piko-toolbar a span{margin-left:4px}.screenshot-preview{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:#fff;border:1px solid #00000020;border-radius:10px;padding:0;box-shadow:0 20px 80px #00000040}.screenshot-preview::backdrop{background:#00000060}.preview-content{width:min(460px,100vw - 34px)}.preview-titlebar{background:#f3f3f3;border-bottom:1px solid #00000010;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 12px 8px 16px;display:flex}.preview-titlebar p{margin:0;font-size:13px;font-weight:500}.preview-close{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.preview-close:hover{background:#00000008}.preview-close svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}.preview-image{justify-content:center;padding:16px;display:flex}.preview-image img{border-radius:10px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 180px);display:block}.preview-navigation{color:var(--muted);justify-content:center;align-items:center;gap:24px;padding:0 16px 12px;font-size:12px;display:flex}.preview-navigation button{width:32px;height:28px;color:var(--ink);cursor:pointer;background:#f5f5f5;border:1px solid #00000015;border-radius:5px;font-size:24px;line-height:20px}.preview-navigation button:hover{background:#eaeaea}.page-list{max-width:620px;padding:0;list-style:none}.page-list li{border-bottom:1px solid var(--line);padding:10px 0}@media (width<=900px){.header-inner,main,.site-footer{width:calc(100% - 48px)}.hero{gap:32px;margin-top:36px}.hero h1,.inside-page.about-page h1{font-size:clamp(24px,3.65vw,33px)}.hero-copy p{margin:18px 0;font-size:17px}.about-layout{grid-template-columns:minmax(0,1fr) 240px;gap:32px}}@media (width<=600px){.header-inner,main,.site-footer{width:calc(100% - 36px)}.header-bar{height:120px}.brand{gap:12px;margin-top:22px}.brand-copy{height:38px}.brand-name{letter-spacing:-.35px;font-size:19px;line-height:24px}.brand-tagline{font-size:11.5px;line-height:14px}.brand .pixel-globe{width:38px;height:38px}.header-motto{display:none}.silver-tabs{grid-template-columns:repeat(3,minmax(0,1fr));height:32px;left:0;right:0;transform:none}.hero{grid-template-columns:1fr;gap:25px;margin-top:30px}.hero-copy{padding:0 4px}.hero h1,.inside-page.about-page h1{font-size:clamp(24px,7vw,36px)}.hero-copy p{max-width:330px;margin:18px 0 14px;font-size:17px;line-height:1.5}.hero-photo{border-radius:10px}.quick-links{margin-top:28px;padding-top:20px}.quick-links article{padding:0 10px}.quick-links h2{font-size:17px}.quick-links p{font-size:12px;line-height:18px}.quick-links .follow-link{font-size:12px}.site-footer{margin-top:25px;font-size:10px}.inside-page{min-height:400px;padding:32px 4px 8px;font-size:14px}.inside-page h1{font-size:42px}.inside-page .page-intro{margin-bottom:24px;font-size:18px}.about-layout{grid-template-columns:1fr;gap:24px}.about-layout aside{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.inside-page a{overflow-wrap:anywhere}.piko-page{padding:22px 0 8px}.piko-app-heading{gap:12px;margin-bottom:18px}.piko-app-heading img{border-radius:11px;width:48px;height:48px}.piko-app-heading h1{margin-bottom:2px;font-size:21px;line-height:25px}.piko-app-heading p{font-size:13px;line-height:18px}.app-store-get{min-width:68px;height:30px;padding:0 16px;font-size:13px}.piko-titlebar{height:36px}.piko-gallery{--screenshot-height:clamp(240px, 40svh, 300px);scroll-snap-type:x mandatory;gap:10px;padding:12px;scroll-padding-left:12px;display:flex;overflow-x:auto}.screenshot-card{width:calc(var(--screenshot-height) * .46036);height:var(--screenshot-height);scroll-snap-align:start;flex:none}.screenshot-card img{object-fit:contain;height:100%}.piko-toolbar{padding:10px}.piko-toolbar p{gap:14px;font-size:11px}}@media (width<=360px){.brand-name{font-size:17px}.hero h1,.inside-page.about-page h1{font-size:24px}.quick-links{grid-template-columns:1fr}.quick-links article{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.quick-links article:last-child{border-bottom:0}}