:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20252c;background:#fff;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{height:100svh;min-height:300px;position:relative}button,a{-webkit-tap-highlight-color:transparent}header{position:absolute;z-index:4;top:0;left:0;width:100%;height:96px;padding:28px 5vw;display:flex;align-items:center;justify-content:space-between}.wordmark{margin:0;font-size:24px;font-weight:750;letter-spacing:-1px}.wordmark span{display:block;font-size:8px;letter-spacing:2.6px;font-weight:600;margin-top:4px;color:#737d89}nav{display:flex;gap:10px}nav a{text-decoration:none;font-size:12px;font-weight:650;padding:12px 20px;border:1px solid #dde2e8;border-radius:24px;color:inherit;transition:background .15s,transform .15s}nav a:hover{transform:translateY(-2px);background:#eaf0f7}nav .download{background:#232b36;color:#fff;border-color:#232b36}nav .download:hover{background:#394b61}nav span{margin-left:10px}a:focus-visible,button:focus-visible{outline:3px solid #429df4;outline-offset:5px}main{position:absolute;inset:90px 0 50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.intro{font-size:10px;font-weight:650;letter-spacing:3.8px;color:#7d8793;display:flex;align-items:center;gap:18px;margin-bottom:10px}.line{display:block;width:35px;height:1px;background:#d8dfe6}.app{position:relative;margin:0;width:min(49vw,calc((100svh - 205px)*.96774),600px);aspect-ratio:600/620;flex:none}.screenshot{width:100%;height:100%;display:block}.hotspot{position:absolute;width:22%;height:21.3%;border:0;border-radius:50%;background:transparent;cursor:help;transition:box-shadow .18s;transform:translate(-50%,-50%)}.hotspot:hover,.hotspot[aria-expanded=true]{box-shadow:0 0 0 1px #8cb4db80,0 0 35px #75aee64d}.recovery{left:13.8%;top:83.2%}.sessions{left:38%;top:89.5%}.engine{left:62%;top:89.5%}.about{left:86%;top:83.2%}.feature{position:absolute;left:calc(50% + min(25vw,290px) + 16px);top:45%;width:min(240px,21vw);opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s;pointer-events:none}.feature.visible{opacity:1;transform:translateY(0)}.feature-number{font-family:ui-monospace,monospace;letter-spacing:3px;font-size:10px;color:#8a98aa}.feature h2{font-size:25px;letter-spacing:-.8px;margin:10px 0}.feature p{font-size:13px;line-height:1.7;color:#616e7f;margin:0;max-width:230px}.hint{font-size:11px;color:#89929e;margin:14px 0 0;letter-spacing:.25px}footer{position:absolute;bottom:0;left:0;width:100%;padding:17px 5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:#7c8592}.files{position:absolute;inset:0;pointer-events:none;overflow:hidden}.file{position:absolute;width:110px;opacity:.4;filter:drop-shadow(6px 15px 18px #bcc9da24)}.file img{width:100%;display:block}.file span{position:absolute;bottom:25%;width:100%;text-align:center;font-size:10px;font-family:ui-monospace,monospace;font-weight:600;letter-spacing:3px;color:#a1acb9}.f1{left:10%;top:24%;transform:rotate(-18deg)}.f2{right:12%;top:17%;transform:rotate(16deg);width:85px}.f3{left:21%;bottom:16%;transform:rotate(10deg);width:76px}.f4{right:8%;bottom:16%;transform:rotate(-12deg)}.f5{left:-3%;bottom:40%;transform:rotate(15deg);width:75px}.f6{right:29%;top:-7%;transform:rotate(-9deg);width:65px}@media(min-width:1500px){.feature{left:calc(50% + 335px)}}@media(max-width:760px){header{height:80px;padding:18px 22px}.wordmark{font-size:21px}nav a{padding:10px 14px;font-size:11px}main{inset:90px 0 45px;justify-content:center;padding-bottom:110px}.intro{font-size:8px;letter-spacing:2px;margin-bottom:10px}.app{width:min(85vw,calc((100svh - 265px)*.96774),480px)}.feature{left:20px;right:20px;top:auto;bottom:28px;width:auto;min-height:65px;text-align:center}.feature-number{display:none}.feature h2{font-size:18px;margin:0 0 5px}.feature p{font-size:12px;line-height:1.45;max-width:340px;margin:auto}.hint{position:absolute;bottom:0;font-size:9px}.file{opacity:.24;width:65px}.f1{left:2%;top:22%}.f4{right:-2%;bottom:20%}.f3{left:8%;bottom:18%;width:55px}footer{font-size:8px;padding:15px 18px;letter-spacing:.3px}}@media(max-height:550px) and (min-width:761px){header{height:64px;padding-top:12px;padding-bottom:12px}main{inset:64px 0 32px}.intro{margin:0;font-size:8px}.app{width:calc((100svh - 145px)*.96774)}.hint{margin-top:5px;font-size:9px}footer{padding-top:8px;padding-bottom:8px}.feature{top:35%}}@media(max-height:500px) and (max-width:760px){header{height:55px;padding:9px 18px}.wordmark{font-size:18px}.wordmark span{font-size:7px}main{inset:58px 0 30px;align-items:flex-start;padding-left:10vw;padding-bottom:0}.intro{display:none}.app{width:calc((100svh - 115px)*.96774)}.feature{left:55%;right:20px;top:28%;bottom:auto;text-align:left}.feature p{font-size:11px}.hint{left:10vw;font-size:8px}footer{padding:9px 18px}.f3,.f4{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:360px){header{padding-left:16px;padding-right:16px}.wordmark{font-size:18px}.wordmark span{font-size:6px;letter-spacing:1.8px}nav{gap:7px}nav a{padding:10px 12px;white-space:nowrap}nav span{margin-left:4px}}