:root{--bg: #f7f8fa;--surface: #ffffff;--surface-2: #f0f2f5;--text: #1a1d24;--text-muted: #5c6470;--border: #e2e5ea;--accent: #0d9488;--accent-strong: #0f766e;--accent-soft: #ccfbf1;--free-bg: #dcfce7;--free-text: #166534;--freemium-bg: #fef3c7;--freemium-text: #92600a;--paid-bg: #eceef1;--paid-text: #4a5158;--shadow: 0 1px 2px rgba(20, 25, 35, .06), 0 4px 16px rgba(20, 25, 35, .05);--radius: 14px;--wrap: 1080px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0e1116;--surface: #171b22;--surface-2: #1f242d;--text: #e7eaef;--text-muted: #99a2af;--border: #2a2f39;--accent: #2dd4bf;--accent-strong: #5eead4;--accent-soft: #133b37;--free-bg: #113524;--free-text: #6ee7a8;--freemium-bg: #3a2e0e;--freemium-text: #f2cf6b;--paid-bg: #262b34;--paid-text: #aab2be;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden;font-size:16px;display:flex;flex-direction:column;min-height:100vh}main{flex:1}a{color:var(--accent-strong)}h1,h2,h3{line-height:1.2;letter-spacing:-.01em}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.wordmark{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-size:1.2rem}.wordmark-mark{font-size:1.25rem}.wordmark-text strong{color:var(--accent-strong)}.site-nav{display:flex;align-items:center;gap:clamp(10px,2.4vw,20px)}.site-nav a{text-decoration:none;color:var(--text-muted);font-weight:500}.site-nav a:hover{color:var(--text)}.nav-langs{position:relative}.nav-langs-btn{background:none;border:none;color:var(--text-muted);font:inherit;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:0}.nav-langs-btn:hover{color:var(--text)}.nav-langs-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:190px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:none;flex-direction:column;max-height:min(70vh,460px);overflow-y:auto;z-index:60}.nav-langs-menu.open{display:flex}.nav-langs-menu a{padding:8px 12px;border-radius:8px;color:var(--text);font-weight:500;white-space:nowrap}.nav-langs-menu a:hover{background:var(--surface-2)}.nav-langs-menu a[aria-current=true]{background:var(--accent-soft);color:var(--accent-strong)}.site-footer{border-top:1px solid var(--border);margin-top:64px;background:var(--surface)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-block:24px;color:var(--text-muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:3px 9px;border-radius:999px;text-transform:capitalize;white-space:nowrap}.badge-type{background:var(--accent-soft);color:var(--accent-strong)}.badge-level{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.badge-price{text-transform:capitalize}.badge-price.price-free{background:var(--free-bg);color:var(--free-text)}.badge-price.price-freemium{background:var(--freemium-bg);color:var(--freemium-text)}.badge-price.price-paid{background:var(--paid-bg);color:var(--paid-text)}.chip-skill{font-size:.72rem;color:var(--text-muted);background:transparent;border:1px dashed var(--border);padding:2px 8px;border-radius:999px;text-transform:capitalize}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;cursor:pointer;border-radius:10px;padding:11px 20px;border:1px solid transparent;background:var(--accent);color:#fff;text-decoration:none;transition:filter .15s ease}.btn:hover{filter:brightness(1.06)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}[dir=rtl] .browse-arrow,[dir=rtl] .variant-nav-chip span[aria-hidden=true]{display:inline-block;transform:scaleX(-1)}