:root{--bg:#0a0e14;--surface-1:#121824;--surface-2:#18202e;--surface-3:#202a3a;--primary:#1bc7d6;--primary-glow:#2de6f2;--primary-muted:#0e5a64;--gold:#c9a227;--on-gold-dim:#04161a99;--text-1:#ecf1f7;--text-2:#a7b2c2;--text-3:#8a95a6;--hair:#ffffff14;--font:"Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-display:"Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--gutter:clamp(16px, 4vw, 48px);--bar:56px;--max:1320px;--scale:.8;--lift:drop-shadow(0 0 1px #d6deff3d) drop-shadow(0 24px 36px #0000008c);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--bar)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}[id]{scroll-margin-top:24px}[tabindex="-1"]:focus{outline:none}body{background:var(--bg);color:var(--text-1);font-family:var(--font);margin:0;font-size:17px;line-height:1.6;overflow-x:clip}img{max-width:100%;height:auto;display:block}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit}::selection{background:var(--primary-muted);color:var(--text-1)}:focus-visible{outline:2px solid var(--primary-glow);outline-offset:3px;border-radius:4px}.topbar{z-index:10;border-bottom:1px solid var(--hair);backdrop-filter:blur(16px)saturate(1.3);background:#121824db;position:sticky;top:0}.topbar-inner{max-width:var(--max);height:var(--bar);padding-inline:var(--gutter);align-items:center;gap:8px;margin-inline:auto;display:flex}.topbar-brand{align-items:center;gap:10px;min-height:44px;margin-right:auto;font-weight:600;text-decoration:none;display:flex}.topbar-nav ul{gap:2px;display:flex}.topbar-nav a{min-height:40px;color:var(--text-2);border-radius:8px;align-items:center;padding:0 12px;font-size:15px;text-decoration:none;display:flex}.topbar-nav a:hover{background:var(--surface-3);color:var(--text-1)}.topbar-state{border:1px solid var(--hair);background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;margin-left:10px;padding:3px 12px;font-size:13px;line-height:1.5;display:none}.topbar-state:before{content:"";background:var(--gold);border-radius:50%;width:8px;height:8px}@media (width>=600px){.topbar-state{display:flex}}.hero{max-width:var(--max);padding:clamp(36px, 6vw, 88px) var(--gutter) 0;margin-inline:auto;display:grid;overflow-x:clip}.intro{z-index:2;position:relative}h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(52px,6.4vw,92px);font-weight:300;line-height:1}.lede{max-width:21em;color:var(--text-2);margin-top:20px;font-size:clamp(18px,1.6vw,22px);line-height:1.45}.get{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:36px;display:flex}.download{background:var(--gold);min-height:56px;color:var(--on-gold-dim);font:inherit;cursor:not-allowed;border:0;border-radius:10px;flex-direction:column;align-items:center;padding:9px 28px 10px;line-height:1.3;display:flex}.download-label{font-size:16px;font-weight:600}.download-note{font-size:12.5px;font-weight:600}.dev-note{max-width:19em;color:var(--text-3);font-size:15px;line-height:1.45}.stage{aspect-ratio:100/100;--cx:4%;--cy:-25%;--cw:92%;margin-top:40px;position:relative}.crystal,.stage:before,.win{pointer-events:none;max-width:none;position:absolute}.crystal,.stage:before{left:var(--cx);top:var(--cy);width:var(--cw);transform-origin:50.4% 49%}.stage:before{content:"";aspect-ratio:1026/907;filter:blur(36px)saturate(1.3);opacity:.75;background:url(img/bg-logo.webp) 50%/contain no-repeat;scale:1.4}.win{left:var(--x);top:var(--y);width:var(--w);filter:var(--lift)}.win-social,.win-settings{filter:brightness(.86) var(--lift);display:none}.win-main{--x:0%;--y:34%;--w:100%}@media (width>=640px){.stage{aspect-ratio:100/80;--cx:15%;--cy:-17%;--cw:70%}.win-social,.win-settings{display:block}.win-social{--x:0%;--y:20%;--w:44%}.win-settings{--x:60%;--y:13%;--w:40%}.win-main{--x:14%;--y:37%;--w:72%}}@media (width>=1024px){.intro,.stage{grid-area:1/1}.intro{align-self:start;max-width:38%}.stage{aspect-ratio:100/68;--cx:14%;--cy:-13%;--cw:66%;margin-top:0}.win-settings{--x:63%;--y:0%;--w:37%}.win-social{--x:0%;--y:53%;--w:46%}.win-main{--x:31%;--y:41%;--w:60%}}@media (prefers-reduced-motion:no-preference){.crystal{animation:2.4s cubic-bezier(.16,.84,.3,1) .15s backwards light-up}.stage:before{animation:2.4s cubic-bezier(.16,.84,.3,1) .15s backwards light-up,6s ease-in-out 2.55s infinite glow}}@keyframes light-up{0%{opacity:0;transform:scale(.8)}}@keyframes glow{50%{opacity:.92;transform:scale(1.04)}}.feature{max-width:var(--max);padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr);gap:32px;margin:clamp(96px,12vw,168px) auto 0;display:grid}h2{letter-spacing:-.01em;font-size:clamp(25px,2.6vw,31px);font-weight:600;line-height:1.2}.copy p{max-width:34em;color:var(--text-2);margin-top:16px}.shot img{width:calc(var(--w) * var(--scale));filter:var(--lift)}.s-accounts{--w:440px}.s-addons{--w:760px}.s-social{--w:900px}.s-install{--w:640px}.s-repair{--w:560px}.shot .s-repair{width:84%;margin:-16% 0 0 auto;position:relative}@media (width>=900px){.feature{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:64px}.copy{padding-top:48px}.pair{padding-bottom:calc(180px * var(--scale));position:relative}.pair .s-repair{left:calc(380px * var(--scale));width:calc(var(--w) * var(--scale));margin:0;position:absolute;bottom:0}}.faq{max-width:var(--max);padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr);gap:28px;margin:clamp(120px,14vw,200px) auto 0;display:grid}.faq-list{border:1px solid var(--hair);background:var(--surface-1);border-radius:8px;overflow:hidden}.faq-list details+details{border-top:1px solid var(--hair)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 20px;font-weight:600;line-height:1.4;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"";background:var(--text-3);flex:none;width:20px;height:20px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat}.faq-list details[open]>summary:after{transform:rotate(180deg)}.faq-list summary:hover{background:var(--surface-2)}.faq-list summary:focus-visible{outline-offset:-2px;border-radius:8px}.faq-list details p{max-width:40em;color:var(--text-2);padding:0 20px 20px}@media (prefers-reduced-motion:no-preference){.faq-list summary:after{transition:transform .2s}}@media (width>=900px){.faq{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:64px}.faq h2{padding-top:12px}}.footer{border-top:1px solid var(--hair);background:var(--surface-1);margin-top:clamp(120px,14vw,200px)}.footer-inner{max-width:var(--max);padding:48px var(--gutter) 56px;margin-inline:auto}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.brand{align-items:center;gap:10px;font-weight:600;display:flex}.footer-links{align-items:center;gap:8px;display:flex}.footer-links a{min-height:44px;color:var(--text-2);text-underline-offset:3px;align-items:center;padding:0 8px;display:flex}.footer-links a:hover{color:var(--text-1)}.github{position:relative}.github-mark{width:44px;height:44px;color:var(--text-2);cursor:default;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.github-mark:hover{color:var(--text-1)}.tip{border:1px solid var(--hair);background:var(--surface-3);color:var(--text-1);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:7px 10px;font-size:13px;line-height:1.3;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}.tip:after{content:"";height:8px;position:absolute;inset:100% 0 auto}.github:hover .tip,.github-mark:focus-visible+.tip{opacity:1;visibility:visible;pointer-events:auto}.github.tip-off .tip{opacity:0;visibility:hidden}@media (prefers-reduced-motion:no-preference){.tip{transition:opacity .12s,visibility 0s linear .12s}.github:hover .tip,.github-mark:focus-visible+.tip{transition:opacity .12s,visibility}}.footer-note{color:var(--text-2);margin-top:16px;font-size:15px}.legal{max-width:70ch;color:var(--text-3);margin-top:6px;font-size:14px;line-height:1.5}.footer-note+.legal{margin-top:20px}