:root{color-scheme:dark;--bg:#090c13;--ink:#eceff5;--muted:#929baa;--mint:#a5eedc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 32%,#14222b88,transparent 45%),var(--bg);color:var(--ink);font:15px/1.6 'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header,footer{max-width:1320px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:25px;font-weight:650;letter-spacing:-1.1px}.brand span{color:#a5eedc}.brand svg{width:23px;height:30px;fill:var(--mint);margin-right:10px}.brand small{font-size:9px;letter-spacing:1.5px;margin:6px 0 0 10px;color:#818c9a}nav{display:flex;gap:32px;font-size:12px;color:#aab3bf}nav span{color:var(--mint);margin-left:8px}.intro{text-align:center;padding:35px 20px 0}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#a5c3c5;font-weight:600}.eyebrow i,.core-bottom i{display:inline-block;background:var(--mint);width:5px;height:5px;border-radius:50%;box-shadow:0 0 10px #a5eedc;margin-right:9px}h1{font-size:clamp(39px,5vw,62px);font-weight:400;letter-spacing:-2.7px;line-height:1.15;margin:19px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#b6f2df}.intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.8}.universe{position:relative;max-width:1000px;height:650px;margin:0 auto}.orbit{position:absolute;border:1px solid #8ccbc016;border-radius:50%;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:540px;height:540px}.orbit-two{width:380px;height:380px;border-style:dashed}.axis{position:absolute;left:50%;top:50%;width:650px;height:1px;background:linear-gradient(90deg,transparent,#89cabf12,transparent);transform:translate(-50%,-50%)}.core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:292px;height:292px;border:1px solid #b7ffeb55;border-radius:50%;background:radial-gradient(circle at 50% 25%,#223b3c,#111e24 65%);box-shadow:0 0 0 12px #8edac704,0 0 65px #75cbb814,inset 0 0 45px #a1efd40b;text-align:center;transition:.2s}.core label{display:flex;flex-direction:column;justify-content:center;align-items:center;height:83%;cursor:pointer;border-radius:50% 50% 0 0}.core strong{font-weight:500;font-size:21px;letter-spacing:-.4px}.core label>span:not(.core-mark){font-size:12px;color:#a6b6b9;margin-top:4px}.core small{font-size:7px;letter-spacing:1.7px;color:#758f94;margin-top:20px}.core-mark{display:grid;place-items:center;width:47px;height:47px;border:1px solid #a2e2cf44;border-radius:15px;color:var(--mint);font-size:27px;margin:13px 0 15px}.core-bottom{color:#85a59f;font-size:9px;border-top:1px solid #a4dbc412;margin:0 32px;padding-top:12px}.core-bottom i{width:4px;height:4px}.core.drag{box-shadow:0 0 90px #8de7c955;border-color:#b7ffe9;transform:translate(-50%,-50%) scale(1.025)}.service{--glow:#a4e4dc;position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%);width:150px;text-align:center}.service a{display:block}.service .disc{margin:0 auto 9px;width:79px;height:79px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 25%,color-mix(in srgb,var(--glow) 12%,#10151f),#10151e);border:1px solid color-mix(in srgb,var(--glow) 32%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--glow) 7%,transparent);transition:.22s}.disc svg{width:27px;height:27px;stroke:var(--glow);fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.service strong{font-weight:500;display:block;font-size:13px;letter-spacing:.15px}.service small{display:block;color:#75818e;font-size:10px;margin-top:3px}.service a:hover .disc,.service a:focus-visible .disc{transform:translateY(-4px);box-shadow:0 0 40px color-mix(in srgb,var(--glow) 23%,transparent);border-color:var(--glow)}a:focus-visible,button:focus-visible,label:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.status-line{text-align:center;margin:-7px 20px 45px;min-height:25px;color:#89969f;font-size:12px}.how{max-width:1030px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid #ffffff0c;padding:36px 35px 24px}.how span{font-size:9px;color:#80a5a0;letter-spacing:2px}.how h2{font-size:16px;font-weight:500;margin:12px 0 5px}.how p{font-size:12px;color:#7e8c9c;margin:0}.privacy{max-width:960px;margin:30px auto 50px;display:flex;gap:15px;padding:20px 24px;background:#a2cfbf04;border:1px solid #a2cfbf10;border-radius:12px}.privacy>span{color:#a5d8c6;font-size:24px}.privacy p{font-size:11px;color:#7f8e9a;margin:0}.privacy strong{color:#a8b8bd;font-weight:500;margin-right:4px}footer{border-top:1px solid #ffffff0c;font-size:10px;color:#637480;padding-top:22px;padding-bottom:22px}footer .brand{font-size:18px;color:#aebcc3}footer p{margin-right:auto;margin-left:25px}dialog{background:#111b24;color:var(--ink);border:1px solid #a9ebd944;border-radius:22px;max-width:560px;width:calc(100% - 32px);padding:32px;box-shadow:0 20px 120px #000b}dialog::backdrop{background:#03070cce;backdrop-filter:blur(8px)}dialog h2{font-weight:400;font-size:25px;line-height:1.3}dialog #file-info{font-size:12px;color:#a2b0bb;overflow-wrap:anywhere}#choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{border:1px solid #97b8b52c;background:#a0d5c807;border-radius:12px;color:#dae9e5;text-align:left;padding:15px}.choice span{display:block;color:#849c9b;font-size:11px;margin-top:5px}.choice:hover{background:#a0d5c815;border-color:#a5eedc}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:#a4b9bd;font-size:28px}.quiet{border:0;background:none;color:#a7c8c2;text-decoration:underline;padding:0}.fine{font-size:11px;color:#83979f;margin-top:22px}.noscript{padding:30px;text-align:center}body.dragging{outline:2px solid #a5eedc;outline-offset:-3px}
@media(max-width:700px){header{padding:22px 6%}nav a:first-child{display:none}.intro{padding-top:18px}.intro .eyebrow{font-size:8px;letter-spacing:1.8px}.universe{height:auto;padding:30px 20px 10px;display:flex;flex-direction:column}.core{position:relative;left:auto;top:auto;transform:none;width:265px;height:265px;margin:0 auto 35px;order:-1}.core.drag{transform:scale(1.02)}#services{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 6px;max-width:540px;width:100%;margin:auto}.service{position:static;transform:none;width:auto}.service .disc{width:60px;height:60px}.service strong{font-size:11px}.service small{font-size:9px;max-width:90px;margin:3px auto}.orbit,.axis{display:none}.status-line{margin:28px 25px 35px}.how{gap:22px;padding:26px}.how h2{font-size:14px}.privacy{margin:20px 20px 35px}footer{flex-wrap:wrap;gap:6px}footer p{margin:0 0 0 20px}footer>span{width:100%;padding-top:10px}h1{letter-spacing:-1.8px}}@media(max-width:420px){.how{grid-template-columns:1fr;gap:23px}.how p{max-width:260px}#services{grid-template-columns:repeat(4,1fr)}.service small{font-size:8px}.service strong{font-size:10px}dialog{padding:25px}#choices{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}