:root{--text:#6b6975;--text-h:#131217;--bg:#fff;--surface:#fafafa;--border:#ececef;--border-strong:#e0dfe4;--code-bg:#f4f3ec;--accent:#6c47ff;--accent-bg:#6c47ff12;--accent-border:#6c47ff59;--shadow-sm:#14121e0f 0 1px 2px;--shadow-md:#14121e14 0 8px 24px -8px;--shadow-lg:#14121e1f 0 24px 48px -12px;--sans:-apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--heading:-apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--ease:cubic-bezier(.22, 1, .36, 1);font:17px/155% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0}#root{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--heading);letter-spacing:-.02em;color:var(--text-h);font-weight:600}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-header{text-align:center;padding:88px 0 40px}.dot-title{--dot:7px;--dot-gap:2.5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.dot-title-char{grid-template-columns:repeat(5, var(--dot));grid-auto-rows:var(--dot);gap:var(--dot-gap);display:grid}.dot-title-space{flex:none;width:18px}.dot{width:var(--dot);height:var(--dot);background:#1312170f;border-radius:50%;position:relative}.dot-fill{background:var(--text-h);box-shadow:0 0 6px var(--accent-border);border-radius:50%;position:absolute;inset:0}@media (width<=600px){.page-header{padding:56px 0 32px}.dot-title{--dot:5px;--dot-gap:1.75px;gap:7px}.dot-title-space{width:13px}}.tabs{margin-bottom:56px;background:var(--surface);border:1px solid var(--border);border-radius:999px;justify-content:center;gap:4px;width:fit-content;margin-inline:auto;padding:4px;display:flex}.tab{font:inherit;color:var(--text);cursor:pointer;transition:color .25s var(--ease);background:0 0;border:none;border-radius:999px;padding:9px 22px;font-size:14px;font-weight:500;position:relative}.tab:hover,.tab.active{color:var(--text-h)}.tab-indicator{box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;position:absolute;inset:0}.tab-label{position:relative}.grid{gap:36px;padding-bottom:96px;display:grid}.grid--app{grid-template-columns:repeat(4,1fr)}.grid--website{grid-template-columns:repeat(3,1fr)}@media (width<=900px){.grid{gap:24px}.grid--app{grid-template-columns:repeat(3,1fr)}.grid--website{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid--app,.grid--website{grid-template-columns:1fr}}.empty-state{text-align:center;padding:80px 0}.card{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;border-radius:14px;padding:0;display:block}.card-image-wrap{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .35s var(--ease), transform .35s var(--ease), border-color .35s var(--ease);border-radius:14px;overflow:hidden}.card-image-wrap--app{aspect-ratio:3/4}.card-image-wrap--website{aspect-ratio:16/9}.card:hover .card-image-wrap{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-4px)}.card-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease), transform .6s var(--ease);display:block;transform:scale(1.04)}.card-image.loaded{opacity:1;transform:scale(1)}.card:hover .card-image.loaded{transform:scale(1.045)}.card-body{padding:14px 2px 0}.card-title{color:var(--text-h);transition:color .25s var(--ease);margin:0 0 3px;font-size:16px;font-weight:600}.card:hover .card-title{color:var(--accent)}.card-subtitle{color:var(--text);margin:0;font-size:13.5px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#13121773;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);width:80vw;max-width:1400px;height:80vh;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-close{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:36px;height:36px;color:var(--text-h);cursor:pointer;z-index:1;transition:border-color .25s var(--ease), color .25s var(--ease), transform .25s var(--ease);background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{border-color:var(--accent-border);color:var(--accent);transform:scale(1.06)}.modal-image-wrap{background:var(--surface);flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.modal-image{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease)}.modal-image.loaded{opacity:1}.modal-body{text-align:left;border-top:1px solid var(--border);padding:22px 26px}.modal-body h2{margin:0 0 4px;font-size:19px}.modal-body p{color:var(--text);font-size:14px}@media (width<=700px){.modal{width:100%;height:90vh}}