*{box-sizing:border-box}body,html{height:100%;margin:0}body{min-height:100vh;display:flex;flex-direction:column;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}:root{--bg:#f7f7f8;--text:#111;--muted:rgba(0,0,0,.66);--border:rgba(0,0,0,.08);--card-bg:#fff}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--text:#f5f7fa;--muted:rgba(255,255,255,.7);--border:rgba(255,255,255,.12);--card-bg:rgba(255,255,255,.04)}}.main{flex:1 0 auto;display:flex;flex-direction:column}footer{margin-top:auto}.container{width:100%;max-width:1920px;margin:0 auto;padding:0 20px}.topbar{position:sticky;top:0;z-index:2;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 90%,transparent)}.topbar-row{justify-content:space-between;gap:14px;padding:14px 0}.brand,.topbar-row{display:flex;align-items:center}.brand{padding:10px 10px 0 0;gap:8px;cursor:pointer}.brand-icon{border-radius:6px}.nav{display:flex;align-items:center;gap:14px;padding:10px 10px 0 0}.nav a{color:var(--text);text-decoration:none}.footer{border-top:1px solid var(--border);background:var(--bg);color:var(--muted)}.footer .container{padding:24px 20px;text-align:center}.hero{text-align:center;padding:5px 25px;margin-top:5px;border-radius:18px;backdrop-filter:blur(5px)}.grid{display:grid;gap:16px;grid-template-columns:1fr;padding:24px 0 48px}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}.card{border:1px solid var(--border);border-radius:18px;background:var(--card-bg);padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.card a{color:inherit;text-decoration:none}.card a:hover{text-decoration:underline}.install{margin:32px auto;padding:24px 20px;max-width:760px;border:1px solid var(--border);border-radius:18px;backdrop-filter:blur(3px)}.install h1,.install p{margin:0 0 10px}.install p{color:var(--muted)}.install .cta{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid var(--border);color:var(--text);text-decoration:none}.bg-canvas-wrap{position:fixed;inset:0;z-index:0;pointer-events:none}.bg-canvas{width:100%;height:100%;display:block}.main,.topbar,footer{position:relative;z-index:1}