diff --git a/apps/sim/app/(auth)/components/auth-button-classes.ts b/apps/sim/app/(auth)/components/auth-button-classes.ts
new file mode 100644
index 00000000000..02d1d5e47ed
--- /dev/null
+++ b/apps/sim/app/(auth)/components/auth-button-classes.ts
@@ -0,0 +1,3 @@
+/** Shared className for primary auth form submit buttons across all auth pages. */
+export const AUTH_SUBMIT_BTN =
+  'inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50' as const
diff --git a/apps/sim/app/(auth)/components/branded-button.tsx b/apps/sim/app/(auth)/components/branded-button.tsx
deleted file mode 100644
index dab6a6ce3a8..00000000000
--- a/apps/sim/app/(auth)/components/branded-button.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-'use client'
-
-import { forwardRef, useState } from 'react'
-import { ArrowRight, ChevronRight, Loader2 } from 'lucide-react'
-import { cn } from '@/lib/core/utils/cn'
-import { useBrandConfig } from '@/ee/whitelabeling'
-
-export interface BrandedButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  loading?: boolean
-  loadingText?: string
-  showArrow?: boolean
-  fullWidth?: boolean
-}
-
-/**
- * Branded button for auth and status pages.
- * Default: white button matching the landing page "Get started" style.
- * Whitelabel: uses the brand's primary color as background with white text.
- */
-export const BrandedButton = forwardRef<HTMLButtonElement, BrandedButtonProps>(
-  (
-    {
-      children,
-      loading = false,
-      loadingText,
-      showArrow = true,
-      fullWidth = true,
-      className,
-      disabled,
-      onMouseEnter,
-      onMouseLeave,
-      ...props
-    },
-    ref
-  ) => {
-    const brand = useBrandConfig()
-    const hasCustomColor = brand.isWhitelabeled && Boolean(brand.theme?.primaryColor)
-    const [isHovered, setIsHovered] = useState(false)
-
-    const handleMouseEnter = (e: React.MouseEvent<HTMLButtonElement>) => {
-      setIsHovered(true)
-      onMouseEnter?.(e)
-    }
-
-    const handleMouseLeave = (e: React.MouseEvent<HTMLButtonElement>) => {
-      setIsHovered(false)
-      onMouseLeave?.(e)
-    }
-
-    return (
-      <button
-        ref={ref}
-        {...props}
-        disabled={disabled || loading}
-        onMouseEnter={handleMouseEnter}
-        onMouseLeave={handleMouseLeave}
-        className={cn(
-          'group inline-flex h-[32px] items-center justify-center gap-2 rounded-[5px] border px-2.5 font-[430] font-season text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50',
-          !hasCustomColor &&
-            'border-[var(--white)] bg-[var(--white)] text-black hover:border-[#E0E0E0] hover:bg-[#E0E0E0]',
-          fullWidth && 'w-full',
-          className
-        )}
-        style={
-          hasCustomColor
-            ? {
-                backgroundColor: isHovered
-                  ? (brand.theme?.primaryHoverColor ?? brand.theme?.primaryColor)
-                  : brand.theme?.primaryColor,
-                borderColor: isHovered
-                  ? (brand.theme?.primaryHoverColor ?? brand.theme?.primaryColor)
-                  : brand.theme?.primaryColor,
-                color: '#FFFFFF',
-              }
-            : undefined
-        }
-      >
-        {loading ? (
-          <span className='flex items-center gap-2'>
-            <Loader2 className='h-4 w-4 animate-spin' />
-            {loadingText ? `${loadingText}...` : children}
-          </span>
-        ) : showArrow ? (
-          <span className='flex items-center gap-1'>
-            {children}
-            <span className='inline-flex transition-transform duration-200 group-hover:translate-x-0.5'>
-              {isHovered ? (
-                <ArrowRight className='h-4 w-4' aria-hidden='true' />
-              ) : (
-                <ChevronRight className='h-4 w-4' aria-hidden='true' />
-              )}
-            </span>
-          </span>
-        ) : (
-          children
-        )}
-      </button>
-    )
-  }
-)
-
-BrandedButton.displayName = 'BrandedButton'
diff --git a/apps/sim/app/(auth)/components/sso-login-button.tsx b/apps/sim/app/(auth)/components/sso-login-button.tsx
index e8e25955efc..2800c90ef5d 100644
--- a/apps/sim/app/(auth)/components/sso-login-button.tsx
+++ b/apps/sim/app/(auth)/components/sso-login-button.tsx
@@ -4,23 +4,18 @@ import { useRouter } from 'next/navigation'
 import { Button } from '@/components/emcn'
 import { getEnv, isTruthy } from '@/lib/core/config/env'
 import { cn } from '@/lib/core/utils/cn'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 
 interface SSOLoginButtonProps {
   callbackURL?: string
   className?: string
-  // Visual variant for button styling and placement contexts
-  // - 'primary' matches the main auth action button style
-  // - 'outline' matches social provider buttons
   variant?: 'primary' | 'outline'
-  // Optional class used when variant is primary to match brand/gradient
-  primaryClassName?: string
 }
 
 export function SSOLoginButton({
   callbackURL,
   className,
   variant = 'outline',
-  primaryClassName,
 }: SSOLoginButtonProps) {
   const router = useRouter()
 
@@ -33,11 +28,6 @@ export function SSOLoginButton({
     router.push(ssoUrl)
   }
 
-  const primaryBtnClasses = cn(
-    primaryClassName || 'branded-button-gradient',
-    'flex w-full items-center justify-center gap-2 rounded-[10px] border font-medium text-base text-white transition-all duration-200'
-  )
-
   const outlineBtnClasses = cn('w-full rounded-[10px]')
 
   return (
@@ -45,7 +35,7 @@ export function SSOLoginButton({
       type='button'
       onClick={handleSSOClick}
       variant={variant === 'outline' ? 'outline' : undefined}
-      className={cn(variant === 'outline' ? outlineBtnClasses : primaryBtnClasses, className)}
+      className={cn(variant === 'outline' ? outlineBtnClasses : AUTH_SUBMIT_BTN, className)}
     >
       Sign in with SSO
     </Button>
diff --git a/apps/sim/app/(auth)/login/login-form.tsx b/apps/sim/app/(auth)/login/login-form.tsx
index c922830fd2d..8a43548acb4 100644
--- a/apps/sim/app/(auth)/login/login-form.tsx
+++ b/apps/sim/app/(auth)/login/login-form.tsx
@@ -2,7 +2,7 @@
 
 import { useRef, useState } from 'react'
 import { createLogger } from '@sim/logger'
-import { Eye, EyeOff } from 'lucide-react'
+import { Eye, EyeOff, Loader2 } from 'lucide-react'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import {
@@ -20,10 +20,9 @@ import { validateCallbackUrl } from '@/lib/core/security/input-validation'
 import { cn } from '@/lib/core/utils/cn'
 import { getBaseUrl } from '@/lib/core/utils/urls'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { SocialLoginButtons } from '@/app/(auth)/components/social-login-buttons'
 import { SSOLoginButton } from '@/app/(auth)/components/sso-login-button'
-import { useBrandedButtonClass } from '@/hooks/use-branded-button-class'
 
 const logger = createLogger('LoginForm')
 
@@ -87,8 +86,6 @@ export default function LoginPage({
   const [passwordErrors, setPasswordErrors] = useState<string[]>([])
   const [showValidationError, setShowValidationError] = useState(false)
   const [formError, setFormError] = useState<string | null>(null)
-  const buttonClass = useBrandedButtonClass()
-
   const callbackUrlParam = searchParams?.get('callbackUrl')
   const isValidCallbackUrl = callbackUrlParam ? validateCallbackUrl(callbackUrlParam) : false
   const invalidCallbackRef = useRef(false)
@@ -353,11 +350,7 @@ export default function LoginPage({
       {/* SSO Login Button (primary top-only when it is the only method) */}
       {showTopSSO && (
         <div className='mt-8'>
-          <SSOLoginButton
-            callbackURL={callbackUrl}
-            variant='primary'
-            primaryClassName={buttonClass}
-          />
+          <SSOLoginButton callbackURL={callbackUrl} variant='primary' />
         </div>
       )}
 
@@ -454,14 +447,16 @@ export default function LoginPage({
             </div>
           )}
 
-          <BrandedButton
-            type='submit'
-            disabled={isLoading}
-            loading={isLoading}
-            loadingText='Signing in'
-          >
-            Sign in
-          </BrandedButton>
+          <button type='submit' disabled={isLoading} className={AUTH_SUBMIT_BTN}>
+            {isLoading ? (
+              <span className='flex items-center gap-2'>
+                <Loader2 className='h-4 w-4 animate-spin' />
+                Signing in...
+              </span>
+            ) : (
+              'Sign in'
+            )}
+          </button>
         </form>
       )}
 
@@ -488,11 +483,7 @@ export default function LoginPage({
             callbackURL={callbackUrl}
           >
             {ssoEnabled && !hasOnlySSO && (
-              <SSOLoginButton
-                callbackURL={callbackUrl}
-                variant='outline'
-                primaryClassName={buttonClass}
-              />
+              <SSOLoginButton callbackURL={callbackUrl} variant='outline' />
             )}
           </SocialLoginButtons>
         </div>
@@ -571,14 +562,16 @@ export default function LoginPage({
                     <p>{resetStatus.message}</p>
                   </div>
                 )}
-                <BrandedButton
-                  type='submit'
-                  disabled={isSubmittingReset}
-                  loading={isSubmittingReset}
-                  loadingText='Sending'
-                >
-                  Send Reset Link
-                </BrandedButton>
+                <button type='submit' disabled={isSubmittingReset} className={AUTH_SUBMIT_BTN}>
+                  {isSubmittingReset ? (
+                    <span className='flex items-center gap-2'>
+                      <Loader2 className='h-4 w-4 animate-spin' />
+                      Sending...
+                    </span>
+                  ) : (
+                    'Send Reset Link'
+                  )}
+                </button>
               </div>
             </form>
           </ModalBody>
diff --git a/apps/sim/app/(auth)/oauth/consent/page.tsx b/apps/sim/app/(auth)/oauth/consent/page.tsx
index e105b24641d..82127d22f6b 100644
--- a/apps/sim/app/(auth)/oauth/consent/page.tsx
+++ b/apps/sim/app/(auth)/oauth/consent/page.tsx
@@ -1,12 +1,12 @@
 'use client'
 
 import { useCallback, useEffect, useState } from 'react'
-import { ArrowLeftRight } from 'lucide-react'
+import { ArrowLeftRight, Loader2 } from 'lucide-react'
 import Image from 'next/image'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { Button } from '@/components/emcn'
 import { signOut, useSession } from '@/lib/auth/auth-client'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 
 const SCOPE_DESCRIPTIONS: Record<string, string> = {
   openid: 'Verify your identity',
@@ -150,7 +150,9 @@ export default function OAuthConsentPage() {
           </p>
         </div>
         <div className='mt-8 w-full max-w-[410px] space-y-3'>
-          <BrandedButton onClick={() => router.push('/')}>Return to Home</BrandedButton>
+          <button onClick={() => router.push('/')} className={AUTH_SUBMIT_BTN}>
+            Return to Home
+          </button>
         </div>
       </div>
     )
@@ -230,7 +232,7 @@ export default function OAuthConsentPage() {
 
       {scopes.length > 0 && (
         <div className='mt-5 w-full max-w-[410px]'>
-          <div className='rounded-lg border p-4'>
+          <div className='rounded-lg border border-[var(--landing-bg-elevated)] p-4'>
             <p className='mb-3 font-medium text-sm'>This will allow the application to:</p>
             <ul className='space-y-2'>
               {scopes.map((s) => (
@@ -257,15 +259,20 @@ export default function OAuthConsentPage() {
         >
           Deny
         </Button>
-        <BrandedButton
-          fullWidth
-          showArrow={false}
-          loading={submitting}
-          loadingText='Authorizing'
+        <button
           onClick={() => handleConsent(true)}
+          disabled={submitting}
+          className={AUTH_SUBMIT_BTN}
         >
-          Allow
-        </BrandedButton>
+          {submitting ? (
+            <span className='flex items-center gap-2'>
+              <Loader2 className='h-4 w-4 animate-spin' />
+              Authorizing...
+            </span>
+          ) : (
+            'Allow'
+          )}
+        </button>
       </div>
     </div>
   )
diff --git a/apps/sim/app/(auth)/reset-password/reset-password-form.tsx b/apps/sim/app/(auth)/reset-password/reset-password-form.tsx
index f159314377a..0ff43b0561a 100644
--- a/apps/sim/app/(auth)/reset-password/reset-password-form.tsx
+++ b/apps/sim/app/(auth)/reset-password/reset-password-form.tsx
@@ -1,10 +1,10 @@
 'use client'
 
 import { useState } from 'react'
-import { Eye, EyeOff } from 'lucide-react'
+import { Eye, EyeOff, Loader2 } from 'lucide-react'
 import { Input, Label } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 
 interface RequestResetFormProps {
   email: string
@@ -64,14 +64,16 @@ export function RequestResetForm({
         )}
       </div>
 
-      <BrandedButton
-        type='submit'
-        disabled={isSubmitting}
-        loading={isSubmitting}
-        loadingText='Sending'
-      >
-        Send Reset Link
-      </BrandedButton>
+      <button type='submit' disabled={isSubmitting} className={AUTH_SUBMIT_BTN}>
+        {isSubmitting ? (
+          <span className='flex items-center gap-2'>
+            <Loader2 className='h-4 w-4 animate-spin' />
+            Sending...
+          </span>
+        ) : (
+          'Send Reset Link'
+        )}
+      </button>
     </form>
   )
 }
@@ -219,14 +221,16 @@ export function SetNewPasswordForm({
         )}
       </div>
 
-      <BrandedButton
-        type='submit'
-        disabled={isSubmitting || !token}
-        loading={isSubmitting}
-        loadingText='Resetting'
-      >
-        Reset Password
-      </BrandedButton>
+      <button type='submit' disabled={isSubmitting || !token} className={AUTH_SUBMIT_BTN}>
+        {isSubmitting ? (
+          <span className='flex items-center gap-2'>
+            <Loader2 className='h-4 w-4 animate-spin' />
+            Resetting...
+          </span>
+        ) : (
+          'Reset Password'
+        )}
+      </button>
     </form>
   )
 }
diff --git a/apps/sim/app/(auth)/signup/signup-form.tsx b/apps/sim/app/(auth)/signup/signup-form.tsx
index 75467feade5..c3db07b511e 100644
--- a/apps/sim/app/(auth)/signup/signup-form.tsx
+++ b/apps/sim/app/(auth)/signup/signup-form.tsx
@@ -3,7 +3,7 @@
 import { Suspense, useMemo, useRef, useState } from 'react'
 import { Turnstile, type TurnstileInstance } from '@marsidev/react-turnstile'
 import { createLogger } from '@sim/logger'
-import { Eye, EyeOff } from 'lucide-react'
+import { Eye, EyeOff, Loader2 } from 'lucide-react'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { Input, Label } from '@/components/emcn'
@@ -11,10 +11,9 @@ import { client, useSession } from '@/lib/auth/auth-client'
 import { getEnv, isFalsy, isTruthy } from '@/lib/core/config/env'
 import { cn } from '@/lib/core/utils/cn'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { SocialLoginButtons } from '@/app/(auth)/components/social-login-buttons'
 import { SSOLoginButton } from '@/app/(auth)/components/sso-login-button'
-import { useBrandedButtonClass } from '@/hooks/use-branded-button-class'
 
 const logger = createLogger('SignupForm')
 
@@ -96,8 +95,6 @@ function SignupFormContent({
   const captchaResolveRef = useRef<((token: string) => void) | null>(null)
   const captchaRejectRef = useRef<((reason: Error) => void) | null>(null)
   const turnstileSiteKey = useMemo(() => getEnv('NEXT_PUBLIC_TURNSTILE_SITE_KEY'), [])
-  const buttonClass = useBrandedButtonClass()
-
   const redirectUrl = useMemo(
     () => searchParams.get('redirect') || searchParams.get('callbackUrl') || '',
     [searchParams]
@@ -380,11 +377,7 @@ function SignupFormContent({
         return hasOnlySSO
       })() && (
         <div className='mt-8'>
-          <SSOLoginButton
-            callbackURL={redirectUrl || '/workspace'}
-            variant='primary'
-            primaryClassName={buttonClass}
-          />
+          <SSOLoginButton callbackURL={redirectUrl || '/workspace'} variant='primary' />
         </div>
       )}
 
@@ -548,15 +541,16 @@ function SignupFormContent({
             </div>
           )}
 
-          <BrandedButton
-            type='submit'
-            disabled={isLoading}
-            loading={isLoading}
-            loadingText='Creating account'
-            className='!mt-6'
-          >
-            Create account
-          </BrandedButton>
+          <button type='submit' disabled={isLoading} className={cn('!mt-6', AUTH_SUBMIT_BTN)}>
+            {isLoading ? (
+              <span className='flex items-center gap-2'>
+                <Loader2 className='h-4 w-4 animate-spin' />
+                Creating account...
+              </span>
+            ) : (
+              'Create account'
+            )}
+          </button>
         </form>
       )}
 
@@ -602,11 +596,7 @@ function SignupFormContent({
             isProduction={isProduction}
           >
             {isTruthy(getEnv('NEXT_PUBLIC_SSO_ENABLED')) && (
-              <SSOLoginButton
-                callbackURL={redirectUrl || '/workspace'}
-                variant='outline'
-                primaryClassName={buttonClass}
-              />
+              <SSOLoginButton callbackURL={redirectUrl || '/workspace'} variant='outline' />
             )}
           </SocialLoginButtons>
         </div>
diff --git a/apps/sim/app/(auth)/verify/verify-content.tsx b/apps/sim/app/(auth)/verify/verify-content.tsx
index cf613ba3e30..9f5b7e47590 100644
--- a/apps/sim/app/(auth)/verify/verify-content.tsx
+++ b/apps/sim/app/(auth)/verify/verify-content.tsx
@@ -1,10 +1,11 @@
 'use client'
 
 import { Suspense, useEffect, useState } from 'react'
+import { Loader2 } from 'lucide-react'
 import { useRouter } from 'next/navigation'
 import { InputOTP, InputOTPGroup, InputOTPSlot } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { useVerification } from '@/app/(auth)/verify/use-verification'
 
 interface VerifyContentProps {
@@ -110,15 +111,20 @@ function VerificationForm({
             )}
           </div>
 
-          <BrandedButton
+          <button
             onClick={verifyCode}
             disabled={!isOtpComplete || isLoading}
-            loading={isLoading}
-            loadingText='Verifying'
-            showArrow={false}
+            className={AUTH_SUBMIT_BTN}
           >
-            Verify Email
-          </BrandedButton>
+            {isLoading ? (
+              <span className='flex items-center gap-2'>
+                <Loader2 className='h-4 w-4 animate-spin' />
+                Verifying...
+              </span>
+            ) : (
+              'Verify Email'
+            )}
+          </button>
 
           {hasEmailService && (
             <div className='text-center'>
diff --git a/apps/sim/app/(landing)/actions/github.ts b/apps/sim/app/(home)/actions/github.ts
similarity index 100%
rename from apps/sim/app/(landing)/actions/github.ts
rename to apps/sim/app/(home)/actions/github.ts
diff --git a/apps/sim/app/(home)/components/footer/footer-cta.tsx b/apps/sim/app/(home)/components/footer/footer-cta.tsx
index b4df3534957..b67ae3b3f84 100644
--- a/apps/sim/app/(home)/components/footer/footer-cta.tsx
+++ b/apps/sim/app/(home)/components/footer/footer-cta.tsx
@@ -4,7 +4,7 @@ import { useCallback, useRef, useState } from 'react'
 import { ArrowUp } from 'lucide-react'
 import Link from 'next/link'
 import { useLandingSubmit } from '@/app/(home)/components/landing-preview/components/landing-preview-panel/landing-preview-panel'
-import { useAnimatedPlaceholder } from '@/app/workspace/[workspaceId]/home/hooks/use-animated-placeholder'
+import { useAnimatedPlaceholder } from '@/hooks/use-animated-placeholder'
 
 const MAX_HEIGHT = 120
 
diff --git a/apps/sim/app/(home)/components/landing-preview/components/landing-preview-home/landing-preview-home.tsx b/apps/sim/app/(home)/components/landing-preview/components/landing-preview-home/landing-preview-home.tsx
index 5413f9b4d59..3a7b88d2ff6 100644
--- a/apps/sim/app/(home)/components/landing-preview/components/landing-preview-home/landing-preview-home.tsx
+++ b/apps/sim/app/(home)/components/landing-preview/components/landing-preview-home/landing-preview-home.tsx
@@ -3,7 +3,7 @@
 import { memo, useCallback, useRef, useState } from 'react'
 import { ArrowUp } from 'lucide-react'
 import { useLandingSubmit } from '@/app/(home)/components/landing-preview/components/landing-preview-panel/landing-preview-panel'
-import { useAnimatedPlaceholder } from '@/app/workspace/[workspaceId]/home/hooks/use-animated-placeholder'
+import { useAnimatedPlaceholder } from '@/hooks/use-animated-placeholder'
 
 const C = {
   SURFACE: '#292929',
diff --git a/apps/sim/app/(home)/components/navbar/components/github-stars.tsx b/apps/sim/app/(home)/components/navbar/components/github-stars.tsx
index f33f7619c18..7fd496d8181 100644
--- a/apps/sim/app/(home)/components/navbar/components/github-stars.tsx
+++ b/apps/sim/app/(home)/components/navbar/components/github-stars.tsx
@@ -3,7 +3,7 @@
 import { useEffect, useState } from 'react'
 import { createLogger } from '@sim/logger'
 import { GithubOutlineIcon } from '@/components/icons'
-import { getFormattedGitHubStars } from '@/app/(landing)/actions/github'
+import { getFormattedGitHubStars } from '@/app/(home)/actions/github'
 
 const logger = createLogger('github-stars')
 
diff --git a/apps/sim/app/(landing)/components/background/background-svg.tsx b/apps/sim/app/(landing)/components/background/background-svg.tsx
deleted file mode 100644
index 98bea428c54..00000000000
--- a/apps/sim/app/(landing)/components/background/background-svg.tsx
+++ /dev/null
@@ -1,136 +0,0 @@
-export default function BackgroundSVG() {
-  return (
-    <svg
-      aria-hidden='true'
-      focusable='false'
-      className='-translate-x-1/2 pointer-events-none absolute top-0 left-1/2 z-10 hidden h-full min-h-full w-[1308px] sm:block'
-      width='1308'
-      height='4970'
-      viewBox='0 18 1308 4094'
-      fill='none'
-      xmlns='http://www.w3.org/2000/svg'
-      preserveAspectRatio='xMidYMin slice'
-    >
-      {/* Pricing section (extended by ~28 units) */}
-      <path d='M6.71704 1236.22H1300.76' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='11.0557' cy='1236.48' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='1298.02' cy='1236.48' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <path d='M10.7967 1245.42V1641.91' stroke='#E7E4EF' strokeWidth='2' />
-      <path d='M1297.76 1245.96V1641.91' stroke='#E7E4EF' strokeWidth='2' />
-
-      {/* Integrations section (shifted down by 28 units) */}
-      <path d='M6.71704 1642.89H1291.05' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='11.0557' cy='1643.15' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='1298.02' cy='1643.15' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <path d='M10.7967 1652.61V2054.93' stroke='#E7E4EF' strokeWidth='2' />
-      <path d='M1297.76 1652.61V2054.93' stroke='#E7E4EF' strokeWidth='2' />
-
-      {/* Testimonials section (shifted down by 28 units) */}
-      <path d='M6.71704 2054.71H1300.76' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='11.0557' cy='2054.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='1298.02' cy='2054.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <path d='M10.7967 2064.43V2205.43' stroke='#E7E4EF' strokeWidth='2' />
-      <path d='M1297.76 2064.43V2205.43' stroke='#E7E4EF' strokeWidth='2' />
-
-      {/* Footer section line (shifted down by 28 units) */}
-      <path d='M6.71704 2205.71H1300.76' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='11.0557' cy='2205.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='1298.02' cy='2205.97' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <path d='M10.7967 2215.43V4118.25' stroke='#E7E4EF' strokeWidth='2' />
-      <path d='M1297.76 2215.43V4118.25' stroke='#E7E4EF' strokeWidth='2' />
-      <path
-        d='M959.828 116.604C1064.72 187.189 1162.61 277.541 1293.45 536.597'
-        stroke='#E7E4EF'
-        strokeWidth='1.90903'
-      />
-      <path d='M1118.77 612.174V88' stroke='#E7E4EF' strokeWidth='1.90903' />
-      <path d='M1261.95 481.414L1289.13 481.533' stroke='#E7E4EF' strokeWidth='1.90903' />
-      <path d='M960 109.049V88' stroke='#E7E4EF' strokeWidth='1.90903' />
-      <circle
-        cx='960.214'
-        cy='115.214'
-        r='6.25942'
-        transform='rotate(90 960.214 115.214)'
-        fill='white'
-        stroke='#E7E4EF'
-        strokeWidth='1.90903'
-      />
-      <circle
-        cx='1119.21'
-        cy='258.214'
-        r='6.25942'
-        transform='rotate(90 1119.21 258.214)'
-        fill='white'
-        stroke='#E7E4EF'
-        strokeWidth='1.90903'
-      />
-      <circle
-        cx='1265.19'
-        cy='481.414'
-        r='6.25942'
-        transform='rotate(90 1265.19 481.414)'
-        fill='white'
-        stroke='#E7E4EF'
-        strokeWidth='1.90903'
-      />
-      <path
-        d='M77 179C225.501 165.887 294.438 145.674 390 85'
-        stroke='#E7E4EF'
-        strokeWidth='1.90903'
-      />
-      <path d='M214.855 521.491L215 75' stroke='#E7E4EF' strokeWidth='1.90903' />
-      <path
-        d='M76.6567 381.124C177.305 448.638 213.216 499.483 240.767 613.253'
-        stroke='#E7E4EF'
-        strokeWidth='1.90903'
-      />
-      <path d='M76.5203 175.703V613.253' stroke='#E7E4EF' strokeWidth='1.90903' />
-      <path d='M1.07967 179.225L76.6567 179.225' stroke='#E7E4EF' strokeWidth='1.90903' />
-      <circle
-        cx='76.3128'
-        cy='178.882'
-        r='6.25942'
-        transform='rotate(90 76.3128 178.882)'
-        fill='white'
-        stroke='#E7E4EF'
-        strokeWidth='1.90903'
-      />
-      <circle
-        cx='214.511'
-        cy='528.695'
-        r='6.25942'
-        transform='rotate(90 214.511 528.695)'
-        fill='white'
-        stroke='#E7E4EF'
-        strokeWidth='1.90903'
-      />
-      <circle
-        cx='76.3129'
-        cy='380.78'
-        r='6.25942'
-        transform='rotate(90 76.3129 380.78)'
-        fill='white'
-        stroke='#E7E4EF'
-        strokeWidth='1.90903'
-      />
-      <path d='M10.7967 18V1226.51' stroke='#E7E4EF' strokeWidth='2' />
-      <path d='M1297.76 18V1227.59' stroke='#E7E4EF' strokeWidth='2' />
-      <path d='M6.71704 78.533H1300.76' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='10.7967' cy='78.792' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='214.976' cy='78.9761' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='396.976' cy='78.9761' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='1298.02' cy='78.792' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='1118.98' cy='78.9761' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='959.976' cy='78.9761' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <path d='M16.4341 620.811H1292.13' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='11.0557' cy='621.07' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='76.3758' cy='621.07' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='244.805' cy='621.07' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='10.7967' cy='178.405' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='1298.02' cy='621.07' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='1119.23' cy='621.07' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='1298.02' cy='481.253' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-      <circle cx='1298.02' cy='541.714' r='8.07846' fill='white' stroke='#E7E4EF' strokeWidth='2' />
-    </svg>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/background/background.tsx b/apps/sim/app/(landing)/components/background/background.tsx
deleted file mode 100644
index 46f7d8d0781..00000000000
--- a/apps/sim/app/(landing)/components/background/background.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import dynamic from 'next/dynamic'
-import { cn } from '@/lib/core/utils/cn'
-
-// Lazy load the SVG to reduce initial bundle size
-const BackgroundSVG = dynamic(() => import('./background-svg'), {
-  ssr: true, // Enable SSR for SEO
-  loading: () => null, // Don't show loading state
-})
-
-type BackgroundProps = {
-  className?: string
-  children?: React.ReactNode
-}
-
-export default function Background({ className, children }: BackgroundProps) {
-  return (
-    <div className={cn('relative min-h-screen w-full', className)}>
-      <div className='-z-50 pointer-events-none fixed inset-0 bg-white' />
-      <BackgroundSVG />
-      <div className='relative z-0 mx-auto w-full max-w-[1308px]'>{children}</div>
-    </div>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/footer/components/compliance-badges.tsx b/apps/sim/app/(landing)/components/footer/components/compliance-badges.tsx
deleted file mode 100644
index 82b484d1792..00000000000
--- a/apps/sim/app/(landing)/components/footer/components/compliance-badges.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import Image from 'next/image'
-import Link from 'next/link'
-import { HIPAABadgeIcon } from '@/components/icons'
-
-export default function ComplianceBadges() {
-  return (
-    <div className='mt-1.5 flex items-center gap-3'>
-      {/* SOC2 badge */}
-      <Link
-        href='https://app.vanta.com/sim.ai/trust/v35ia0jil4l7dteqjgaktn'
-        target='_blank'
-        rel='noopener noreferrer'
-      >
-        <Image
-          src='/footer/soc2.png'
-          alt='SOC2 Compliant'
-          width={54}
-          height={54}
-          className='object-contain'
-          loading='lazy'
-          unoptimized
-        />
-      </Link>
-      {/* HIPAA badge */}
-      <Link
-        href='https://app.vanta.com/sim.ai/trust/v35ia0jil4l7dteqjgaktn'
-        target='_blank'
-        rel='noopener noreferrer'
-      >
-        <HIPAABadgeIcon className='h-[54px] w-[54px]' />
-      </Link>
-    </div>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/footer/components/index.ts b/apps/sim/app/(landing)/components/footer/components/index.ts
deleted file mode 100644
index 2f9863a65e1..00000000000
--- a/apps/sim/app/(landing)/components/footer/components/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import ComplianceBadges from './compliance-badges'
-import Logo from './logo'
-import SocialLinks from './social-links'
-import StatusIndicator from './status-indicator'
-
-export { ComplianceBadges, Logo, SocialLinks, StatusIndicator }
diff --git a/apps/sim/app/(landing)/components/footer/components/logo.tsx b/apps/sim/app/(landing)/components/footer/components/logo.tsx
deleted file mode 100644
index f9c2ec12cde..00000000000
--- a/apps/sim/app/(landing)/components/footer/components/logo.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import Image from 'next/image'
-import Link from 'next/link'
-
-export default function Logo() {
-  return (
-    <Link href='/' aria-label='Sim home'>
-      <Image
-        src='/logo/b&w/text/b&w.svg'
-        alt='Sim - Workflows for LLMs'
-        width={49.78314}
-        height={24.276}
-        priority
-        quality={90}
-      />
-    </Link>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/footer/components/social-links.tsx b/apps/sim/app/(landing)/components/footer/components/social-links.tsx
deleted file mode 100644
index 2205c2d390d..00000000000
--- a/apps/sim/app/(landing)/components/footer/components/social-links.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { DiscordIcon, GithubIcon, LinkedInIcon, xIcon as XIcon } from '@/components/icons'
-
-export default function SocialLinks() {
-  return (
-    <div className='flex items-center gap-3'>
-      <a
-        href='https://discord.gg/Hr4UWYEcTT'
-        target='_blank'
-        rel='noopener noreferrer'
-        className='flex items-center text-md text-muted-foreground transition-colors hover:text-foreground'
-        aria-label='Discord'
-      >
-        <DiscordIcon className='h-[20px] w-[20px]' aria-hidden='true' />
-      </a>
-      <a
-        href='https://x.com/simdotai'
-        target='_blank'
-        rel='noopener noreferrer'
-        className='flex items-center text-md text-muted-foreground transition-colors hover:text-foreground'
-        aria-label='X (Twitter)'
-      >
-        <XIcon className='h-[18px] w-[18px]' aria-hidden='true' />
-      </a>
-      <a
-        href='https://www.linkedin.com/company/simstudioai/'
-        target='_blank'
-        rel='noopener noreferrer'
-        className='flex items-center text-md text-muted-foreground transition-colors hover:text-foreground'
-        aria-label='LinkedIn'
-      >
-        <LinkedInIcon className='h-[18px] w-[18px]' aria-hidden='true' />
-      </a>
-      <a
-        href='https://github.com/simstudioai/sim'
-        target='_blank'
-        rel='noopener noreferrer'
-        className='flex items-center text-md text-muted-foreground transition-colors hover:text-foreground'
-        aria-label='GitHub'
-      >
-        <GithubIcon className='h-[20px] w-[20px]' aria-hidden='true' />
-      </a>
-    </div>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/footer/components/status-indicator.tsx b/apps/sim/app/(landing)/components/footer/components/status-indicator.tsx
deleted file mode 100644
index 046b652b9a5..00000000000
--- a/apps/sim/app/(landing)/components/footer/components/status-indicator.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-'use client'
-
-import type { SVGProps } from 'react'
-import Link from 'next/link'
-import type { StatusType } from '@/app/api/status/types'
-import { useStatus } from '@/hooks/queries/status'
-
-interface StatusDotIconProps extends SVGProps<SVGSVGElement> {
-  status: 'operational' | 'degraded' | 'outage' | 'maintenance' | 'loading' | 'error'
-}
-
-export function StatusDotIcon({ status, className, ...props }: StatusDotIconProps) {
-  const colors = {
-    operational: '#10B981',
-    degraded: '#F59E0B',
-    outage: '#EF4444',
-    maintenance: '#3B82F6',
-    loading: '#9CA3AF',
-    error: '#9CA3AF',
-  }
-
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width={6}
-      height={6}
-      viewBox='0 0 6 6'
-      fill='none'
-      className={className}
-      {...props}
-    >
-      <circle cx={3} cy={3} r={3} fill={colors[status]} />
-    </svg>
-  )
-}
-
-const STATUS_COLORS: Record<StatusType, string> = {
-  operational: 'text-[#10B981] hover:text-[#059669]',
-  degraded: 'text-[var(--caution)] hover:text-[#D97706]',
-  outage: 'text-[var(--text-error)] hover:text-[var(--error)]',
-  maintenance: 'text-[#3B82F6] hover:text-[#2563EB]',
-  loading: 'text-muted-foreground hover:text-foreground',
-  error: 'text-muted-foreground hover:text-foreground',
-}
-
-export default function StatusIndicator() {
-  const { data, isLoading, isError } = useStatus()
-
-  const status = isLoading ? 'loading' : isError ? 'error' : data?.status || 'error'
-  const message = isLoading
-    ? 'Checking Status...'
-    : isError
-      ? 'Status Unknown'
-      : data?.message || 'Status Unknown'
-  const statusUrl = data?.url || 'https://status.sim.ai'
-
-  return (
-    <Link
-      href={statusUrl}
-      target='_blank'
-      rel='noopener noreferrer'
-      className={`flex min-w-[165px] items-center gap-1.5 whitespace-nowrap text-caption transition-colors ${STATUS_COLORS[status]}`}
-      aria-label={`System status: ${message}`}
-    >
-      <StatusDotIcon status={status} className='h-[6px] w-[6px]' aria-hidden='true' />
-      <span>{message}</span>
-    </Link>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/footer/consts.ts b/apps/sim/app/(landing)/components/footer/consts.ts
deleted file mode 100644
index bfbf093e3db..00000000000
--- a/apps/sim/app/(landing)/components/footer/consts.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-export const FOOTER_BLOCKS = [
-  'Agent',
-  'API',
-  'Condition',
-  'Evaluator',
-  'Function',
-  'Guardrails',
-  'Human In The Loop',
-  'Loop',
-  'Parallel',
-  'Response',
-  'Router',
-  'Starter',
-  'Webhook',
-  'Workflow',
-]
-
-export const FOOTER_TOOLS = [
-  'Airtable',
-  'Apify',
-  'Apollo',
-  'ArXiv',
-  'Browser Use',
-  'Calendly',
-  'Clay',
-  'Confluence',
-  'Discord',
-  'ElevenLabs',
-  'Exa',
-  'Firecrawl',
-  'GitHub',
-  'Gmail',
-  'Google Drive',
-  'HubSpot',
-  'HuggingFace',
-  'Hunter',
-  'Incidentio',
-  'Intercom',
-  'Jina',
-  'Jira',
-  'Knowledge',
-  'Linear',
-  'LinkUp',
-  'LinkedIn',
-  'Mailchimp',
-  'Mailgun',
-  'MCP',
-  'Mem0',
-  'Microsoft Excel',
-  'Microsoft Planner',
-  'Microsoft Teams',
-  'Mistral Parse',
-  'MongoDB',
-  'MySQL',
-  'Neo4j',
-  'Notion',
-  'OneDrive',
-  'OpenAI',
-  'Outlook',
-  'Parallel AI',
-  'Perplexity',
-  'Pinecone',
-  'Pipedrive',
-  'PostHog',
-  'PostgreSQL',
-  'Qdrant',
-  'Reddit',
-  'Resend',
-  'S3',
-  'Salesforce',
-  'SendGrid',
-  'Serper',
-  'ServiceNow',
-  'SharePoint',
-  'Slack',
-  'Smtp',
-  'Stagehand',
-  'Stripe',
-  'Supabase',
-  'Tavily',
-  'Telegram',
-  'Translate',
-  'Trello',
-  'Twilio',
-  'Typeform',
-  'Vision',
-  'Wait',
-  'Wealthbox',
-  'Webflow',
-  'WhatsApp',
-  'Wikipedia',
-  'X',
-  'YouTube',
-  'Zendesk',
-  'Zep',
-]
diff --git a/apps/sim/app/(landing)/components/footer/footer.tsx b/apps/sim/app/(landing)/components/footer/footer.tsx
deleted file mode 100644
index a77cd0cd153..00000000000
--- a/apps/sim/app/(landing)/components/footer/footer.tsx
+++ /dev/null
@@ -1,280 +0,0 @@
-import Link from 'next/link'
-import {
-  ComplianceBadges,
-  Logo,
-  SocialLinks,
-  StatusIndicator,
-} from '@/app/(landing)/components/footer/components'
-import { FOOTER_BLOCKS, FOOTER_TOOLS } from '@/app/(landing)/components/footer/consts'
-
-interface FooterProps {
-  fullWidth?: boolean
-}
-
-export default function Footer({ fullWidth = false }: FooterProps) {
-  return (
-    <footer className='relative w-full overflow-hidden bg-white'>
-      <div
-        className={
-          fullWidth
-            ? 'px-4 pt-10 pb-10 sm:px-4 sm:pt-[34px] sm:pb-[340px]'
-            : 'px-4 pt-10 pb-10 sm:px-[50px] sm:pt-[34px] sm:pb-[340px]'
-        }
-      >
-        <div className={`flex gap-20 ${fullWidth ? 'justify-center' : ''}`}>
-          {/* Logo and social links */}
-          <div className='flex flex-col gap-6'>
-            <Logo />
-            <SocialLinks />
-            <ComplianceBadges />
-            <StatusIndicator />
-          </div>
-
-          {/* Links section */}
-          <div>
-            <h2 className='mb-4 font-medium text-foreground text-sm'>More Sim</h2>
-            <div className='flex flex-col gap-3'>
-              <Link
-                href='https://docs.sim.ai'
-                target='_blank'
-                rel='noopener noreferrer'
-                className='text-muted-foreground text-sm transition-colors hover:text-foreground'
-              >
-                Docs
-              </Link>
-              <Link
-                href='#pricing'
-                className='text-muted-foreground text-sm transition-colors hover:text-foreground'
-              >
-                Pricing
-              </Link>
-              <Link
-                href='https://form.typeform.com/to/jqCO12pF'
-                target='_blank'
-                rel='noopener noreferrer'
-                className='text-muted-foreground text-sm transition-colors hover:text-foreground'
-              >
-                Enterprise
-              </Link>
-              <Link
-                href='/blog'
-                className='text-muted-foreground text-sm transition-colors hover:text-foreground'
-              >
-                Blog
-              </Link>
-              <Link
-                href='/changelog'
-                className='text-muted-foreground text-sm transition-colors hover:text-foreground'
-              >
-                Changelog
-              </Link>
-              <Link
-                href='https://status.sim.ai'
-                target='_blank'
-                rel='noopener noreferrer'
-                className='text-muted-foreground text-sm transition-colors hover:text-foreground'
-              >
-                Status
-              </Link>
-              <a
-                href='https://jobs.ashbyhq.com/sim'
-                target='_blank'
-                rel='noopener noreferrer'
-                className='text-muted-foreground text-sm transition-colors hover:text-foreground'
-              >
-                Careers
-              </a>
-              <Link
-                href='/privacy'
-                target='_blank'
-                rel='noopener noreferrer'
-                className='text-muted-foreground text-sm transition-colors hover:text-foreground'
-              >
-                Privacy Policy
-              </Link>
-              <Link
-                href='/terms'
-                target='_blank'
-                rel='noopener noreferrer'
-                className='text-muted-foreground text-sm transition-colors hover:text-foreground'
-              >
-                Terms of Service
-              </Link>
-            </div>
-          </div>
-
-          {/* Blocks section */}
-          <div className='hidden sm:block'>
-            <h2 className='mb-4 font-medium text-foreground text-sm'>Blocks</h2>
-            <div className='flex flex-col gap-3'>
-              {FOOTER_BLOCKS.map((block) => (
-                <Link
-                  key={block}
-                  href={`https://docs.sim.ai/blocks/${block.toLowerCase().replaceAll(' ', '-')}`}
-                  target='_blank'
-                  rel='noopener noreferrer'
-                  className='text-muted-foreground text-sm transition-colors hover:text-foreground'
-                >
-                  {block}
-                </Link>
-              ))}
-            </div>
-          </div>
-
-          {/* Tools section - split into columns */}
-          <div className='hidden sm:block'>
-            <h2 className='mb-4 font-medium text-foreground text-sm'>Tools</h2>
-            <div className='flex gap-20'>
-              {/* First column */}
-              <div className='flex flex-col gap-3'>
-                {FOOTER_TOOLS.slice(0, Math.ceil(FOOTER_TOOLS.length / 4)).map((tool) => (
-                  <Link
-                    key={tool}
-                    href={`https://docs.sim.ai/tools/${tool.toLowerCase().replace(/\s+/g, '_')}`}
-                    target='_blank'
-                    rel='noopener noreferrer'
-                    className='whitespace-nowrap text-muted-foreground text-sm transition-colors hover:text-foreground'
-                  >
-                    {tool}
-                  </Link>
-                ))}
-              </div>
-              {/* Second column */}
-              <div className='flex flex-col gap-3'>
-                {FOOTER_TOOLS.slice(
-                  Math.ceil(FOOTER_TOOLS.length / 4),
-                  Math.ceil((FOOTER_TOOLS.length * 2) / 4)
-                ).map((tool) => (
-                  <Link
-                    key={tool}
-                    href={`https://docs.sim.ai/tools/${tool.toLowerCase().replace(/\s+/g, '_')}`}
-                    target='_blank'
-                    rel='noopener noreferrer'
-                    className='whitespace-nowrap text-muted-foreground text-sm transition-colors hover:text-foreground'
-                  >
-                    {tool}
-                  </Link>
-                ))}
-              </div>
-              {/* Third column */}
-              <div className='flex flex-col gap-3'>
-                {FOOTER_TOOLS.slice(
-                  Math.ceil((FOOTER_TOOLS.length * 2) / 4),
-                  Math.ceil((FOOTER_TOOLS.length * 3) / 4)
-                ).map((tool) => (
-                  <Link
-                    key={tool}
-                    href={`https://docs.sim.ai/tools/${tool.toLowerCase().replace(/\s+/g, '_')}`}
-                    target='_blank'
-                    rel='noopener noreferrer'
-                    className='whitespace-nowrap text-muted-foreground text-sm transition-colors hover:text-foreground'
-                  >
-                    {tool}
-                  </Link>
-                ))}
-              </div>
-              {/* Fourth column */}
-              <div className='flex flex-col gap-3'>
-                {FOOTER_TOOLS.slice(Math.ceil((FOOTER_TOOLS.length * 3) / 4)).map((tool) => (
-                  <Link
-                    key={tool}
-                    href={`https://docs.sim.ai/tools/${tool.toLowerCase().replace(/\s+/g, '_')}`}
-                    target='_blank'
-                    rel='noopener noreferrer'
-                    className='whitespace-nowrap text-muted-foreground text-sm transition-colors hover:text-foreground'
-                  >
-                    {tool}
-                  </Link>
-                ))}
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      {/* Large SIM logo at bottom - half cut off */}
-      <div className='-translate-x-1/2 pointer-events-none absolute bottom-[-240px] left-1/2 hidden sm:block'>
-        <svg
-          xmlns='http://www.w3.org/2000/svg'
-          width='1128'
-          height='550'
-          viewBox='0 0 1128 550'
-          fill='none'
-        >
-          <g filter='url(#filter0_dd_122_4989)'>
-            <path
-              d='M3 420.942H77.9115C77.9115 441.473 85.4027 457.843 100.385 470.051C115.367 481.704 135.621 487.53 161.147 487.53C188.892 487.53 210.255 482.258 225.238 471.715C240.22 460.617 247.711 445.913 247.711 427.601C247.711 414.283 243.549 403.185 235.226 394.307C227.457 385.428 213.03 378.215 191.943 372.666L120.361 356.019C84.2929 347.14 57.3802 333.545 39.6234 315.234C22.4215 296.922 13.8206 272.784 13.8206 242.819C13.8206 217.849 20.2019 196.208 32.9646 177.896C46.2822 159.584 64.3165 145.434 87.0674 135.446C110.373 125.458 137.008 120.464 166.973 120.464C196.938 120.464 222.74 125.735 244.382 136.278C266.578 146.821 283.779 161.526 295.987 180.393C308.75 199.259 315.409 221.733 315.964 247.813H241.052C240.497 226.727 233.561 210.357 220.243 198.705C206.926 187.052 188.337 181.225 164.476 181.225C140.06 181.225 121.194 186.497 107.876 197.04C94.5585 207.583 87.8997 222.01 87.8997 240.322C87.8997 267.512 107.876 286.101 147.829 296.09L219.411 313.569C253.815 321.337 279.618 334.1 296.82 351.857C314.022 369.059 322.622 392.642 322.622 422.607C322.622 448.132 315.686 470.606 301.814 490.027C287.941 508.894 268.797 523.599 244.382 534.142C220.521 544.13 192.221 549.124 159.482 549.124C111.76 549.124 73.7498 537.471 45.4499 514.165C17.15 490.86 3 459.785 3 420.942Z'
-              fill='#DCDCDC'
-            />
-            <path
-              d='M377.713 539.136V132.117C408.911 143.439 422.667 143.439 455.954 132.117V539.136H377.713ZM416.001 105.211C402.129 105.211 389.921 100.217 379.378 90.2291C369.39 79.686 364.395 67.4782 364.395 53.6057C364.395 39.1783 369.39 26.9705 379.378 16.9823C389.921 6.9941 402.129 2 416.001 2C430.428 2 442.636 6.9941 452.625 16.9823C462.613 26.9705 467.607 39.1783 467.607 53.6057C467.607 67.4782 462.613 79.686 452.625 90.2291C442.636 100.217 430.428 105.211 416.001 105.211Z'
-              fill='#DCDCDC'
-            />
-            <path
-              d='M593.961 539.136H515.72V132.117H585.637V200.792C593.961 178.041 610.053 158.752 632.249 143.769C655 128.232 682.467 120.464 714.651 120.464C750.72 120.464 780.685 130.174 804.545 149.596C822.01 163.812 835.016 181.446 843.562 202.5C851.434 181.446 864.509 163.812 882.786 149.596C907.757 130.174 938.554 120.464 975.177 120.464C1021.79 120.464 1058.41 134.059 1085.05 161.249C1111.68 188.439 1125 225.617 1125 272.784V539.136H1048.42V291.928C1048.42 259.744 1040.1 235.051 1023.45 217.849C1007.36 200.092 985.443 191.213 957.698 191.213C938.276 191.213 921.074 195.653 906.092 204.531C891.665 212.855 880.289 225.062 871.966 241.154C863.642 257.247 859.48 276.113 859.48 297.754V539.136H782.072V291.095C782.072 258.911 774.026 234.496 757.934 217.849C741.841 200.647 719.923 192.046 692.178 192.046C672.756 192.046 655.555 196.485 640.572 205.363C626.145 213.687 614.769 225.895 606.446 241.987C598.122 257.524 593.961 276.113 593.961 297.754V539.136Z'
-              fill='#DCDCDC'
-            />
-            <path
-              d='M166.973 121.105C196.396 121.105 221.761 126.201 243.088 136.367L244.101 136.855L244.106 136.858C265.86 147.191 282.776 161.528 294.876 179.865L295.448 180.741L295.455 180.753C308.032 199.345 314.656 221.475 315.306 247.171H241.675C240.996 226.243 234.012 209.899 220.666 198.222C207.196 186.435 188.437 180.583 164.476 180.583C139.977 180.583 120.949 185.871 107.478 196.536C93.9928 207.212 87.2578 221.832 87.2578 240.322C87.2579 254.096 92.3262 265.711 102.444 275.127C112.542 284.524 127.641 291.704 147.673 296.712L147.677 296.713L219.259 314.192L219.27 314.195C253.065 321.827 278.469 334.271 295.552 351.48L296.358 352.304L296.365 352.311C313.42 369.365 321.98 392.77 321.98 422.606C321.98 448.005 315.082 470.343 301.297 489.646C287.502 508.408 268.456 523.046 244.134 533.55C220.369 543.498 192.157 548.482 159.481 548.482C111.864 548.482 74.0124 536.855 45.8584 513.67C17.8723 490.623 3.80059 459.948 3.64551 421.584H77.2734C77.4285 441.995 84.9939 458.338 99.9795 470.549L99.9854 470.553L99.9912 470.558C115.12 482.324 135.527 488.172 161.146 488.172C188.96 488.172 210.474 482.889 225.607 472.24L225.613 472.236L225.619 472.231C240.761 461.015 248.353 446.12 248.353 427.601C248.352 414.145 244.145 402.89 235.709 393.884C227.81 384.857 213.226 377.603 192.106 372.045L192.098 372.043L192.089 372.04L120.507 355.394C84.5136 346.533 57.7326 332.983 40.0908 314.794H40.0918C23.0227 296.624 14.4629 272.654 14.4629 242.819C14.4629 217.969 20.8095 196.463 33.4834 178.273C46.7277 160.063 64.6681 145.981 87.3252 136.034L87.3242 136.033C110.536 126.086 137.081 121.106 166.973 121.105ZM975.177 121.105C1021.66 121.105 1058.1 134.658 1084.59 161.698C1111.08 188.741 1124.36 225.743 1124.36 272.784V538.494H1049.07V291.928C1049.07 259.636 1040.71 234.76 1023.92 217.402H1023.91C1007.68 199.5 985.584 190.571 957.697 190.571C938.177 190.571 920.862 195.034 905.771 203.975C891.228 212.365 879.77 224.668 871.396 240.859C863.017 257.059 858.838 276.03 858.838 297.754V538.494H782.714V291.096C782.714 258.811 774.641 234.209 758.395 217.402C742.16 200.053 720.062 191.404 692.178 191.404C673.265 191.404 656.422 195.592 641.666 203.985L640.251 204.808C625.711 213.196 614.254 225.497 605.88 241.684C597.496 257.333 593.318 276.031 593.318 297.754V538.494H516.361V132.759H584.995V200.792L586.24 201.013C594.51 178.408 610.505 159.221 632.607 144.302L632.61 144.3C655.238 128.847 682.574 121.105 714.651 121.105C750.599 121.105 780.413 130.781 804.14 150.094C821.52 164.241 834.461 181.787 842.967 202.741L843.587 204.268L844.163 202.725C851.992 181.786 864.994 164.248 883.181 150.103C908.021 130.782 938.673 121.106 975.177 121.105ZM455.312 538.494H378.354V133.027C393.534 138.491 404.652 141.251 416.05 141.251C427.46 141.251 439.095 138.485 455.312 133.009V538.494ZM416.001 2.6416C430.262 2.6416 442.306 7.57157 452.171 17.4365C462.036 27.3014 466.965 39.3445 466.965 53.6055C466.965 67.3043 462.04 79.3548 452.16 89.7842C442.297 99.6427 430.258 104.569 416.001 104.569C402.303 104.569 390.254 99.6452 379.825 89.7676C369.957 79.3421 365.037 67.2967 365.037 53.6055C365.037 39.3444 369.966 27.3005 379.831 17.4355C390.258 7.56247 402.307 2.64163 416.001 2.6416Z'
-              stroke='#C1C1C1'
-              strokeWidth='1.28396'
-            />
-          </g>
-          <defs>
-            <filter
-              id='filter0_dd_122_4989'
-              x='0'
-              y='0'
-              width='1128'
-              height='550'
-              filterUnits='userSpaceOnUse'
-              colorInterpolationFilters='sRGB'
-            >
-              <feFlood floodOpacity='0' result='BackgroundImageFix' />
-              <feColorMatrix
-                in='SourceAlpha'
-                type='matrix'
-                values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'
-                result='hardAlpha'
-              />
-              <feMorphology
-                radius='1'
-                operator='erode'
-                in='SourceAlpha'
-                result='effect1_dropShadow_122_4989'
-              />
-              <feOffset dy='1' />
-              <feGaussianBlur stdDeviation='1' />
-              <feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0' />
-              <feBlend
-                mode='normal'
-                in2='BackgroundImageFix'
-                result='effect1_dropShadow_122_4989'
-              />
-              <feColorMatrix
-                in='SourceAlpha'
-                type='matrix'
-                values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'
-                result='hardAlpha'
-              />
-              <feOffset dy='1' />
-              <feGaussianBlur stdDeviation='1.5' />
-              <feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0' />
-              <feBlend
-                mode='normal'
-                in2='effect1_dropShadow_122_4989'
-                result='effect2_dropShadow_122_4989'
-              />
-              <feBlend
-                mode='normal'
-                in='SourceGraphic'
-                in2='effect2_dropShadow_122_4989'
-                result='shape'
-              />
-            </filter>
-          </defs>
-        </svg>
-      </div>
-    </footer>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/hero/components/icon-button.tsx b/apps/sim/app/(landing)/components/hero/components/icon-button.tsx
deleted file mode 100644
index fd58b46f719..00000000000
--- a/apps/sim/app/(landing)/components/hero/components/icon-button.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-'use client'
-
-import type React from 'react'
-
-interface IconButtonProps {
-  children: React.ReactNode
-  onClick?: () => void
-  onMouseEnter?: () => void
-  style?: React.CSSProperties
-  'aria-label': string
-  isAutoHovered?: boolean
-}
-
-export function IconButton({
-  children,
-  onClick,
-  onMouseEnter,
-  style,
-  'aria-label': ariaLabel,
-  isAutoHovered = false,
-}: IconButtonProps) {
-  return (
-    <button
-      type='button'
-      aria-label={ariaLabel}
-      onClick={onClick}
-      onMouseEnter={onMouseEnter}
-      className={`flex items-center justify-center rounded-xl border p-2 outline-none transition-all duration-300 ${
-        isAutoHovered
-          ? 'border-[#454545] shadow-subtle'
-          : 'border-transparent hover:border-[#454545] hover:shadow-subtle'
-      }`}
-      style={style}
-    >
-      {children}
-    </button>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/hero/components/index.ts b/apps/sim/app/(landing)/components/hero/components/index.ts
deleted file mode 100644
index 198822ec7f1..00000000000
--- a/apps/sim/app/(landing)/components/hero/components/index.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-export { IconButton } from './icon-button'
-export { DotPattern } from './landing-canvas/dot-pattern'
-export type {
-  LandingBlockProps,
-  LandingCardData,
-} from './landing-canvas/landing-block/landing-block'
-export { LandingBlock } from './landing-canvas/landing-block/landing-block'
-export type { LoopNodeData } from './landing-canvas/landing-block/landing-loop-node'
-export { LandingLoopNode } from './landing-canvas/landing-block/landing-loop-node'
-export { LandingNode } from './landing-canvas/landing-block/landing-node'
-export type { LoopBlockProps } from './landing-canvas/landing-block/loop-block'
-export { LoopBlock } from './landing-canvas/landing-block/loop-block'
-export type { SubBlockRowProps, TagProps } from './landing-canvas/landing-block/tag'
-export { SubBlockRow, Tag } from './landing-canvas/landing-block/tag'
-export type {
-  LandingBlockNode,
-  LandingCanvasProps,
-  LandingEdgeData,
-  LandingGroupData,
-  LandingManualBlock,
-  LandingViewportApi,
-} from './landing-canvas/landing-canvas'
-export { CARD_HEIGHT, CARD_WIDTH, LandingCanvas } from './landing-canvas/landing-canvas'
-export { LandingEdge } from './landing-canvas/landing-edge/landing-edge'
-export type { LandingFlowProps } from './landing-canvas/landing-flow'
-export { LandingFlow } from './landing-canvas/landing-flow'
diff --git a/apps/sim/app/(landing)/components/hero/components/landing-canvas/dot-pattern.tsx b/apps/sim/app/(landing)/components/hero/components/landing-canvas/dot-pattern.tsx
deleted file mode 100644
index d3ce55cc3da..00000000000
--- a/apps/sim/app/(landing)/components/hero/components/landing-canvas/dot-pattern.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-'use client'
-
-import type React from 'react'
-import { useEffect, useId, useRef, useState } from 'react'
-import { cn } from '@/lib/core/utils/cn'
-
-/**
- *  DotPattern Component Props
- *
- * @param {number} [width=16] - The horizontal spacing between dots
- * @param {number} [height=16] - The vertical spacing between dots
- * @param {number} [x=0] - The x-offset of the entire pattern
- * @param {number} [y=0] - The y-offset of the entire pattern
- * @param {number} [cx=1] - The x-offset of individual dots
- * @param {number} [cy=1] - The y-offset of individual dots
- * @param {number} [cr=1] - The radius of each dot
- * @param {string} [className] - Additional CSS classes to apply to the SVG container
- * @param {boolean} [glow=false] - Whether dots should have a glowing animation effect
- */
-interface DotPatternProps extends React.SVGProps<SVGSVGElement> {
-  width?: number
-  height?: number
-  x?: number
-  y?: number
-  cx?: number
-  cy?: number
-  cr?: number
-  className?: string
-  glow?: boolean
-  [key: string]: unknown
-}
-
-/**
- * DotPattern Component
- *
- * A React component that creates an animated or static dot pattern background using SVG.
- * The pattern automatically adjusts to fill its container and can optionally display glowing dots.
- *
- * @component
- *
- * @see DotPatternProps for the props interface.
- *
- * @example
- * // Basic usage
- * <DotPattern />
- *
- * // With glowing effect and custom spacing
- * <DotPattern
- *   width={20}
- *   height={20}
- *   glow={true}
- *   className="opacity-50"
- * />
- *
- * @notes
- * - The component is client-side only ("use client")
- * - Automatically responds to container size changes
- * - When glow is enabled, dots will animate with random delays and durations
- * - Uses Motion for animations
- * - Dots color can be controlled via the text color utility classes
- */
-
-export function DotPattern({
-  width = 16,
-  height = 16,
-  x = 0,
-  y = 0,
-  cx = 1,
-  cy = 1,
-  cr = 1,
-  className,
-  glow = false,
-  ...props
-}: DotPatternProps) {
-  const id = useId()
-  const containerRef = useRef<SVGSVGElement>(null)
-  const [dimensions, setDimensions] = useState({ width: 0, height: 0 })
-
-  useEffect(() => {
-    const updateDimensions = () => {
-      if (containerRef.current) {
-        const { width, height } = containerRef.current.getBoundingClientRect()
-        setDimensions({ width, height })
-      }
-    }
-
-    updateDimensions()
-    window.addEventListener('resize', updateDimensions)
-    return () => window.removeEventListener('resize', updateDimensions)
-  }, [])
-
-  const dots = Array.from(
-    {
-      length: Math.ceil(dimensions.width / width) * Math.ceil(dimensions.height / height),
-    },
-    (_, i) => {
-      const col = i % Math.ceil(dimensions.width / width)
-      const row = Math.floor(i / Math.ceil(dimensions.width / width))
-      return {
-        x: col * width + cx,
-        y: row * height + cy,
-        delay: Math.random() * 5,
-        duration: Math.random() * 3 + 2,
-      }
-    }
-  )
-
-  return (
-    <svg
-      ref={containerRef}
-      aria-hidden='true'
-      className={cn('pointer-events-none absolute inset-0 h-full w-full', className)}
-      {...props}
-    >
-      <defs>
-        <radialGradient id={`${id}-gradient`}>
-          <stop offset='0%' stopColor='currentColor' stopOpacity='1' />
-          <stop offset='100%' stopColor='currentColor' stopOpacity='0' />
-        </radialGradient>
-      </defs>
-      {dots.map((dot, index) => (
-        <circle
-          key={`${dot.x}-${dot.y}`}
-          cx={dot.x}
-          cy={dot.y}
-          r={cr}
-          fill={glow ? `url(#${id}-gradient)` : 'currentColor'}
-          className='text-neutral-400/80'
-        />
-      ))}
-    </svg>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-block.tsx b/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-block.tsx
deleted file mode 100644
index df1cf0462cb..00000000000
--- a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-block.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import React from 'react'
-import {
-  SubBlockRow,
-  type SubBlockRowProps,
-} from '@/app/(landing)/components/hero/components/landing-canvas/landing-block/tag'
-
-/**
- * Data structure for a landing card component
- * Matches the workflow block structure from the application
- */
-export interface LandingCardData {
-  /** Icon element to display in the card header */
-  icon: React.ReactNode
-  /** Background color for the icon container */
-  color: string | '#f6f6f6'
-  /** Name/title of the card */
-  name: string
-  /** Optional subblock rows to display below the header */
-  tags?: SubBlockRowProps[]
-}
-
-/**
- * Props for the LandingBlock component
- */
-export interface LandingBlockProps extends LandingCardData {
-  /** Optional CSS class names */
-  className?: string
-}
-
-/**
- * Landing block component that displays a card with icon, name, and optional subblock rows
- * Styled to match the application's workflow blocks
- * @param props - Component properties including icon, color, name, tags, and className
- * @returns A styled block card component
- */
-export const LandingBlock = React.memo(function LandingBlock({
-  icon,
-  color,
-  name,
-  tags,
-  className,
-}: LandingBlockProps) {
-  const hasContentBelowHeader = tags && tags.length > 0
-
-  return (
-    <div
-      className={`z-10 flex w-[250px] flex-col rounded-lg border border-[var(--landing-border-light)] bg-white ${className ?? ''}`}
-    >
-      {/* Header - matches workflow-block.tsx header styling */}
-      <div
-        className={`flex items-center justify-between p-2 ${hasContentBelowHeader ? 'border-[var(--landing-border-light)] border-b' : ''}`}
-      >
-        <div className='flex min-w-0 flex-1 items-center gap-2.5'>
-          <div
-            className='flex h-[24px] w-[24px] flex-shrink-0 items-center justify-center rounded-md'
-            style={{ background: color as string }}
-          >
-            {icon}
-          </div>
-          <span className='truncate font-medium text-[#171717] text-md' title={name}>
-            {name}
-          </span>
-        </div>
-      </div>
-
-      {/* Content - SubBlock Rows matching workflow-block.tsx */}
-      {hasContentBelowHeader && (
-        <div className='flex flex-col gap-2 p-2'>
-          {tags.map((tag) => (
-            <SubBlockRow key={tag.label} icon={tag.icon} label={tag.label} />
-          ))}
-        </div>
-      )}
-    </div>
-  )
-})
diff --git a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-loop-node.tsx b/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-loop-node.tsx
deleted file mode 100644
index af5f19dc183..00000000000
--- a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-loop-node.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-'use client'
-
-import React from 'react'
-import { LoopBlock } from '@/app/(landing)/components/hero/components/landing-canvas/landing-block/loop-block'
-
-/**
- * Data structure for the loop node
- */
-export interface LoopNodeData {
-  /** Label for the loop block */
-  label?: string
-  /** Child content to render inside */
-  children?: React.ReactNode
-}
-
-/**
- * React Flow node component for the loop block
- * Acts as a group node for subflow functionality
- * @param props - Component properties containing node data
- * @returns A React Flow compatible loop node component
- */
-export const LandingLoopNode = React.memo(function LandingLoopNode({
-  data,
-  style,
-}: {
-  data: LoopNodeData
-  style?: React.CSSProperties
-}) {
-  return (
-    <div
-      className='nodrag nopan nowheel relative cursor-grab active:cursor-grabbing'
-      style={{
-        width: style?.width || 1198,
-        height: style?.height || 528,
-        backgroundColor: 'transparent',
-        outline: 'none !important',
-        boxShadow: 'none !important',
-        border: 'none !important',
-      }}
-    >
-      <LoopBlock style={{ width: '100%', height: '100%', pointerEvents: 'none' }}>
-        <div className='flex items-start gap-3 px-6 py-4'>
-          <span className='font-medium text-base text-blue-500'>Loop</span>
-        </div>
-        {data.children}
-      </LoopBlock>
-    </div>
-  )
-})
diff --git a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-node.tsx b/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-node.tsx
deleted file mode 100644
index 2f13fd7ffce..00000000000
--- a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-node.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-'use client'
-
-import React from 'react'
-import { Handle, Position } from 'reactflow'
-import {
-  LandingBlock,
-  type LandingCardData,
-} from '@/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-block'
-
-/**
- * Handle Y offset from block top - matches HANDLE_POSITIONS.DEFAULT_Y_OFFSET
- */
-const HANDLE_Y_OFFSET = 20
-
-/**
- * React Flow node component for the landing canvas
- * Styled to match the application's workflow blocks
- * @param props - Component properties containing node data
- * @returns A React Flow compatible node component
- */
-export const LandingNode = React.memo(function LandingNode({ data }: { data: LandingCardData }) {
-  const wrapperRef = React.useRef<HTMLDivElement | null>(null)
-  const innerRef = React.useRef<HTMLDivElement | null>(null)
-  const [isAnimated, setIsAnimated] = React.useState(false)
-
-  React.useEffect(() => {
-    const delay = (data as any)?.delay ?? 0
-    const timer = setTimeout(() => {
-      setIsAnimated(true)
-    }, delay * 1000)
-
-    return () => {
-      clearTimeout(timer)
-    }
-  }, [data])
-
-  // Check if this node should have a target handle (schedule node shouldn't)
-  const hideTargetHandle = (data as any)?.hideTargetHandle || false
-  // Check if this node should have a source handle (agent and function nodes shouldn't)
-  const hideSourceHandle = (data as any)?.hideSourceHandle || false
-
-  return (
-    <div ref={wrapperRef} className='relative cursor-grab active:cursor-grabbing'>
-      {!hideTargetHandle && (
-        <Handle
-          type='target'
-          position={Position.Left}
-          style={{
-            width: '7px',
-            height: '20px',
-            background: '#D1D1D1',
-            border: 'none',
-            borderRadius: '2px 0 0 2px',
-            top: `${HANDLE_Y_OFFSET}px`,
-            left: '-7px',
-            transform: 'translateY(-50%)',
-            zIndex: 10,
-          }}
-          isConnectable={false}
-        />
-      )}
-      {!hideSourceHandle && (
-        <Handle
-          type='source'
-          position={Position.Right}
-          style={{
-            width: '7px',
-            height: '20px',
-            background: '#D1D1D1',
-            border: 'none',
-            borderRadius: '0 2px 2px 0',
-            top: `${HANDLE_Y_OFFSET}px`,
-            right: '-7px',
-            transform: 'translateY(-50%)',
-            zIndex: 10,
-          }}
-          isConnectable={false}
-        />
-      )}
-      <div
-        ref={innerRef}
-        className={isAnimated ? 'landing-node-animated' : 'landing-node-initial'}
-        style={{
-          opacity: isAnimated ? 1 : 0,
-          transform: isAnimated ? 'translateY(0) scale(1)' : 'translateY(8px) scale(0.98)',
-          transition:
-            'opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1)',
-          willChange: isAnimated ? 'auto' : 'transform, opacity',
-        }}
-      >
-        <LandingBlock icon={data.icon} color={data.color} name={data.name} tags={data.tags} />
-      </div>
-    </div>
-  )
-})
diff --git a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/loop-block.tsx b/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/loop-block.tsx
deleted file mode 100644
index cab66dac4d6..00000000000
--- a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/loop-block.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react'
-
-/**
- * Props for the LoopBlock component
- */
-export interface LoopBlockProps {
-  /** Child elements to render inside the loop block */
-  children?: React.ReactNode
-  /** Optional CSS class names */
-  className?: string
-  /** Optional inline styles */
-  style?: React.CSSProperties
-}
-
-/**
- * Loop block container component that provides a styled container
- * for grouping related elements with a dashed border
- * Styled to match the application's subflow containers
- * @param props - Component properties including children and styling
- * @returns A styled loop container component
- */
-export const LoopBlock = React.memo(function LoopBlock({
-  children,
-  className,
-  style,
-}: LoopBlockProps) {
-  return (
-    <div
-      className={`flex flex-shrink-0 ${className ?? ''}`}
-      style={{
-        width: '1198px',
-        height: '528px',
-        borderRadius: '8px',
-        background: 'rgba(59, 130, 246, 0.08)',
-        position: 'relative',
-        ...style,
-      }}
-    >
-      {/* Custom dashed border with SVG - 8px border radius to match blocks */}
-      <svg
-        className='pointer-events-none absolute inset-0 h-full w-full'
-        style={{ borderRadius: '8px' }}
-        preserveAspectRatio='none'
-      >
-        <path
-          className='landing-loop-animated-dash'
-          d='M 1190 527.5 
-             L 8 527.5 
-             A 7.5 7.5 0 0 1 0.5 520 
-             L 0.5 8 
-             A 7.5 7.5 0 0 1 8 0.5 
-             L 1190 0.5 
-             A 7.5 7.5 0 0 1 1197.5 8 
-             L 1197.5 520 
-             A 7.5 7.5 0 0 1 1190 527.5 Z'
-          fill='none'
-          stroke='#3B82F6'
-          strokeWidth='1'
-          strokeDasharray='8 8'
-          strokeLinecap='round'
-        />
-      </svg>
-      {children}
-    </div>
-  )
-})
diff --git a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/tag.tsx b/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/tag.tsx
deleted file mode 100644
index 8dcefe126ee..00000000000
--- a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-block/tag.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react'
-
-/**
- * Properties for a subblock row component
- * Matches the SubBlockRow pattern from workflow-block.tsx
- */
-export interface SubBlockRowProps {
-  /** Icon element to display (optional, for visual context) */
-  icon?: React.ReactNode
-  /** Text label for the row title */
-  label: string
-  /** Optional value to display on the right side */
-  value?: string
-}
-
-/**
- * Kept for backwards compatibility
- */
-export type TagProps = SubBlockRowProps
-
-/**
- * SubBlockRow component matching the workflow block's subblock row style
- * @param props - Row properties including label and optional value
- * @returns A styled row component
- */
-export const SubBlockRow = React.memo(function SubBlockRow({ label, value }: SubBlockRowProps) {
-  // Split label by colon to separate title and value if present
-  const [title, displayValue] = label.includes(':')
-    ? label.split(':').map((s) => s.trim())
-    : [label, value]
-
-  return (
-    <div className='flex items-center gap-2'>
-      <span className='min-w-0 truncate text-[#888888] text-sm capitalize' title={title}>
-        {title}
-      </span>
-      {displayValue && (
-        <span className='flex-1 truncate text-right text-[#171717] text-sm' title={displayValue}>
-          {displayValue}
-        </span>
-      )}
-    </div>
-  )
-})
-
-/**
- * Tag component - alias for SubBlockRow for backwards compatibility
- */
-export const Tag = SubBlockRow
diff --git a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-canvas.tsx b/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-canvas.tsx
deleted file mode 100644
index 07513f2e10b..00000000000
--- a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-canvas.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-'use client'
-
-import React from 'react'
-import type { Edge, Node } from 'reactflow'
-import { ReactFlowProvider } from 'reactflow'
-import { DotPattern } from '@/app/(landing)/components/hero/components/landing-canvas/dot-pattern'
-import type { LandingCardData } from '@/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-block'
-import { LandingFlow } from '@/app/(landing)/components/hero/components/landing-canvas/landing-flow'
-
-/**
- * Visual constants for landing node dimensions
- * Matches BLOCK_DIMENSIONS from the application
- */
-export const CARD_WIDTH = 250
-export const CARD_HEIGHT = 100
-
-/**
- * Landing block node with positioning information
- */
-export interface LandingBlockNode extends LandingCardData {
-  /** Unique identifier for the node */
-  id: string
-  /** X coordinate position */
-  x: number
-  /** Y coordinate position */
-  y: number
-}
-
-/**
- * Data structure for edges connecting nodes
- */
-export interface LandingEdgeData {
-  /** Unique identifier for the edge */
-  id: string
-  /** Source node ID */
-  from: string
-  /** Target node ID */
-  to: string
-}
-
-/**
- * Data structure for grouping visual elements
- */
-export interface LandingGroupData {
-  /** X coordinate of the group */
-  x: number
-  /** Y coordinate of the group */
-  y: number
-  /** Width of the group */
-  w: number
-  /** Height of the group */
-  h: number
-  /** Labels associated with the group */
-  labels: string[]
-}
-
-/**
- * Manual block with responsive positioning
- */
-export interface LandingManualBlock extends Omit<LandingCardData, 'x' | 'y'> {
-  /** Unique identifier */
-  id: string
-  /** Responsive position configurations */
-  positions: {
-    /** Position for mobile devices */
-    mobile: { x: number; y: number }
-    /** Position for tablet devices */
-    tablet: { x: number; y: number }
-    /** Position for desktop devices */
-    desktop: { x: number; y: number }
-  }
-}
-
-/**
- * Public API for controlling the viewport
- */
-export interface LandingViewportApi {
-  /**
-   * Pan the viewport to specific coordinates
-   * @param x - X coordinate to pan to
-   * @param y - Y coordinate to pan to
-   * @param options - Optional configuration for the pan animation
-   */
-  panTo: (x: number, y: number, options?: { duration?: number }) => void
-  /**
-   * Get the current viewport state
-   * @returns Current viewport position and zoom level
-   */
-  getViewport: () => { x: number; y: number; zoom: number }
-}
-
-/**
- * Props for the LandingCanvas component
- */
-export interface LandingCanvasProps {
-  /** Array of nodes to render */
-  nodes: Node[]
-  /** Array of edges connecting nodes */
-  edges: Edge[]
-  /** Optional group box for visual grouping */
-  groupBox: LandingGroupData | null
-  /** Total width of the world/canvas */
-  worldWidth: number
-  /** Ref to expose viewport control API */
-  viewportApiRef: React.MutableRefObject<LandingViewportApi | null>
-}
-
-/**
- * Main landing canvas component that provides the container and background
- * for the React Flow visualization
- * @param props - Component properties including nodes, edges, and viewport control
- * @returns A canvas component with dot pattern background and React Flow content
- */
-export function LandingCanvas({
-  nodes,
-  edges,
-  groupBox,
-  worldWidth,
-  viewportApiRef,
-}: LandingCanvasProps) {
-  const flowWrapRef = React.useRef<HTMLDivElement | null>(null)
-
-  return (
-    <div className='relative mx-auto flex h-[612px] w-full max-w-[1285px] border-none bg-background/80'>
-      <DotPattern className='pointer-events-none absolute inset-0 z-0 h-full w-full opacity-20' />
-
-      {/* Use template button overlay */}
-      {/* <button
-        type='button'
-        aria-label='Use template'
-        className='absolute top-6 left-[50px] z-20 inline-flex items-center justify-center rounded-[10px] border border-[#343434] bg-gradient-to-b from-[#060606] to-[#323232] px-3 py-1.5 text-sm text-white shadow-brand-inset transition-all duration-200'
-        onClick={() => {
-          // Template usage logic will be implemented here
-        }}
-      >
-        Use template
-      </button> */}
-
-      <div ref={flowWrapRef} className='relative z-10 h-full w-full'>
-        <ReactFlowProvider>
-          <LandingFlow
-            nodes={nodes}
-            edges={edges}
-            groupBox={groupBox}
-            worldWidth={worldWidth}
-            wrapperRef={flowWrapRef}
-            viewportApiRef={viewportApiRef}
-          />
-        </ReactFlowProvider>
-      </div>
-    </div>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-edge/landing-edge.tsx b/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-edge/landing-edge.tsx
deleted file mode 100644
index aa43a60bf15..00000000000
--- a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-edge/landing-edge.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-'use client'
-
-import React from 'react'
-import { type EdgeProps, getSmoothStepPath, Position } from 'reactflow'
-
-/**
- * Custom edge component with animated dashed line
- * Styled to match the application's workflow edges with rectangular handles
- * @param props - React Flow edge properties
- * @returns An animated dashed edge component
- */
-export const LandingEdge = React.memo(function LandingEdge(props: EdgeProps) {
-  const { id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style } = props
-
-  // Adjust the connection points to connect flush with rectangular handles
-  // Handle width is 7px, positioned at -7px from edge
-  let adjustedSourceX = sourceX
-  let adjustedTargetX = targetX
-
-  if (sourcePosition === Position.Right) {
-    adjustedSourceX = sourceX + 1
-  } else if (sourcePosition === Position.Left) {
-    adjustedSourceX = sourceX - 1
-  }
-
-  if (targetPosition === Position.Left) {
-    adjustedTargetX = targetX - 1
-  } else if (targetPosition === Position.Right) {
-    adjustedTargetX = targetX + 1
-  }
-
-  const [path] = getSmoothStepPath({
-    sourceX: adjustedSourceX,
-    sourceY,
-    targetX: adjustedTargetX,
-    targetY,
-    sourcePosition,
-    targetPosition,
-    borderRadius: 8,
-    offset: 16,
-  })
-
-  return (
-    <g style={{ zIndex: 1 }}>
-      <style>
-        {`
-          @keyframes landing-edge-dash-${id} {
-            from {
-              stroke-dashoffset: 0;
-            }
-            to {
-              stroke-dashoffset: -12;
-            }
-          }
-        `}
-      </style>
-      <path
-        id={id}
-        d={path}
-        fill='none'
-        className='react-flow__edge-path'
-        style={{
-          stroke: '#D1D1D1',
-          strokeWidth: 2,
-          strokeDasharray: '6 6',
-          strokeLinecap: 'round',
-          strokeLinejoin: 'round',
-          pointerEvents: 'none',
-          animation: `landing-edge-dash-${id} 1s linear infinite`,
-          ...style,
-        }}
-      />
-    </g>
-  )
-})
diff --git a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-flow.tsx b/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-flow.tsx
deleted file mode 100644
index c63cba043ae..00000000000
--- a/apps/sim/app/(landing)/components/hero/components/landing-canvas/landing-flow.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-'use client'
-
-import React from 'react'
-import ReactFlow, { applyNodeChanges, type NodeChange, useReactFlow } from 'reactflow'
-import 'reactflow/dist/style.css'
-import { LandingLoopNode } from '@/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-loop-node'
-import { LandingNode } from '@/app/(landing)/components/hero/components/landing-canvas/landing-block/landing-node'
-import {
-  CARD_WIDTH,
-  type LandingCanvasProps,
-} from '@/app/(landing)/components/hero/components/landing-canvas/landing-canvas'
-import { LandingEdge } from '@/app/(landing)/components/hero/components/landing-canvas/landing-edge/landing-edge'
-
-/**
- * Props for the LandingFlow component
- */
-export interface LandingFlowProps extends LandingCanvasProps {
-  /** Reference to the wrapper element */
-  wrapperRef: React.RefObject<HTMLDivElement | null>
-}
-
-/**
- * React Flow wrapper component for the landing canvas
- * Handles viewport control, auto-panning, and node/edge rendering
- * @param props - Component properties including nodes, edges, and viewport control
- * @returns A configured React Flow instance
- */
-export function LandingFlow({
-  nodes,
-  edges,
-  groupBox,
-  worldWidth,
-  wrapperRef,
-  viewportApiRef,
-}: LandingFlowProps) {
-  const { setViewport, getViewport } = useReactFlow()
-  const [rfReady, setRfReady] = React.useState(false)
-  const [localNodes, setLocalNodes] = React.useState(nodes)
-
-  // Update local nodes when props change
-  React.useEffect(() => {
-    setLocalNodes(nodes)
-  }, [nodes])
-
-  // Handle node changes (dragging)
-  const onNodesChange = React.useCallback((changes: NodeChange[]) => {
-    setLocalNodes((nds) => applyNodeChanges(changes, nds))
-  }, [])
-
-  // Node and edge types map
-  const nodeTypes = React.useMemo(
-    () => ({
-      landing: LandingNode,
-      landingLoop: LandingLoopNode,
-      group: LandingLoopNode, // Use our custom loop node for group type
-    }),
-    []
-  )
-  const edgeTypes = React.useMemo(() => ({ landingEdge: LandingEdge }), [])
-
-  // Compose nodes with optional group overlay
-  const flowNodes = localNodes
-
-  // Auto-pan to the right only if content overflows the wrapper
-  React.useEffect(() => {
-    const el = wrapperRef.current as HTMLDivElement | null
-    if (!el || !rfReady || localNodes.length === 0) return
-
-    const containerWidth = el.clientWidth
-    // Derive overflow from actual node positions for accuracy
-    const PAD = 16
-    const maxRight = localNodes.reduce((m, n) => Math.max(m, (n.position?.x ?? 0) + CARD_WIDTH), 0)
-    const contentWidth = Math.max(worldWidth, maxRight + PAD)
-    const overflow = Math.max(0, contentWidth - containerWidth)
-
-    // Delay pan so initial nodes are visible briefly
-    const timer = window.setTimeout(() => {
-      if (overflow > 12) {
-        setViewport({ x: -overflow, y: 0, zoom: 1 }, { duration: 900 })
-      }
-    }, 1400)
-
-    return () => window.clearTimeout(timer)
-  }, [worldWidth, wrapperRef, setViewport, rfReady, localNodes])
-
-  return (
-    <ReactFlow
-      nodes={flowNodes}
-      edges={edges}
-      onNodesChange={onNodesChange}
-      nodeTypes={nodeTypes}
-      edgeTypes={edgeTypes}
-      defaultEdgeOptions={{ type: 'smoothstep' }}
-      elementsSelectable={true}
-      selectNodesOnDrag={false}
-      nodesDraggable={true}
-      nodesConnectable={false}
-      zoomOnScroll={false}
-      zoomOnDoubleClick={false}
-      panOnScroll={false}
-      zoomOnPinch={false}
-      panOnDrag={false}
-      draggable={false}
-      preventScrolling={false}
-      autoPanOnNodeDrag={false}
-      proOptions={{ hideAttribution: true }}
-      fitView={false}
-      defaultViewport={{ x: 0, y: 0, zoom: 1 }}
-      onInit={(instance) => {
-        setRfReady(true)
-        // Expose limited viewport API for outer timeline to pan smoothly
-        viewportApiRef.current = {
-          panTo: (x: number, y: number, options?: { duration?: number }) => {
-            setViewport({ x, y, zoom: 1 }, { duration: options?.duration ?? 0 })
-          },
-          getViewport: () => getViewport(),
-        }
-      }}
-      className='h-full w-full'
-      style={{
-        // Override React Flow's default cursor styles
-        cursor: 'default',
-      }}
-    >
-      <style>
-        {`
-          /* Force default cursor on the canvas/pane */
-          .react-flow__pane {
-            cursor: default !important;
-          }
-          
-          /* Force grab cursor on nodes */
-          .react-flow__node {
-            cursor: grab !important;
-          }
-          
-          /* Force grabbing cursor when dragging nodes */
-          .react-flow__node.dragging {
-            cursor: grabbing !important;
-          }
-          
-          /* Ensure viewport also has default cursor */
-          .react-flow__viewport {
-            cursor: default !important;
-          }
-        `}
-      </style>
-      {null}
-    </ReactFlow>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/hero/hero.tsx b/apps/sim/app/(landing)/components/hero/hero.tsx
deleted file mode 100644
index de94d6ff8ad..00000000000
--- a/apps/sim/app/(landing)/components/hero/hero.tsx
+++ /dev/null
@@ -1,467 +0,0 @@
-'use client'
-
-import React from 'react'
-import { ArrowUp, CodeIcon } from 'lucide-react'
-import { useRouter } from 'next/navigation'
-import { type Edge, type Node, Position } from 'reactflow'
-import {
-  AgentIcon,
-  AirtableIcon,
-  DiscordIcon,
-  GmailIcon,
-  GoogleDriveIcon,
-  GoogleSheetsIcon,
-  JiraIcon,
-  LinearIcon,
-  NotionIcon,
-  OutlookIcon,
-  PackageSearchIcon,
-  PineconeIcon,
-  ScheduleIcon,
-  SlackIcon,
-  StripeIcon,
-  SupabaseIcon,
-} from '@/components/icons'
-import { LandingPromptStorage } from '@/lib/core/utils/browser-storage'
-import {
-  CARD_WIDTH,
-  IconButton,
-  LandingCanvas,
-  type LandingGroupData,
-  type LandingManualBlock,
-  type LandingViewportApi,
-} from '@/app/(landing)/components/hero/components'
-
-/**
- * Service-specific template messages for the hero input
- */
-const SERVICE_TEMPLATES = {
-  slack: 'Summarizer agent that summarizes each new message in #general and sends me a DM',
-  gmail: 'Alert agent that flags important Gmail messages in my inbox',
-  outlook:
-    'Auto-forwarding agent that classifies each new Outlook email and forwards to separate inboxes for further analysis',
-  pinecone: 'RAG chat agent that uses memories stored in Pinecone',
-  supabase: 'Natural language to SQL agent to query and update data in Supabase',
-  linear: 'Agent that uses Linear to triage issues, assign owners, and draft updates',
-  discord: 'Moderator agent that responds back to users in my Discord server',
-  airtable: 'Alert agent that validates each new record in a table and prepares a weekly report',
-  stripe: 'Agent that analyzes Stripe payment history to spot churn risks and generate summaries',
-  notion: 'Support agent that appends new support tickets to my Notion workspace',
-  googleSheets: 'Data science agent that analyzes Google Sheets data and generates insights',
-  googleDrive: 'Drive reader agent that summarizes content in my Google Drive',
-  jira: 'Engineering manager agent that uses Jira to update ticket statuses, generate sprint reports, and identify blockers',
-} as const
-
-/**
- * Landing blocks for the canvas preview
- * Styled to match the application's workflow blocks with subblock rows
- */
-const LANDING_BLOCKS: LandingManualBlock[] = [
-  {
-    id: 'schedule',
-    name: 'Schedule',
-    color: '#7B68EE',
-    icon: <ScheduleIcon className='h-[16px] w-[16px] text-white' />,
-    positions: {
-      mobile: { x: 8, y: 60 },
-      tablet: { x: 40, y: 120 },
-      desktop: { x: 60, y: 180 },
-    },
-    tags: [{ label: 'Time: 09:00AM Daily' }, { label: 'Timezone: PST' }],
-  },
-  {
-    id: 'knowledge',
-    name: 'Knowledge',
-    color: '#00B0B0',
-    icon: <PackageSearchIcon className='h-[16px] w-[16px] text-white' />,
-    positions: {
-      mobile: { x: 120, y: 140 },
-      tablet: { x: 220, y: 200 },
-      desktop: { x: 420, y: 241 },
-    },
-    tags: [{ label: 'Source: Product Vector DB' }, { label: 'Limit: 10' }],
-  },
-  {
-    id: 'agent',
-    name: 'Agent',
-    color: '#802FFF',
-    icon: <AgentIcon className='h-[16px] w-[16px] text-white' />,
-    positions: {
-      mobile: { x: 340, y: 60 },
-      tablet: { x: 540, y: 120 },
-      desktop: { x: 880, y: 142 },
-    },
-    tags: [{ label: 'Model: gpt-5' }, { label: 'Prompt: You are a support ag...' }],
-  },
-  {
-    id: 'function',
-    name: 'Function',
-    color: '#FF402F',
-    icon: <CodeIcon className='h-[16px] w-[16px] text-white' />,
-    positions: {
-      mobile: { x: 480, y: 220 },
-      tablet: { x: 740, y: 280 },
-      desktop: { x: 880, y: 340 },
-    },
-    tags: [{ label: 'Language: Python' }, { label: 'Code: time = "2025-09-01...' }],
-  },
-]
-
-/**
- * Sample workflow edges for the canvas preview
- */
-const SAMPLE_WORKFLOW_EDGES = [
-  { id: 'e1', from: 'schedule', to: 'knowledge' },
-  { id: 'e2', from: 'knowledge', to: 'agent' },
-  { id: 'e3', from: 'knowledge', to: 'function' },
-]
-
-/**
- * Hero component for the landing page featuring service integrations and workflow preview
- */
-export default function Hero() {
-  const router = useRouter()
-
-  /**
-   * State management for the text input
-   */
-  const [textValue, setTextValue] = React.useState('')
-  const isEmpty = textValue.trim().length === 0
-
-  /**
-   * State for responsive icon display
-   */
-  const [visibleIconCount, setVisibleIconCount] = React.useState(13)
-  const [isMobile, setIsMobile] = React.useState(false)
-
-  /**
-   * React Flow state for workflow preview canvas
-   */
-  const [rfNodes, setRfNodes] = React.useState<Node[]>([])
-  const [rfEdges, setRfEdges] = React.useState<Edge[]>([])
-  const [groupBox, setGroupBox] = React.useState<LandingGroupData | null>(null)
-  const [worldWidth, setWorldWidth] = React.useState<number>(1000)
-  const viewportApiRef = React.useRef<LandingViewportApi | null>(null)
-
-  /**
-   * Auto-hover animation state
-   */
-  const [autoHoverIndex, setAutoHoverIndex] = React.useState(1)
-  const [isUserHovering, setIsUserHovering] = React.useState(false)
-  const [lastHoveredIndex, setLastHoveredIndex] = React.useState<number | null>(null)
-  const intervalRef = React.useRef<NodeJS.Timeout | null>(null)
-
-  /**
-   * Handle service icon click to populate textarea with template
-   */
-  const handleServiceClick = (service: keyof typeof SERVICE_TEMPLATES) => {
-    setTextValue(SERVICE_TEMPLATES[service])
-  }
-
-  /**
-   * Set visible icon count based on screen size
-   */
-  React.useEffect(() => {
-    const updateVisibleIcons = () => {
-      if (typeof window !== 'undefined') {
-        const mobile = window.innerWidth < 640
-        setVisibleIconCount(mobile ? 6 : 13)
-        setIsMobile(mobile)
-      }
-    }
-
-    updateVisibleIcons()
-    window.addEventListener('resize', updateVisibleIcons)
-
-    return () => window.removeEventListener('resize', updateVisibleIcons)
-  }, [])
-
-  /**
-   * Service icons array for easier indexing
-   */
-  const serviceIcons: Array<{
-    key: string
-    icon: React.ComponentType<{ className?: string }>
-    label: string
-    style?: React.CSSProperties
-  }> = [
-    { key: 'slack', icon: SlackIcon, label: 'Slack' },
-    { key: 'gmail', icon: GmailIcon, label: 'Gmail' },
-    { key: 'outlook', icon: OutlookIcon, label: 'Outlook' },
-    { key: 'pinecone', icon: PineconeIcon, label: 'Pinecone' },
-    { key: 'supabase', icon: SupabaseIcon, label: 'Supabase' },
-    { key: 'linear', icon: LinearIcon, label: 'Linear', style: { color: '#5E6AD2' } },
-    { key: 'discord', icon: DiscordIcon, label: 'Discord', style: { color: '#5765F2' } },
-    { key: 'airtable', icon: AirtableIcon, label: 'Airtable' },
-    { key: 'stripe', icon: StripeIcon, label: 'Stripe', style: { color: '#635BFF' } },
-    { key: 'notion', icon: NotionIcon, label: 'Notion' },
-    { key: 'googleSheets', icon: GoogleSheetsIcon, label: 'Google Sheets' },
-    { key: 'googleDrive', icon: GoogleDriveIcon, label: 'Google Drive' },
-    { key: 'jira', icon: JiraIcon, label: 'Jira' },
-  ]
-
-  /**
-   * Auto-hover animation effect
-   */
-  React.useEffect(() => {
-    // Start the interval when component mounts
-    const startInterval = () => {
-      intervalRef.current = setInterval(() => {
-        setAutoHoverIndex((prev) => (prev + 1) % visibleIconCount)
-      }, 2000)
-    }
-
-    // Only run interval when user is not hovering
-    if (!isUserHovering) {
-      startInterval()
-    }
-
-    // Cleanup on unmount or when hovering state changes
-    return () => {
-      if (intervalRef.current) {
-        clearInterval(intervalRef.current)
-      }
-    }
-  }, [isUserHovering, visibleIconCount])
-
-  /**
-   * Handle mouse enter on icon container
-   */
-  const handleIconContainerMouseEnter = () => {
-    setIsUserHovering(true)
-    if (intervalRef.current) {
-      clearInterval(intervalRef.current)
-    }
-  }
-
-  /**
-   * Handle mouse leave on icon container
-   */
-  const handleIconContainerMouseLeave = () => {
-    setIsUserHovering(false)
-    // Start from the next icon after the last hovered one
-    if (lastHoveredIndex !== null) {
-      setAutoHoverIndex((lastHoveredIndex + 1) % visibleIconCount)
-    }
-  }
-
-  /**
-   * Handle form submission
-   */
-  const handleSubmit = () => {
-    if (!isEmpty) {
-      LandingPromptStorage.store(textValue)
-      router.push('/signup')
-    }
-  }
-
-  /**
-   * Handle keyboard shortcuts (Enter to submit)
-   */
-  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-    if (e.key === 'Enter' && !e.shiftKey) {
-      e.preventDefault()
-      if (!isEmpty) {
-        handleSubmit()
-      }
-    }
-  }
-
-  /**
-   * Initialize workflow preview with sample data
-   */
-  React.useEffect(() => {
-    // Determine breakpoint for responsive positioning
-    const breakpoint =
-      typeof window !== 'undefined' && window.innerWidth < 640
-        ? 'mobile'
-        : typeof window !== 'undefined' && window.innerWidth < 1024
-          ? 'tablet'
-          : 'desktop'
-
-    // Convert landing blocks to React Flow nodes
-    const nodes: Node[] = [
-      // Add the loop block node as a group with custom rendering
-      {
-        id: 'loop',
-        type: 'group',
-        position: { x: 720, y: 20 },
-        data: {
-          label: 'Loop',
-        },
-        draggable: false,
-        selectable: false,
-        focusable: false,
-        connectable: false,
-        // Group node properties for subflow functionality
-        style: {
-          width: 1198,
-          height: 528,
-          backgroundColor: 'transparent',
-          border: 'none',
-          padding: 0,
-        },
-      },
-      // Convert blocks to nodes
-      ...LANDING_BLOCKS.map((block, index) => {
-        // Make agent and function nodes children of the loop
-        const isLoopChild = block.id === 'agent' || block.id === 'function'
-        const baseNode = {
-          id: block.id,
-          type: 'landing',
-          position: isLoopChild
-            ? {
-                // Adjust positions relative to loop parent (original positions - loop position)
-                x: block.id === 'agent' ? 160 : 160,
-                y: block.id === 'agent' ? 122 : 320,
-              }
-            : block.positions[breakpoint],
-          data: {
-            icon: block.icon,
-            color: block.color,
-            name: block.name,
-            tags: block.tags,
-            delay: index * 0.18,
-            hideTargetHandle: block.id === 'schedule', // Hide target handle for schedule node
-            hideSourceHandle: block.id === 'agent' || block.id === 'function', // Hide source handle for agent and function nodes
-          },
-          sourcePosition: Position.Right,
-          targetPosition: Position.Left,
-        }
-
-        // Add parent properties for loop children
-        if (isLoopChild) {
-          return {
-            ...baseNode,
-            parentId: 'loop',
-            extent: 'parent',
-          }
-        }
-
-        return baseNode
-      }),
-    ]
-
-    // Convert sample edges to React Flow edges
-    const rfEdges: Edge[] = SAMPLE_WORKFLOW_EDGES.map((e) => ({
-      id: e.id,
-      source: e.from,
-      target: e.to,
-      type: 'landingEdge',
-      animated: false,
-      data: { delay: 0.6 },
-    }))
-
-    setRfNodes(nodes)
-    setRfEdges(rfEdges)
-
-    // Calculate world width for canvas
-    const maxX = Math.max(...nodes.map((n) => n.position.x))
-    setWorldWidth(maxX + CARD_WIDTH + 32)
-  }, [])
-
-  return (
-    <section
-      id='hero'
-      className='flex w-full flex-col items-center justify-center pt-9 sm:pt-20'
-      aria-labelledby='hero-heading'
-    >
-      <h1
-        id='hero-heading'
-        className='text-balance px-4 text-center font-medium text-[36px] leading-none tracking-tight sm:px-0 sm:text-[74px]'
-      >
-        Workflows for LLMs
-      </h1>
-      <p className='px-4 pt-1.5 text-center text-lg opacity-70 sm:px-0 sm:pt-2.5 sm:text-[22px]'>
-        Build and deploy AI agent workflows
-      </p>
-      <div
-        className='flex items-center justify-center gap-0.5 pt-4.5 sm:pt-8'
-        onMouseEnter={handleIconContainerMouseEnter}
-        onMouseLeave={handleIconContainerMouseLeave}
-      >
-        {/* Service integration buttons */}
-        {serviceIcons.slice(0, visibleIconCount).map((service, index) => {
-          const Icon = service.icon
-          return (
-            <IconButton
-              key={service.key}
-              aria-label={service.label}
-              onClick={() => handleServiceClick(service.key as keyof typeof SERVICE_TEMPLATES)}
-              onMouseEnter={() => setLastHoveredIndex(index)}
-              style={service.style}
-              isAutoHovered={!isUserHovering && index === autoHoverIndex}
-            >
-              <Icon className='h-5 w-5 sm:h-6 sm:w-6' />
-            </IconButton>
-          )
-        })}
-      </div>
-      <div className='flex w-full items-center justify-center px-4 pt-2 sm:px-8 sm:pt-3 md:px-[50px]'>
-        <div className='relative w-full sm:w-[640px]'>
-          <label htmlFor='agent-description' className='sr-only'>
-            Describe the AI agent you want to build
-          </label>
-          <textarea
-            id='agent-description'
-            placeholder={
-              isMobile ? 'Build an AI agent...' : 'Ask Sim to build an agent to read my emails...'
-            }
-            className='h-[100px] w-full resize-none px-3 py-2.5 text-sm sm:h-[120px] sm:px-4 sm:py-3 sm:text-base'
-            value={textValue}
-            onChange={(e) => setTextValue(e.target.value)}
-            onKeyDown={handleKeyDown}
-            style={{
-              borderRadius: 16,
-              border: 'var(--border-width-border, 1px) solid #E5E5E5',
-              outline: 'none',
-              background: '#FFFFFF',
-              boxShadow:
-                'var(--shadow-xs-offset-x, 0) var(--shadow-xs-offset-y, 2px) var(--shadow-xs-blur-radius, 4px) var(--shadow-xs-spread-radius, 0) var(--shadow-xs-color, rgba(0, 0, 0, 0.08))',
-            }}
-          />
-          <button
-            key={isEmpty ? 'empty' : 'filled'}
-            type='button'
-            aria-label='Submit description'
-            className='absolute right-2.5 bottom-4 flex h-[30px] w-[30px] items-center justify-center transition-all duration-200 sm:right-[11px] sm:bottom-4 sm:h-[34px] sm:w-[34px]'
-            disabled={isEmpty}
-            onClick={handleSubmit}
-            style={{
-              padding: '3.75px 3.438px 3.75px 4.063px',
-              borderRadius: 55,
-              ...(isEmpty
-                ? {
-                    border: '0.625px solid #E0E0E0',
-                    background: '#E5E5E5',
-                    boxShadow: 'none',
-                    cursor: 'not-allowed',
-                  }
-                : {
-                    border: '0.625px solid #343434',
-                    background: 'linear-gradient(180deg, #060606 0%, #323232 100%)',
-                    boxShadow: '0 1.25px 2.5px 0 #9B77FF inset',
-                    cursor: 'pointer',
-                  }),
-            }}
-          >
-            <ArrowUp size={18} className='sm:h-5 sm:w-5' color={isEmpty ? '#999999' : '#FFFFFF'} />
-          </button>
-        </div>
-      </div>
-
-      {/* Canvas - hidden on mobile */}
-      {!isMobile && (
-        <div className='mt-[60px] w-full max-w-[1308px] sm:mt-[127.5px]'>
-          <LandingCanvas
-            nodes={rfNodes}
-            edges={rfEdges}
-            groupBox={groupBox}
-            worldWidth={worldWidth}
-            viewportApiRef={viewportApiRef}
-          />
-        </div>
-      )}
-    </section>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/index.ts b/apps/sim/app/(landing)/components/index.ts
index 483d59ef827..ea11fd29b76 100644
--- a/apps/sim/app/(landing)/components/index.ts
+++ b/apps/sim/app/(landing)/components/index.ts
@@ -1,25 +1,4 @@
-import Background from '@/app/(landing)/components/background/background'
 import ExternalRedirect from '@/app/(landing)/components/external-redirect'
-import Footer from '@/app/(landing)/components/footer/footer'
-import Hero from '@/app/(landing)/components/hero/hero'
-import Integrations from '@/app/(landing)/components/integrations/integrations'
-import LandingPricing from '@/app/(landing)/components/landing-pricing/landing-pricing'
-import LandingTemplates from '@/app/(landing)/components/landing-templates/landing-templates'
 import LegalLayout from '@/app/(landing)/components/legal-layout'
-import Nav from '@/app/(landing)/components/nav/nav'
-import StructuredData from '@/app/(landing)/components/structured-data'
-import Testimonials from '@/app/(landing)/components/testimonials/testimonials'
 
-export {
-  Integrations,
-  Testimonials,
-  LandingTemplates,
-  Nav,
-  Background,
-  Hero,
-  LandingPricing,
-  Footer,
-  StructuredData,
-  LegalLayout,
-  ExternalRedirect,
-}
+export { LegalLayout, ExternalRedirect }
diff --git a/apps/sim/app/(landing)/components/integrations/integrations.tsx b/apps/sim/app/(landing)/components/integrations/integrations.tsx
deleted file mode 100644
index 5084e4d16fe..00000000000
--- a/apps/sim/app/(landing)/components/integrations/integrations.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-import * as Icons from '@/components/icons'
-
-const modelProviderIcons = [
-  { icon: Icons.OpenAIIcon, label: 'OpenAI' },
-  { icon: Icons.AnthropicIcon, label: 'Anthropic' },
-  { icon: Icons.GeminiIcon, label: 'Gemini' },
-  { icon: Icons.MistralIcon, label: 'Mistral' },
-  { icon: Icons.PerplexityIcon, label: 'Perplexity' },
-  { icon: Icons.xAIIcon, label: 'xAI' },
-  { icon: Icons.GroqIcon, label: 'Groq' },
-  { icon: Icons.HuggingFaceIcon, label: 'HuggingFace' },
-  { icon: Icons.OllamaIcon, label: 'Ollama' },
-  { icon: Icons.DeepseekIcon, label: 'Deepseek' },
-  { icon: Icons.ElevenLabsIcon, label: 'ElevenLabs' },
-  { icon: Icons.VllmIcon, label: 'vLLM' },
-]
-
-const communicationIcons = [
-  { icon: Icons.SlackIcon, label: 'Slack' },
-  { icon: Icons.GmailIcon, label: 'Gmail' },
-  { icon: Icons.OutlookIcon, label: 'Outlook' },
-  { icon: Icons.DiscordIcon, label: 'Discord', style: { color: '#5765F2' } },
-  { icon: Icons.LinearIcon, label: 'Linear', style: { color: '#5E6AD2' } },
-  { icon: Icons.NotionIcon, label: 'Notion' },
-  { icon: Icons.JiraIcon, label: 'Jira' },
-  { icon: Icons.ConfluenceIcon, label: 'Confluence' },
-  { icon: Icons.TelegramIcon, label: 'Telegram' },
-  { icon: Icons.GoogleCalendarIcon, label: 'Google Calendar' },
-  { icon: Icons.CalendlyIcon, label: 'Calendly' },
-  { icon: Icons.GoogleDocsIcon, label: 'Google Docs' },
-  { icon: Icons.BrowserUseIcon, label: 'BrowserUse' },
-  { icon: Icons.TypeformIcon, label: 'Typeform' },
-  { icon: Icons.GithubIcon, label: 'GitHub' },
-  { icon: Icons.GoogleSheetsIcon, label: 'Google Sheets' },
-  { icon: Icons.GoogleDriveIcon, label: 'Google Drive' },
-  { icon: Icons.AirtableIcon, label: 'Airtable' },
-]
-
-const dataStorageIcons = [
-  { icon: Icons.PineconeIcon, label: 'Pinecone' },
-  { icon: Icons.SupabaseIcon, label: 'Supabase' },
-  { icon: Icons.PostgresIcon, label: 'PostgreSQL' },
-  { icon: Icons.MySQLIcon, label: 'MySQL' },
-  { icon: Icons.QdrantIcon, label: 'Qdrant' },
-  { icon: Icons.MicrosoftOneDriveIcon, label: 'OneDrive' },
-  { icon: Icons.MicrosoftSharepointIcon, label: 'SharePoint' },
-  { icon: Icons.SerperIcon, label: 'Serper' },
-  { icon: Icons.FirecrawlIcon, label: 'Firecrawl' },
-  { icon: Icons.StripeIcon, label: 'Stripe' },
-]
-
-interface IntegrationBoxProps {
-  icon?: React.ComponentType<{ className?: string }>
-  style?: React.CSSProperties
-  isVisible: boolean
-}
-
-function IntegrationBox({ icon: Icon, style, isVisible }: IntegrationBoxProps) {
-  return (
-    <div
-      className='flex h-[72px] w-[72px] items-center justify-center transition-all duration-300'
-      style={{
-        borderRadius: '12px',
-        border: '1px solid var(--base-border, #E5E5E5)',
-        background: 'var(--base-card, #FEFEFE)',
-        opacity: isVisible ? 1 : 0.75,
-        boxShadow: isVisible ? '0 2px 4px 0 rgba(0, 0, 0, 0.08)' : 'none',
-      }}
-    >
-      {Icon && isVisible && (
-        <div style={style}>
-          <Icon className='h-8 w-8' />
-        </div>
-      )}
-    </div>
-  )
-}
-
-interface TickerRowProps {
-  direction: 'left' | 'right'
-  offset: number
-  showOdd: boolean
-  icons: Array<{
-    icon: React.ComponentType<{ className?: string }>
-    label: string
-    style?: React.CSSProperties
-  }>
-}
-
-function TickerRow({ direction, offset, showOdd, icons }: TickerRowProps) {
-  const extendedIcons = [...icons, ...icons, ...icons, ...icons]
-
-  return (
-    <div className='relative h-[88px] w-full overflow-hidden'>
-      <div
-        className={`absolute flex items-center gap-4 ${
-          direction === 'left' ? 'animate-slide-left' : 'animate-slide-right'
-        }`}
-        style={{
-          animationDelay: `${offset}s`,
-        }}
-      >
-        {extendedIcons.map((service, index) => {
-          const isOdd = index % 2 === 1
-          const shouldShow = showOdd ? isOdd : !isOdd
-          return (
-            <IntegrationBox
-              key={`${service.label}-${index}`}
-              icon={service.icon}
-              style={service.style}
-              isVisible={shouldShow}
-            />
-          )
-        })}
-      </div>
-    </div>
-  )
-}
-
-export default function Integrations() {
-  return (
-    <section
-      id='integrations'
-      className='flex flex-col pt-10 pb-[27px] sm:pt-6'
-      aria-labelledby='integrations-heading'
-    >
-      <h2
-        id='integrations-heading'
-        className='mb-1 px-4 font-medium text-[28px] text-foreground tracking-tight sm:pl-[50px]'
-      >
-        Integrations
-      </h2>
-      <p className='mb-6 px-4 text-[#515151] text-lg sm:pl-[50px]'>
-        Immediately connect to 100+ models and apps
-      </p>
-
-      {/* Sliding tickers */}
-      <div className='flex w-full flex-col sm:px-3'>
-        <TickerRow direction='left' offset={0} showOdd={false} icons={modelProviderIcons} />
-        <TickerRow direction='right' offset={0.5} showOdd={true} icons={communicationIcons} />
-        <TickerRow direction='left' offset={1} showOdd={false} icons={dataStorageIcons} />
-      </div>
-    </section>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/landing-pricing/components/pricing-card.tsx b/apps/sim/app/(landing)/components/landing-pricing/components/pricing-card.tsx
deleted file mode 100644
index 3fb9b7c2821..00000000000
--- a/apps/sim/app/(landing)/components/landing-pricing/components/pricing-card.tsx
+++ /dev/null
@@ -1,238 +0,0 @@
-'use client'
-
-import type { ComponentType, SVGProps } from 'react'
-import { useState } from 'react'
-import { createLogger } from '@sim/logger'
-import {
-  ArrowRight,
-  ChevronRight,
-  Code2,
-  Database,
-  DollarSign,
-  HardDrive,
-  type LucideIcon,
-  RefreshCw,
-  Timer,
-  Zap,
-} from 'lucide-react'
-import { useRouter } from 'next/navigation'
-import { cn } from '@/lib/core/utils/cn'
-import { ENTERPRISE_PLAN_FEATURES } from '@/app/workspace/[workspaceId]/settings/components/subscription/plan-configs'
-
-const logger = createLogger('LandingPricing')
-
-interface PricingFeature {
-  icon: LucideIcon | ComponentType<SVGProps<SVGSVGElement>>
-  text: string
-}
-
-interface PricingTier {
-  name: string
-  tier: string
-  price: string
-  features: PricingFeature[]
-  ctaText: string
-  featured?: boolean
-}
-
-const FREE_PLAN_FEATURES: PricingFeature[] = [
-  { icon: DollarSign, text: '1,000 credits (trial)' },
-  { icon: HardDrive, text: '5GB file storage' },
-  { icon: Timer, text: '5 min execution limit' },
-  { icon: Database, text: 'Limited log retention' },
-  { icon: Code2, text: 'CLI/SDK Access' },
-]
-
-const PRO_LANDING_FEATURES: PricingFeature[] = [
-  { icon: DollarSign, text: '6,000 credits/mo' },
-  { icon: RefreshCw, text: '+50 daily refresh credits' },
-  { icon: Zap, text: '150 runs/min (sync)' },
-  { icon: Timer, text: '50 min sync execution limit' },
-  { icon: HardDrive, text: '50GB file storage' },
-]
-
-const MAX_LANDING_FEATURES: PricingFeature[] = [
-  { icon: DollarSign, text: '25,000 credits/mo' },
-  { icon: RefreshCw, text: '+200 daily refresh credits' },
-  { icon: Zap, text: '300 runs/min (sync)' },
-  { icon: Timer, text: '50 min sync execution limit' },
-  { icon: HardDrive, text: '500GB file storage' },
-]
-
-const pricingTiers: PricingTier[] = [
-  {
-    name: 'COMMUNITY',
-    tier: 'Free',
-    price: 'Free',
-    features: FREE_PLAN_FEATURES,
-    ctaText: 'Get Started',
-  },
-  {
-    name: 'PRO',
-    tier: 'Pro',
-    price: '$25/mo',
-    features: PRO_LANDING_FEATURES,
-    ctaText: 'Get Started',
-    featured: true,
-  },
-  {
-    name: 'MAX',
-    tier: 'Max',
-    price: '$100/mo',
-    features: MAX_LANDING_FEATURES,
-    ctaText: 'Get Started',
-  },
-  {
-    name: 'ENTERPRISE',
-    tier: 'Enterprise',
-    price: 'Custom',
-    features: ENTERPRISE_PLAN_FEATURES,
-    ctaText: 'Contact Sales',
-  },
-]
-
-function PricingCard({
-  tier,
-  isBeforeFeatured,
-}: {
-  tier: PricingTier
-  isBeforeFeatured?: boolean
-}) {
-  const [isHovered, setIsHovered] = useState(false)
-  const router = useRouter()
-
-  const handleCtaClick = () => {
-    logger.info(`Pricing CTA clicked: ${tier.name}`)
-
-    if (tier.ctaText === 'Contact Sales') {
-      window.open('https://form.typeform.com/to/jqCO12pF', '_blank')
-    } else {
-      router.push('/signup')
-    }
-  }
-
-  return (
-    <div
-      className={cn(
-        'relative flex h-full flex-col justify-between bg-[#FEFEFE]',
-        tier.featured ? 'p-0' : 'px-0 py-0',
-        'sm:px-5 sm:pt-4 sm:pb-4',
-        tier.featured
-          ? 'sm:p-0'
-          : isBeforeFeatured
-            ? 'sm:border-[#E7E4EF] sm:border-r-0'
-            : 'sm:border-[#E7E4EF] sm:border-r-2 sm:last:border-r-0',
-        !tier.featured && !isBeforeFeatured && 'lg:[&:nth-child(4n)]:border-r-0',
-        !tier.featured &&
-          !isBeforeFeatured &&
-          'sm:[&:nth-child(2n)]:border-r-0 lg:[&:nth-child(2n)]:border-r-2',
-        tier.featured ? 'z-10 bg-gradient-to-b from-[#8357FF] to-[#6F3DFA] text-white' : ''
-      )}
-    >
-      <div
-        className={cn(
-          'flex h-full flex-col justify-between',
-          tier.featured
-            ? 'border-2 border-[#6F3DFA] px-5 pt-4 pb-5 shadow-[inset_0_2px_4px_0_#9B77FF] sm:px-5 sm:pt-4 sm:pb-4'
-            : ''
-        )}
-      >
-        <div className='flex-1'>
-          <div className='mb-1'>
-            <span
-              className={cn(
-                'font-medium text-xs uppercase tracking-wider',
-                tier.featured ? 'text-white/90' : 'text-gray-500'
-              )}
-            >
-              {tier.name}
-            </span>
-          </div>
-          <div className='mb-6'>
-            <span
-              className={cn(
-                'font-medium text-4xl leading-none',
-                tier.featured ? 'text-white' : 'text-black'
-              )}
-            >
-              {tier.price}
-            </span>
-          </div>
-
-          <ul className='mb-0.5 space-y-3'>
-            {tier.features.map((feature, idx) => (
-              <li key={idx} className='flex items-start gap-2'>
-                <feature.icon
-                  className={cn(
-                    'mt-0.5 h-4 w-4 flex-shrink-0',
-                    tier.featured ? 'text-white/90' : 'text-gray-600'
-                  )}
-                />
-                <span className={cn('text-sm', tier.featured ? 'text-white' : 'text-gray-700')}>
-                  {feature.text}
-                </span>
-              </li>
-            ))}
-          </ul>
-        </div>
-
-        <div className='mt-9'>
-          {tier.featured ? (
-            <button
-              onClick={handleCtaClick}
-              onMouseEnter={() => setIsHovered(true)}
-              onMouseLeave={() => setIsHovered(false)}
-              className='group inline-flex w-full items-center justify-center gap-2 rounded-[10px] border border-[#E8E8E8] bg-gradient-to-b from-[#F8F8F8] to-white px-3 py-1.5 font-medium text-[#6F3DFA] text-[14px] shadow-[inset_0_2px_4px_0_rgba(255,255,255,0.9)] transition-all'
-            >
-              <span className='flex items-center gap-1'>
-                {tier.ctaText}
-                <span className='inline-flex transition-transform duration-200 group-hover:translate-x-0.5'>
-                  {isHovered ? (
-                    <ArrowRight className='h-4 w-4' />
-                  ) : (
-                    <ChevronRight className='h-4 w-4' />
-                  )}
-                </span>
-              </span>
-            </button>
-          ) : (
-            <button
-              onClick={handleCtaClick}
-              onMouseEnter={() => setIsHovered(true)}
-              onMouseLeave={() => setIsHovered(false)}
-              className='group inline-flex w-full items-center justify-center gap-2 rounded-[10px] border border-[#343434] bg-gradient-to-b from-[#060606] to-[#323232] px-3 py-1.5 font-medium text-[14px] text-white shadow-[inset_0_1.25px_2.5px_0_#9B77FF] transition-all'
-            >
-              <span className='flex items-center gap-1'>
-                {tier.ctaText}
-                <span className='inline-flex transition-transform duration-200 group-hover:translate-x-0.5'>
-                  {isHovered ? (
-                    <ArrowRight className='h-4 w-4' />
-                  ) : (
-                    <ChevronRight className='h-4 w-4' />
-                  )}
-                </span>
-              </span>
-            </button>
-          )}
-        </div>
-      </div>
-    </div>
-  )
-}
-
-/**
- * Pricing grid with all tier cards. Rendered as a client component because
- * the tier data contains component references (icon functions) which are
- * not serializable across the RSC boundary.
- */
-export function PricingGrid() {
-  return (
-    <div className='grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-0 lg:grid-cols-4'>
-      {pricingTiers.map((tier, index) => {
-        const nextTier = pricingTiers[index + 1]
-        const isBeforeFeatured = nextTier?.featured
-        return <PricingCard key={tier.name} tier={tier} isBeforeFeatured={isBeforeFeatured} />
-      })}
-    </div>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/landing-pricing/landing-pricing.tsx b/apps/sim/app/(landing)/components/landing-pricing/landing-pricing.tsx
deleted file mode 100644
index 1fd769773f2..00000000000
--- a/apps/sim/app/(landing)/components/landing-pricing/landing-pricing.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { PricingGrid } from '@/app/(landing)/components/landing-pricing/components/pricing-card'
-
-/**
- * Landing page pricing section displaying tiered pricing plans
- */
-export default function LandingPricing() {
-  return (
-    <section id='pricing' className='px-4 pt-[23px] sm:px-0 sm:pt-1' aria-label='Pricing plans'>
-      <h2 className='sr-only'>Pricing Plans</h2>
-      <div className='relative mx-auto w-full max-w-[1289px]'>
-        <PricingGrid />
-      </div>
-    </section>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/landing-templates/components/landing-template-preview.tsx b/apps/sim/app/(landing)/components/landing-templates/components/landing-template-preview.tsx
deleted file mode 100644
index 11780014a36..00000000000
--- a/apps/sim/app/(landing)/components/landing-templates/components/landing-template-preview.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-interface LandingTemplatePreviewProps {
-  previewImage: string
-  avatarImage: string
-  title: string
-  authorName: string
-  usageCount: number
-}
-
-export default function LandingTemplatePreview({
-  previewImage,
-  avatarImage,
-  title,
-  authorName,
-  usageCount,
-}: LandingTemplatePreviewProps) {
-  return (
-    <div className='flex flex-col'>
-      {/* Preview Image */}
-      <div
-        className='h-44 w-full rounded-[10px] bg-center bg-cover bg-no-repeat'
-        style={{
-          backgroundImage: `url(${previewImage}), linear-gradient(to right, #F5F5F5, #F5F5F5)`,
-        }}
-      />
-
-      {/* Author and Info Section */}
-      <div className='mt-4 flex items-center gap-3'>
-        {/* Avatar */}
-        <div
-          className='h-[32px] w-[32px] flex-shrink-0 rounded-full bg-center bg-cover bg-no-repeat'
-          style={{
-            backgroundImage: `url(${avatarImage}), linear-gradient(to right, #F5F5F5, #F5F5F5)`,
-          }}
-        />
-
-        {/* Title and Author Info */}
-        <div className='min-w-0 flex-1'>
-          <h4 className='truncate font-medium text-foreground text-sm leading-none'>{title}</h4>
-          <p className='mt-1 flex items-center gap-2 text-muted-foreground text-xs'>
-            <span>{authorName}</span>
-            <span>{usageCount.toLocaleString()} copies</span>
-          </p>
-        </div>
-      </div>
-    </div>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/landing-templates/landing-templates.tsx b/apps/sim/app/(landing)/components/landing-templates/landing-templates.tsx
deleted file mode 100644
index b55f928b598..00000000000
--- a/apps/sim/app/(landing)/components/landing-templates/landing-templates.tsx
+++ /dev/null
@@ -1,112 +0,0 @@
-import LandingTemplatePreview from '@/app/(landing)/components/landing-templates/components/landing-template-preview'
-
-const templates = [
-  {
-    id: 1,
-    previewImage: '/placeholder-template-1.jpg',
-    avatarImage: '/placeholder-avatar-1.jpg',
-    title: 'Meeting notetaker',
-    authorName: 'Emir Ayaz',
-    usageCount: 7800,
-  },
-  {
-    id: 2,
-    previewImage: '/placeholder-template-2.jpg',
-    avatarImage: '/placeholder-avatar-2.jpg',
-    title: 'Cold outreach sender',
-    authorName: 'Liam Chen',
-    usageCount: 15000,
-  },
-  {
-    id: 3,
-    previewImage: '/placeholder-template-3.jpg',
-    avatarImage: '/placeholder-avatar-3.jpg',
-    title: 'Campaign scheduler',
-    authorName: 'Jade Monroe',
-    usageCount: 11800,
-  },
-  {
-    id: 4,
-    previewImage: '/placeholder-template-4.jpg',
-    avatarImage: '/placeholder-avatar-4.jpg',
-    title: 'Lead qualifier',
-    authorName: 'Marcus Vega',
-    usageCount: 13200,
-  },
-  {
-    id: 5,
-    previewImage: '/placeholder-template-5.jpg',
-    avatarImage: '/placeholder-avatar-5.jpg',
-    title: 'Performance reporter',
-    authorName: 'Emily Zhao',
-    usageCount: 9500,
-  },
-  {
-    id: 6,
-    previewImage: '/placeholder-template-6.jpg',
-    avatarImage: '/placeholder-avatar-6.jpg',
-    title: 'Ad copy generator',
-    authorName: 'Carlos Mendez',
-    usageCount: 14200,
-  },
-  {
-    id: 7,
-    previewImage: '/placeholder-template-7.jpg',
-    avatarImage: '/placeholder-avatar-7.jpg',
-    title: 'Product launch email',
-    authorName: 'Lucas Patel',
-    usageCount: 10500,
-  },
-  {
-    id: 8,
-    previewImage: '/placeholder-template-8.jpg',
-    avatarImage: '/placeholder-avatar-8.jpg',
-    title: 'Customer support chatbot',
-    authorName: 'Sophia Nguyen',
-    usageCount: 12000,
-  },
-  {
-    id: 9,
-    previewImage: '/placeholder-template-9.jpg',
-    avatarImage: '/placeholder-avatar-9.jpg',
-    title: 'Event planner',
-    authorName: 'Aiden Kim',
-    usageCount: 13500,
-  },
-]
-
-export default function LandingTemplates() {
-  return (
-    <section
-      id='templates'
-      className='flex flex-col px-4 pt-10 sm:px-[50px] sm:pt-[34px]'
-      aria-labelledby='templates-heading'
-    >
-      <h2
-        id='templates-heading'
-        className='mb-4 font-medium text-[28px] text-foreground tracking-tight sm:mb-6'
-      >
-        Templates
-      </h2>
-
-      {/* Templates Grid */}
-      <div className='grid grid-cols-1 gap-6 sm:gap-8 md:grid-cols-2 lg:grid-cols-3'>
-        {templates.map((template, index) => (
-          <div
-            key={template.id}
-            className={`
-              ${index >= 3 ? 'hidden md:block' : ''} ${index >= 6 ? 'md:hidden lg:block' : ''} `}
-          >
-            <LandingTemplatePreview
-              previewImage={template.previewImage}
-              avatarImage={template.avatarImage}
-              title={template.title}
-              authorName={template.authorName}
-              usageCount={template.usageCount}
-            />
-          </div>
-        ))}
-      </div>
-    </section>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/nav/nav.tsx b/apps/sim/app/(landing)/components/nav/nav.tsx
deleted file mode 100644
index 06baaf8d13f..00000000000
--- a/apps/sim/app/(landing)/components/nav/nav.tsx
+++ /dev/null
@@ -1,240 +0,0 @@
-'use client'
-
-import { useCallback, useEffect, useState } from 'react'
-import { createLogger } from '@sim/logger'
-import { ArrowRight, ChevronRight } from 'lucide-react'
-import Image from 'next/image'
-import Link from 'next/link'
-import { useRouter, useSearchParams } from 'next/navigation'
-import { GithubIcon } from '@/components/icons'
-import { useSession } from '@/lib/auth/auth-client'
-import { isHosted } from '@/lib/core/config/feature-flags'
-import { getFormattedGitHubStars } from '@/app/(landing)/actions/github'
-import { useBrandConfig } from '@/ee/whitelabeling'
-import { useBrandedButtonClass } from '@/hooks/use-branded-button-class'
-
-const logger = createLogger('nav')
-
-interface NavProps {
-  hideAuthButtons?: boolean
-  variant?: 'landing' | 'auth' | 'legal'
-}
-
-export default function Nav({ hideAuthButtons = false, variant = 'landing' }: NavProps = {}) {
-  const [githubStars, setGithubStars] = useState('26.1k')
-  const [isHovered, setIsHovered] = useState(false)
-  const [isLoginHovered, setIsLoginHovered] = useState(false)
-  const router = useRouter()
-  const brand = useBrandConfig()
-  const buttonClass = useBrandedButtonClass()
-  const searchParams = useSearchParams()
-  const { data: session, isPending: isSessionPending } = useSession()
-  const isAuthenticated = Boolean(session?.user?.id)
-  const isBrowsingHome = searchParams.has('home')
-  const useHomeLinks = isAuthenticated || isBrowsingHome
-  const logoHref = useHomeLinks ? '/?home' : '/'
-
-  useEffect(() => {
-    if (variant !== 'landing') return
-
-    const timeoutId = setTimeout(() => {
-      const fetchStars = async () => {
-        try {
-          const stars = await getFormattedGitHubStars()
-          setGithubStars(stars)
-        } catch (error) {
-          logger.warn('Error fetching GitHub stars:', error)
-        }
-      }
-      fetchStars()
-    }, 2000)
-
-    return () => clearTimeout(timeoutId)
-  }, [variant])
-
-  const handleLoginClick = useCallback(
-    (e: React.MouseEvent) => {
-      e.preventDefault()
-      router.push('/login')
-    },
-    [router]
-  )
-
-  const handleEnterpriseClick = useCallback(() => {
-    window.open('https://form.typeform.com/to/jqCO12pF', '_blank', 'noopener,noreferrer')
-  }, [])
-
-  const NavLinks = () => (
-    <>
-      <li>
-        <Link
-          href='https://docs.sim.ai'
-          target='_blank'
-          rel='noopener noreferrer'
-          className='text-md text-muted-foreground transition-colors hover:text-foreground'
-          prefetch={false}
-        >
-          Docs
-        </Link>
-      </li>
-      <li>
-        <Link
-          href={useHomeLinks ? '/?home#pricing' : '/#pricing'}
-          className='text-md text-muted-foreground transition-colors hover:text-foreground'
-          scroll={true}
-        >
-          Pricing
-        </Link>
-      </li>
-      <li>
-        <button
-          onClick={handleEnterpriseClick}
-          className='text-md text-muted-foreground transition-colors hover:text-foreground'
-          type='button'
-          aria-label='Contact for Enterprise pricing'
-        >
-          Enterprise
-        </button>
-      </li>
-      <li>
-        <a
-          href='https://jobs.ashbyhq.com/sim'
-          target='_blank'
-          rel='noopener noreferrer'
-          className='text-md text-muted-foreground transition-colors hover:text-foreground'
-        >
-          Careers
-        </a>
-      </li>
-      <li>
-        <a
-          href='https://github.com/simstudioai/sim'
-          target='_blank'
-          rel='noopener noreferrer'
-          className='flex items-center gap-2 text-md text-muted-foreground transition-colors hover:text-foreground'
-          aria-label={`GitHub repository - ${githubStars} stars`}
-        >
-          <GithubIcon className='h-[16px] w-[16px]' aria-hidden='true' />
-          <span aria-live='polite'>{githubStars}</span>
-        </a>
-      </li>
-    </>
-  )
-
-  return (
-    <nav
-      aria-label='Primary navigation'
-      className={`flex w-full items-center justify-between px-4 ${
-        variant === 'auth' ? 'pt-5 sm:pt-[16.5px]' : 'pt-3 sm:pt-[8.5px]'
-      } pb-[21px] sm:px-8 md:px-11`}
-      itemScope
-      itemType='https://schema.org/SiteNavigationElement'
-    >
-      <div className='flex items-center gap-[34px]'>
-        <Link href={logoHref} aria-label={`${brand.name} home`} itemProp='url'>
-          <span itemProp='name' className='sr-only'>
-            {brand.name} Home
-          </span>
-          {brand.logoUrl ? (
-            <Image
-              src={brand.logoUrl}
-              alt={`${brand.name} Logo`}
-              width={49.78314}
-              height={24.276}
-              className='h-[24.276px] w-auto object-contain'
-              priority
-              loading='eager'
-              quality={100}
-              unoptimized
-            />
-          ) : (
-            <Image
-              src='/logo/b&w/text/b&w.svg'
-              alt='Sim - Workflows for LLMs'
-              width={49.78314}
-              height={24.276}
-              priority
-              loading='eager'
-              quality={100}
-            />
-          )}
-        </Link>
-        {/* Desktop Navigation Links - only show on landing and if hosted */}
-        {variant === 'landing' && isHosted && (
-          <ul className='hidden items-center justify-center gap-5 pt-1 md:flex'>
-            <NavLinks />
-          </ul>
-        )}
-      </div>
-
-      {/* Auth Buttons - show only when hosted, regardless of variant */}
-      {!hideAuthButtons && isHosted && (
-        <div
-          className={`flex items-center justify-center gap-4 pt-[1.5px]${isSessionPending ? ' invisible' : ''}`}
-        >
-          {isAuthenticated ? (
-            <Link
-              href='/workspace'
-              onMouseEnter={() => setIsHovered(true)}
-              onMouseLeave={() => setIsHovered(false)}
-              className={`${buttonClass} group inline-flex items-center justify-center gap-2 rounded-[10px] py-1.5 pr-2.5 pl-3 text-[15px] text-white transition-all`}
-              aria-label='Go to app'
-            >
-              <span className='flex items-center gap-1'>
-                Go to App
-                <span className='inline-flex transition-transform duration-200 group-hover:translate-x-0.5'>
-                  {isHovered ? (
-                    <ArrowRight className='h-4 w-4' aria-hidden='true' />
-                  ) : (
-                    <ChevronRight className='h-4 w-4' aria-hidden='true' />
-                  )}
-                </span>
-              </span>
-            </Link>
-          ) : (
-            <>
-              <button
-                onClick={handleLoginClick}
-                onMouseEnter={() => setIsLoginHovered(true)}
-                onMouseLeave={() => setIsLoginHovered(false)}
-                className='group hidden text-[#2E2E2E] text-[16px] transition-colors hover:text-foreground md:block'
-                type='button'
-                aria-label='Log in to your account'
-              >
-                <span className='flex items-center gap-1'>
-                  Log in
-                  <span className='inline-flex transition-transform duration-200 group-hover:translate-x-0.5'>
-                    {isLoginHovered ? (
-                      <ArrowRight className='h-4 w-4' aria-hidden='true' />
-                    ) : (
-                      <ChevronRight className='h-4 w-4' aria-hidden='true' />
-                    )}
-                  </span>
-                </span>
-              </button>
-              <Link
-                href='/signup'
-                onMouseEnter={() => setIsHovered(true)}
-                onMouseLeave={() => setIsHovered(false)}
-                className={`${buttonClass} group inline-flex items-center justify-center gap-2 rounded-[10px] py-1.5 pr-2.5 pl-3 text-[15px] text-white transition-all`}
-                aria-label='Get started with Sim - Sign up for free'
-                prefetch={true}
-              >
-                <span className='flex items-center gap-1'>
-                  Get started
-                  <span className='inline-flex transition-transform duration-200 group-hover:translate-x-0.5'>
-                    {isHovered ? (
-                      <ArrowRight className='h-4 w-4' aria-hidden='true' />
-                    ) : (
-                      <ChevronRight className='h-4 w-4' aria-hidden='true' />
-                    )}
-                  </span>
-                </span>
-              </Link>
-            </>
-          )}
-        </div>
-      )}
-    </nav>
-  )
-}
diff --git a/apps/sim/app/(landing)/components/structured-data.tsx b/apps/sim/app/(landing)/components/structured-data.tsx
deleted file mode 100644
index 31223fdf499..00000000000
--- a/apps/sim/app/(landing)/components/structured-data.tsx
+++ /dev/null
@@ -1,221 +0,0 @@
-export default function StructuredData() {
-  const structuredData = {
-    '@context': 'https://schema.org',
-    '@graph': [
-      {
-        '@type': 'Organization',
-        '@id': 'https://sim.ai/#organization',
-        name: 'Sim',
-        alternateName: 'Sim',
-        description:
-          'Sim is the open-source platform to build AI agents and run your agentic workforce. Connect 1,000+ integrations and LLMs to deploy and orchestrate agentic workflows.',
-        url: 'https://sim.ai',
-        logo: {
-          '@type': 'ImageObject',
-          '@id': 'https://sim.ai/#logo',
-          url: 'https://sim.ai/logo/b&w/text/b&w.svg',
-          contentUrl: 'https://sim.ai/logo/b&w/text/b&w.svg',
-          width: 49.78314,
-          height: 24.276,
-          caption: 'Sim Logo',
-        },
-        image: { '@id': 'https://sim.ai/#logo' },
-        sameAs: [
-          'https://x.com/simdotai',
-          'https://github.com/simstudioai/sim',
-          'https://www.linkedin.com/company/simstudioai/',
-          'https://discord.gg/Hr4UWYEcTT',
-        ],
-        contactPoint: {
-          '@type': 'ContactPoint',
-          contactType: 'customer support',
-          availableLanguage: ['en'],
-        },
-      },
-      {
-        '@type': 'WebSite',
-        '@id': 'https://sim.ai/#website',
-        url: 'https://sim.ai',
-        name: 'Sim — Build AI Agents & Run Your Agentic Workforce',
-        description:
-          'Sim is the open-source platform to build AI agents and run your agentic workforce. Connect 1,000+ integrations and LLMs to deploy and orchestrate agentic workflows. Join 100,000+ builders.',
-        publisher: {
-          '@id': 'https://sim.ai/#organization',
-        },
-        inLanguage: 'en-US',
-      },
-      {
-        '@type': 'WebPage',
-        '@id': 'https://sim.ai/#webpage',
-        url: 'https://sim.ai',
-        name: 'Sim — Build AI Agents & Run Your Agentic Workforce',
-        isPartOf: {
-          '@id': 'https://sim.ai/#website',
-        },
-        about: {
-          '@id': 'https://sim.ai/#software',
-        },
-        datePublished: '2024-01-01T00:00:00+00:00',
-        dateModified: new Date().toISOString(),
-        description:
-          'Sim is the open-source platform to build AI agents and run your agentic workforce. Connect 1,000+ integrations and LLMs to deploy and orchestrate agentic workflows. Create agents, workflows, knowledge bases, tables, and docs.',
-        breadcrumb: {
-          '@id': 'https://sim.ai/#breadcrumb',
-        },
-        inLanguage: 'en-US',
-        potentialAction: [
-          {
-            '@type': 'ReadAction',
-            target: ['https://sim.ai'],
-          },
-        ],
-      },
-      {
-        '@type': 'BreadcrumbList',
-        '@id': 'https://sim.ai/#breadcrumb',
-        itemListElement: [
-          {
-            '@type': 'ListItem',
-            position: 1,
-            name: 'Home',
-            item: 'https://sim.ai',
-          },
-        ],
-      },
-      {
-        '@type': 'SoftwareApplication',
-        '@id': 'https://sim.ai/#software',
-        name: 'Sim — Build AI Agents & Run Your Agentic Workforce',
-        description:
-          'Sim is the open-source platform to build AI agents and run your agentic workforce. Connect 1,000+ integrations and LLMs to deploy and orchestrate agentic workflows. Create agents, workflows, knowledge bases, tables, and docs. Trusted by over 100,000 builders. SOC2 and HIPAA compliant.',
-        applicationCategory: 'DeveloperApplication',
-        applicationSubCategory: 'AI Development Tools',
-        operatingSystem: 'Web, Windows, macOS, Linux',
-        softwareVersion: '1.0',
-        offers: [
-          {
-            '@type': 'Offer',
-            '@id': 'https://sim.ai/#offer-free',
-            name: 'Community Plan',
-            price: '0',
-            priceCurrency: 'USD',
-            priceValidUntil: '2026-12-31',
-            itemCondition: 'https://schema.org/NewCondition',
-            availability: 'https://schema.org/InStock',
-            seller: {
-              '@id': 'https://sim.ai/#organization',
-            },
-            eligibleRegion: {
-              '@type': 'Place',
-              name: 'Worldwide',
-            },
-          },
-          {
-            '@type': 'Offer',
-            '@id': 'https://sim.ai/#offer-pro',
-            name: 'Pro Plan',
-            price: '20',
-            priceCurrency: 'USD',
-            priceSpecification: {
-              '@type': 'UnitPriceSpecification',
-              price: '20',
-              priceCurrency: 'USD',
-              unitText: 'MONTH',
-              billingIncrement: 1,
-            },
-            priceValidUntil: '2026-12-31',
-            itemCondition: 'https://schema.org/NewCondition',
-            availability: 'https://schema.org/InStock',
-            seller: {
-              '@id': 'https://sim.ai/#organization',
-            },
-          },
-          {
-            '@type': 'Offer',
-            '@id': 'https://sim.ai/#offer-team',
-            name: 'Team Plan',
-            price: '40',
-            priceCurrency: 'USD',
-            priceSpecification: {
-              '@type': 'UnitPriceSpecification',
-              price: '40',
-              priceCurrency: 'USD',
-              unitText: 'MONTH',
-              billingIncrement: 1,
-            },
-            priceValidUntil: '2026-12-31',
-            itemCondition: 'https://schema.org/NewCondition',
-            availability: 'https://schema.org/InStock',
-            seller: {
-              '@id': 'https://sim.ai/#organization',
-            },
-          },
-        ],
-        aggregateRating: {
-          '@type': 'AggregateRating',
-          ratingValue: '4.8',
-          reviewCount: '150',
-          bestRating: '5',
-          worstRating: '1',
-        },
-        featureList: [
-          'AI agent creation',
-          'Agentic workflow orchestration',
-          '1,000+ integrations',
-          'LLM orchestration (OpenAI, Anthropic, Google, xAI, Mistral, Perplexity)',
-          'Knowledge base creation',
-          'Table creation',
-          'Document creation',
-          'API access',
-          'Custom functions',
-          'Scheduled workflows',
-          'Event triggers',
-        ],
-        screenshot: [
-          {
-            '@type': 'ImageObject',
-            url: 'https://sim.ai/logo/426-240/primary/small.png',
-            caption: 'Sim — build AI agents and run your agentic workforce',
-          },
-        ],
-      },
-      {
-        '@type': 'FAQPage',
-        '@id': 'https://sim.ai/#faq',
-        mainEntity: [
-          {
-            '@type': 'Question',
-            name: 'What is Sim?',
-            acceptedAnswer: {
-              '@type': 'Answer',
-              text: 'Sim is the open-source platform to build AI agents and run your agentic workforce. Teams connect 1,000+ integrations and LLMs to deploy and orchestrate agentic workflows. Create agents, workflows, knowledge bases, tables, and docs. Trusted by over 100,000 builders. SOC2 and HIPAA compliant.',
-            },
-          },
-          {
-            '@type': 'Question',
-            name: 'Which AI models does Sim support?',
-            acceptedAnswer: {
-              '@type': 'Answer',
-              text: 'Sim supports all major AI models including OpenAI (GPT-5, GPT-4o), Anthropic (Claude), Google (Gemini), xAI (Grok), Mistral, Perplexity, and many more. You can also connect to open-source models via Ollama.',
-            },
-          },
-          {
-            '@type': 'Question',
-            name: 'Do I need coding skills to use Sim?',
-            acceptedAnswer: {
-              '@type': 'Answer',
-              text: 'No coding skills are required. Sim provides a visual interface for building AI agents and agentic workflows. Developers can also use custom functions, the API, and the CLI/SDK for advanced use cases.',
-            },
-          },
-        ],
-      },
-    ],
-  }
-
-  return (
-    <script
-      type='application/ld+json'
-      dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }}
-    />
-  )
-}
diff --git a/apps/sim/app/(landing)/components/testimonials/testimonials.tsx b/apps/sim/app/(landing)/components/testimonials/testimonials.tsx
deleted file mode 100644
index 0103d096bc2..00000000000
--- a/apps/sim/app/(landing)/components/testimonials/testimonials.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import Image from 'next/image'
-
-interface Testimonial {
-  text: string
-  name: string
-  username: string
-  viewCount: string
-  tweetUrl: string
-  profileImage: string
-}
-
-const allTestimonials: Testimonial[] = [
-  {
-    text: "🚨 BREAKING: This startup just dropped the fastest way to build AI agents.\n\nThis Figma-like canvas to build agents will blow your mind.\n\nHere's why this is the best tool for building AI agents:",
-    name: 'Hasan Toor',
-    username: '@hasantoxr',
-    viewCount: '515k',
-    tweetUrl: 'https://x.com/hasantoxr/status/1912909502036525271',
-    profileImage: '/twitter/hasan.jpg',
-  },
-  {
-    text: "Drag-and-drop AI workflows for devs who'd rather build agents than babysit them.",
-    name: 'GitHub Projects',
-    username: '@GithubProjects',
-    viewCount: '90.4k',
-    tweetUrl: 'https://x.com/GithubProjects/status/1906383555707490499',
-    profileImage: '/twitter/github-projects.jpg',
-  },
-  {
-    text: "🚨 BREAKING: This startup just dropped the fastest way to build AI agents.\n\nThis Figma-like canvas to build agents will blow your mind.\n\nHere's why this is the best tool for building AI agents:",
-    name: 'Ryan Lazuka',
-    username: '@lazukars',
-    viewCount: '47.4k',
-    tweetUrl: 'https://x.com/lazukars/status/1913136390503600575',
-    profileImage: '/twitter/lazukars.png',
-  },
-  {
-    text: 'omfggggg this is the zapier of agent building\n\ni always believed that building agents and using ai should not be limited to technical people. i think this solves just that\n\nthe fact that this is also open source makes me so optimistic about the future of building with ai :)))\n\ncongrats @karabegemir & @typingwala !!!',
-    name: 'nizzy',
-    username: '@nizzyabi',
-    viewCount: '6,269',
-    tweetUrl: 'https://x.com/nizzyabi/status/1907864421227180368',
-    profileImage: '/twitter/nizzy.jpg',
-  },
-  {
-    text: 'A very good looking agent workflow builder 🔥 and open source!',
-    name: 'xyflow',
-    username: '@xyflowdev',
-    viewCount: '3,246',
-    tweetUrl: 'https://x.com/xyflowdev/status/1909501499719438670',
-    profileImage: '/twitter/xyflow.jpg',
-  },
-  {
-    text: "One of the best products I've seen in the space, and the hustle and grind I've seen from @karabegemir and @typingwala is insane. Sim is positioned to build something game-changing, and there's no better team for the job.\n\nCongrats on the launch 🚀 🎊 great things ahead!",
-    name: 'samarth',
-    username: '@firestorm776',
-    viewCount: '1,256',
-    tweetUrl: 'https://x.com/firestorm776/status/1907896097735061598',
-    profileImage: '/twitter/samarth.jpg',
-  },
-  {
-    text: 'lfgg got access to @simstudioai via @zerodotemail 😎',
-    name: 'nizzy',
-    username: '@nizzyabi',
-    viewCount: '1,762',
-    tweetUrl: 'https://x.com/nizzyabi/status/1910482357821595944',
-    profileImage: '/twitter/nizzy.jpg',
-  },
-  {
-    text: 'Feels like we\'re finally getting a "Photoshop moment" for AI devs—visual, intuitive, and fast enough to keep up with ideas mid-flow.',
-    name: 'Syamraj K',
-    username: '@syamrajk',
-    viewCount: '2,784',
-    tweetUrl: 'https://x.com/syamrajk/status/1912911980110946491',
-    profileImage: '/twitter/syamrajk.jpg',
-  },
-  {
-    text: 'The use cases are endless. Great work @simstudioai',
-    name: 'Daniel Kim',
-    username: '@daniel_zkim',
-    viewCount: '103',
-    tweetUrl: 'https://x.com/daniel_zkim/status/1907891273664782708',
-    profileImage: '/twitter/daniel.jpg',
-  },
-]
-
-export default function Testimonials() {
-  const [currentIndex, setCurrentIndex] = useState(0)
-  const [isTransitioning, setIsTransitioning] = useState(false)
-  const [isPaused, setIsPaused] = useState(false)
-
-  const extendedTestimonials = [...allTestimonials, ...allTestimonials]
-
-  useEffect(() => {
-    const interval = setInterval(() => {
-      if (!isPaused) {
-        setIsTransitioning(true)
-        setCurrentIndex((prevIndex) => prevIndex + 1)
-      }
-    }, 3000)
-
-    return () => clearInterval(interval)
-  }, [isPaused])
-
-  useEffect(() => {
-    if (currentIndex >= allTestimonials.length) {
-      setTimeout(() => {
-        setIsTransitioning(false)
-        setCurrentIndex(0)
-      }, 500)
-    }
-  }, [currentIndex])
-
-  const getTransformValue = () => {
-    // Each card unit (card + separator) takes exactly 25% width
-    return `translateX(-${currentIndex * 25}%)`
-  }
-
-  return (
-    <section
-      id='testimonials'
-      className='flex hidden h-[150px] items-center sm:block'
-      aria-label='Social proof testimonials'
-    >
-      <div className='relative mx-auto h-full w-full max-w-[1289px] pl-0.5'>
-        <div
-          className='relative h-full w-full overflow-hidden'
-          onMouseEnter={() => setIsPaused(true)}
-          onMouseLeave={() => setIsPaused(false)}
-        >
-          <div
-            className={`flex h-full ${isTransitioning ? 'transition-transform duration-500 ease-in-out' : ''}`}
-            style={{
-              transform: getTransformValue(),
-            }}
-          >
-            {extendedTestimonials.map((tweet, absoluteIndex) => {
-              // Always show separator except for the very last card in the extended array
-              const showSeparator = absoluteIndex < extendedTestimonials.length - 1
-
-              return (
-                /* Card unit wrapper - exactly 25% width including separator */
-                <div key={`${absoluteIndex}`} className='flex h-full w-1/4 flex-shrink-0'>
-                  {/* Tweet container */}
-                  <div
-                    className='group flex h-full w-full cursor-pointer flex-col px-3 py-3 transition-all duration-100 hover:bg-[#0A0A0A] sm:px-3.5'
-                    onClick={() => window.open(tweet.tweetUrl, '_blank', 'noopener,noreferrer')}
-                  >
-                    {/* Top section with profile info */}
-                    <div className='flex items-start justify-between'>
-                      <div className='flex items-start gap-2'>
-                        {/* Profile image */}
-                        <Image
-                          src={tweet.profileImage}
-                          alt={`${tweet.username} profile`}
-                          width={34}
-                          height={34}
-                          className='h-[34px] w-[34px] rounded-full object-cover'
-                          loading='lazy'
-                          unoptimized
-                        />
-                        {/* Name and username stacked */}
-                        <div className='flex flex-col'>
-                          <span className='font-[500] text-gray-900 text-sm transition-colors duration-300 group-hover:text-white'>
-                            {tweet.name}
-                          </span>
-                          <span className='text-gray-500 text-xs transition-colors duration-300 group-hover:text-white/80'>
-                            {tweet.username}
-                          </span>
-                        </div>
-                      </div>
-                      {/* View count in top right */}
-                      <span className='text-gray-400 text-xs transition-colors duration-300 group-hover:text-white/70'>
-                        {tweet.viewCount} views
-                      </span>
-                    </div>
-
-                    {/* Tweet content below with padding */}
-                    <p className='mt-2 line-clamp-4 font-[380] text-[#0A0A0A] text-small leading-[1.3] transition-colors duration-300 group-hover:text-white'>
-                      {tweet.text}
-                    </p>
-                  </div>
-
-                  {/* Full height vertical separator line */}
-                  {showSeparator && (
-                    <div className='relative h-full flex-shrink-0'>
-                      <svg
-                        width='2'
-                        height='100%'
-                        viewBox='0 0 2 200'
-                        preserveAspectRatio='none'
-                        fill='none'
-                        xmlns='http://www.w3.org/2000/svg'
-                        className='h-full'
-                      >
-                        {/* Vertical line */}
-                        <path d='M1 0V200' stroke='#E7E4EF' strokeWidth='2' />
-                      </svg>
-                    </div>
-                  )}
-                </div>
-              )
-            })}
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}
diff --git a/apps/sim/app/(landing)/landing.tsx b/apps/sim/app/(landing)/landing.tsx
deleted file mode 100644
index 32228805aa8..00000000000
--- a/apps/sim/app/(landing)/landing.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Suspense } from 'react'
-import dynamic from 'next/dynamic'
-import { Background, Footer, Nav, StructuredData } from '@/app/(landing)/components'
-
-const Hero = dynamic(() => import('@/app/(landing)/components/hero/hero'), {
-  loading: () => <div className='h-[600px] animate-pulse bg-gray-50' />,
-})
-
-const LandingPricing = dynamic(
-  () => import('@/app/(landing)/components/landing-pricing/landing-pricing'),
-  {
-    loading: () => <div className='h-[400px] animate-pulse bg-gray-50' />,
-  }
-)
-
-const Integrations = dynamic(() => import('@/app/(landing)/components/integrations/integrations'), {
-  loading: () => <div className='h-[300px] animate-pulse bg-gray-50' />,
-})
-
-const Testimonials = dynamic(() => import('@/app/(landing)/components/testimonials/testimonials'), {
-  loading: () => <div className='h-[150px] animate-pulse bg-gray-50' />,
-})
-
-export default function Landing() {
-  return (
-    <>
-      <StructuredData />
-      <Background>
-        <header>
-          <Nav />
-        </header>
-        <main className='relative'>
-          <Suspense
-            fallback={
-              <div
-                className='h-[600px] animate-pulse bg-gray-50'
-                aria-label='Loading hero section'
-              />
-            }
-          >
-            <Hero />
-          </Suspense>
-          <Suspense
-            fallback={
-              <div
-                className='h-[400px] animate-pulse bg-gray-50'
-                aria-label='Loading pricing section'
-              />
-            }
-          >
-            <LandingPricing />
-          </Suspense>
-          <Suspense
-            fallback={
-              <div
-                className='h-[300px] animate-pulse bg-gray-50'
-                aria-label='Loading integrations section'
-              />
-            }
-          >
-            <Integrations />
-          </Suspense>
-          <Suspense
-            fallback={
-              <div
-                className='h-[150px] animate-pulse bg-gray-50'
-                aria-label='Loading testimonials section'
-              />
-            }
-          >
-            <Testimonials />
-          </Suspense>
-        </main>
-        <Footer />
-      </Background>
-    </>
-  )
-}
diff --git a/apps/sim/app/_styles/globals.css b/apps/sim/app/_styles/globals.css
index 336dd9587af..7bfc3ed967e 100644
--- a/apps/sim/app/_styles/globals.css
+++ b/apps/sim/app/_styles/globals.css
@@ -668,27 +668,6 @@ input[type="search"]::-ms-clear {
     animation: placeholder-pulse 1.5s ease-in-out infinite;
   }
 
-  .branded-button-gradient {
-    background: linear-gradient(to bottom, #8357ff, #6f3dfa) !important;
-    border-color: #6f3dfa !important;
-    box-shadow: inset 0 2px 4px 0 #9b77ff !important;
-  }
-
-  .branded-button-gradient:hover {
-    background: linear-gradient(to bottom, #8357ff, #6f3dfa) !important;
-    opacity: 0.9;
-  }
-
-  .branded-button-custom {
-    background: var(--brand) !important;
-    border-color: var(--brand) !important;
-  }
-
-  .branded-button-custom:hover {
-    background: var(--brand-hover) !important;
-    border-color: var(--brand-hover) !important;
-  }
-
   /**
    * Panel tab visibility and styling to prevent hydration flash
    */
diff --git a/apps/sim/app/api/chat/manage/[id]/route.test.ts b/apps/sim/app/api/chat/manage/[id]/route.test.ts
index eefb5aa4666..48e65146db5 100644
--- a/apps/sim/app/api/chat/manage/[id]/route.test.ts
+++ b/apps/sim/app/api/chat/manage/[id]/route.test.ts
@@ -309,6 +309,46 @@ describe('Chat Edit API Route', () => {
       expect(data.error).toBe('Password is required when using password protection')
     })
 
+    it('should keep the existing password when updating a password-protected chat', async () => {
+      mockGetSession.mockResolvedValue({
+        user: { id: 'user-id' },
+      })
+
+      const mockChat = {
+        id: 'chat-123',
+        identifier: 'test-chat',
+        title: 'Test Chat',
+        authType: 'password',
+        password: 'encrypted-password',
+        workflowId: 'workflow-123',
+      }
+
+      mockCheckChatAccess.mockResolvedValue({
+        hasAccess: true,
+        chat: mockChat,
+        workspaceId: 'workspace-123',
+      })
+
+      const req = new NextRequest('http://localhost:3000/api/chat/manage/chat-123', {
+        method: 'PATCH',
+        body: JSON.stringify({ authType: 'password', title: 'Updated Chat' }),
+      })
+      const response = await PATCH(req, { params: Promise.resolve({ id: 'chat-123' }) })
+
+      expect(response.status).toBe(200)
+      expect(mockEncryptSecret).not.toHaveBeenCalled()
+      expect(mockSet).toHaveBeenCalledWith(
+        expect.objectContaining({
+          authType: 'password',
+          allowedEmails: [],
+          updatedAt: expect.any(Date),
+        })
+      )
+
+      const updatePayload = mockSet.mock.calls[0]?.[0]
+      expect(updatePayload.password).toBeUndefined()
+    })
+
     it('should allow access when user has workspace admin permission', async () => {
       mockGetSession.mockResolvedValue({
         user: { id: 'admin-user-id' },
diff --git a/apps/sim/app/chat/[identifier]/chat.tsx b/apps/sim/app/chat/[identifier]/chat.tsx
index 816ae3c35fb..964773cfc15 100644
--- a/apps/sim/app/chat/[identifier]/chat.tsx
+++ b/apps/sim/app/chat/[identifier]/chat.tsx
@@ -4,7 +4,7 @@ import { type RefObject, useCallback, useEffect, useRef, useState } from 'react'
 import { createLogger } from '@sim/logger'
 import { v4 as uuidv4 } from 'uuid'
 import { noop } from '@/lib/core/utils/request'
-import { getFormattedGitHubStars } from '@/app/(landing)/actions/github'
+import { getFormattedGitHubStars } from '@/app/(home)/actions/github'
 import {
   ChatErrorState,
   ChatHeader,
@@ -503,7 +503,7 @@ export default function ChatClient({ identifier }: { identifier: string }) {
   }
 
   return (
-    <div className='fixed inset-0 z-[100] flex flex-col bg-white text-foreground'>
+    <div className='dark fixed inset-0 z-[100] flex flex-col bg-[var(--landing-bg)] text-[var(--landing-text)]'>
       {/* Header component */}
       <ChatHeader chatConfig={chatConfig} starCount={starCount} />
 
diff --git a/apps/sim/app/chat/[identifier]/loading.tsx b/apps/sim/app/chat/[identifier]/loading.tsx
index 39521ac8912..4e060c20ea3 100644
--- a/apps/sim/app/chat/[identifier]/loading.tsx
+++ b/apps/sim/app/chat/[identifier]/loading.tsx
@@ -2,8 +2,8 @@ import { Skeleton } from '@/components/emcn'
 
 export default function ChatLoading() {
   return (
-    <div className='fixed inset-0 z-[100] flex flex-col bg-white text-foreground'>
-      <div className='border-b px-4 py-3'>
+    <div className='dark fixed inset-0 z-[100] flex flex-col bg-[var(--landing-bg)] text-[var(--landing-text)]'>
+      <div className='border-[var(--border-1)] border-b px-4 py-3'>
         <div className='mx-auto flex max-w-3xl items-center justify-between'>
           <div className='flex items-center gap-[12px]'>
             <Skeleton className='h-[28px] w-[28px] rounded-[6px]' />
diff --git a/apps/sim/app/chat/components/auth/email/email-auth.tsx b/apps/sim/app/chat/components/auth/email/email-auth.tsx
index ade89db3f4e..2a9da32b90d 100644
--- a/apps/sim/app/chat/components/auth/email/email-auth.tsx
+++ b/apps/sim/app/chat/components/auth/email/email-auth.tsx
@@ -2,11 +2,12 @@
 
 import { type KeyboardEvent, useEffect, useState } from 'react'
 import { createLogger } from '@sim/logger'
+import { Loader2 } from 'lucide-react'
 import { Input, InputOTP, InputOTPGroup, InputOTPSlot, Label } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
 import AuthBackground from '@/app/(auth)/components/auth-background'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { SupportFooter } from '@/app/(auth)/components/support-footer'
 import Navbar from '@/app/(home)/components/navbar/navbar'
 
@@ -182,7 +183,7 @@ export default function EmailAuth({ identifier, onAuthSuccess }: EmailAuthProps)
 
   return (
     <AuthBackground className='dark font-[430] font-season'>
-      <main className='relative flex min-h-screen flex-col text-[var(--landing-text)]'>
+      <main className='relative flex min-h-full flex-col text-[var(--landing-text)]'>
         <header className='shrink-0 bg-[var(--landing-bg)]'>
           <Navbar logoOnly />
         </header>
@@ -190,10 +191,10 @@ export default function EmailAuth({ identifier, onAuthSuccess }: EmailAuthProps)
           <div className='w-full max-w-lg px-4'>
             <div className='flex flex-col items-center justify-center'>
               <div className='space-y-1 text-center'>
-                <h1 className='font-[500] text-[32px] text-[var(--landing-text)] tracking-tight'>
+                <h1 className='text-balance font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
                   {showOtpVerification ? 'Verify Your Email' : 'Email Verification'}
                 </h1>
-                <p className='font-[380] text-[var(--text-subtle)] text-md'>
+                <p className='font-[430] font-season text-[color-mix(in_srgb,var(--landing-text-subtle)_60%,transparent)] text-lg leading-[125%] tracking-[0.02em]'>
                   {showOtpVerification
                     ? `A verification code has been sent to ${email}`
                     : 'This chat requires email verification'}
@@ -240,13 +241,20 @@ export default function EmailAuth({ identifier, onAuthSuccess }: EmailAuthProps)
                       )}
                     </div>
 
-                    <BrandedButton type='submit' loading={isSendingOtp} loadingText='Sending Code'>
-                      Continue
-                    </BrandedButton>
+                    <button type='submit' disabled={isSendingOtp} className={AUTH_SUBMIT_BTN}>
+                      {isSendingOtp ? (
+                        <span className='flex items-center gap-2'>
+                          <Loader2 className='h-4 w-4 animate-spin' />
+                          Sending Code...
+                        </span>
+                      ) : (
+                        'Continue'
+                      )}
+                    </button>
                   </form>
                 ) : (
                   <div className='space-y-6'>
-                    <p className='text-center text-[var(--text-subtle)] text-sm'>
+                    <p className='text-center text-[var(--landing-text-muted)] text-sm'>
                       Enter the 6-digit code to verify your account. If you don't see it in your
                       inbox, check your spam folder.
                     </p>
@@ -282,22 +290,30 @@ export default function EmailAuth({ identifier, onAuthSuccess }: EmailAuthProps)
                       </div>
                     )}
 
-                    <BrandedButton
+                    <button
                       onClick={() => handleVerifyOtp()}
-                      disabled={otpValue.length !== 6}
-                      loading={isVerifyingOtp}
-                      loadingText='Verifying'
+                      disabled={otpValue.length !== 6 || isVerifyingOtp}
+                      className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
                     >
-                      Verify Email
-                    </BrandedButton>
+                      {isVerifyingOtp ? (
+                        <span className='flex items-center gap-2'>
+                          <Loader2 className='h-4 w-4 animate-spin' />
+                          Verifying...
+                        </span>
+                      ) : (
+                        'Verify Email'
+                      )}
+                    </button>
 
                     <div className='text-center'>
-                      <p className='text-muted-foreground text-sm'>
+                      <p className='text-[var(--landing-text-muted)] text-sm'>
                         Didn't receive a code?{' '}
                         {countdown > 0 ? (
                           <span>
                             Resend in{' '}
-                            <span className='font-medium text-foreground'>{countdown}s</span>
+                            <span className='font-medium text-[var(--landing-text)]'>
+                              {countdown}s
+                            </span>
                           </span>
                         ) : (
                           <button
diff --git a/apps/sim/app/chat/components/auth/password/password-auth.tsx b/apps/sim/app/chat/components/auth/password/password-auth.tsx
index 832f450887c..086fe467828 100644
--- a/apps/sim/app/chat/components/auth/password/password-auth.tsx
+++ b/apps/sim/app/chat/components/auth/password/password-auth.tsx
@@ -2,11 +2,11 @@
 
 import { type KeyboardEvent, useState } from 'react'
 import { createLogger } from '@sim/logger'
-import { Eye, EyeOff } from 'lucide-react'
+import { Eye, EyeOff, Loader2 } from 'lucide-react'
 import { Input, Label } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
 import AuthBackground from '@/app/(auth)/components/auth-background'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { SupportFooter } from '@/app/(auth)/components/support-footer'
 import Navbar from '@/app/(home)/components/navbar/navbar'
 
@@ -80,7 +80,7 @@ export default function PasswordAuth({ identifier, onAuthSuccess }: PasswordAuth
 
   return (
     <AuthBackground className='dark font-[430] font-season'>
-      <main className='relative flex min-h-screen flex-col text-[var(--landing-text)]'>
+      <main className='relative flex min-h-full flex-col text-[var(--landing-text)]'>
         <header className='shrink-0 bg-[var(--landing-bg)]'>
           <Navbar logoOnly />
         </header>
@@ -88,10 +88,10 @@ export default function PasswordAuth({ identifier, onAuthSuccess }: PasswordAuth
           <div className='w-full max-w-lg px-4'>
             <div className='flex flex-col items-center justify-center'>
               <div className='space-y-1 text-center'>
-                <h1 className='font-[500] text-[32px] text-[var(--landing-text)] tracking-tight'>
+                <h1 className='text-balance font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
                   Password Required
                 </h1>
-                <p className='font-[380] text-[var(--text-subtle)] text-md'>
+                <p className='font-[430] font-season text-[color-mix(in_srgb,var(--landing-text-subtle)_60%,transparent)] text-lg leading-[125%] tracking-[0.02em]'>
                   This chat is password-protected
                 </p>
               </div>
@@ -132,7 +132,7 @@ export default function PasswordAuth({ identifier, onAuthSuccess }: PasswordAuth
                       <button
                         type='button'
                         onClick={() => setShowPassword(!showPassword)}
-                        className='-translate-y-1/2 absolute top-1/2 right-3 text-[var(--text-subtle)] hover:text-[var(--landing-text)]'
+                        className='-translate-y-1/2 absolute top-1/2 right-3 text-[var(--landing-text-muted)] hover:text-[var(--landing-text)]'
                         aria-label={showPassword ? 'Hide password' : 'Show password'}
                       >
                         {showPassword ? <EyeOff size={18} /> : <Eye size={18} />}
@@ -158,14 +158,20 @@ export default function PasswordAuth({ identifier, onAuthSuccess }: PasswordAuth
                   </div>
                 </div>
 
-                <BrandedButton
+                <button
                   type='submit'
-                  disabled={!password.trim()}
-                  loading={isAuthenticating}
-                  loadingText='Authenticating'
+                  disabled={!password.trim() || isAuthenticating}
+                  className={AUTH_SUBMIT_BTN}
                 >
-                  Continue
-                </BrandedButton>
+                  {isAuthenticating ? (
+                    <span className='flex items-center gap-2'>
+                      <Loader2 className='h-4 w-4 animate-spin' />
+                      Authenticating...
+                    </span>
+                  ) : (
+                    'Continue'
+                  )}
+                </button>
               </form>
             </div>
           </div>
diff --git a/apps/sim/app/chat/components/error-state/error-state.tsx b/apps/sim/app/chat/components/error-state/error-state.tsx
index ae40b1751aa..895b1989ed6 100644
--- a/apps/sim/app/chat/components/error-state/error-state.tsx
+++ b/apps/sim/app/chat/components/error-state/error-state.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useRouter } from 'next/navigation'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { StatusPageLayout } from '@/app/(auth)/components/status-page-layout'
 
 interface ChatErrorStateProps {
@@ -13,7 +13,9 @@ export function ChatErrorState({ error }: ChatErrorStateProps) {
 
   return (
     <StatusPageLayout title='Chat Unavailable' description={error}>
-      <BrandedButton onClick={() => router.push('/workspace')}>Return to Workspace</BrandedButton>
+      <button onClick={() => router.push('/workspace')} className={AUTH_SUBMIT_BTN}>
+        Return to Workspace
+      </button>
     </StatusPageLayout>
   )
 }
diff --git a/apps/sim/app/chat/components/header/header.tsx b/apps/sim/app/chat/components/header/header.tsx
index e78fa05befe..8546fb58349 100644
--- a/apps/sim/app/chat/components/header/header.tsx
+++ b/apps/sim/app/chat/components/header/header.tsx
@@ -40,7 +40,7 @@ export function ChatHeader({ chatConfig, starCount }: ChatHeaderProps) {
               className='h-6 w-6 rounded-md object-cover'
             />
           )}
-          <h2 className='font-medium text-foreground text-lg'>
+          <h2 className='font-medium text-[var(--landing-text)] text-lg'>
             {chatConfig?.customizations?.headerText || chatConfig?.title || 'Chat'}
           </h2>
         </div>
@@ -52,7 +52,7 @@ export function ChatHeader({ chatConfig, starCount }: ChatHeaderProps) {
             href='https://github.com/simstudioai/sim'
             target='_blank'
             rel='noopener noreferrer'
-            className='flex items-center gap-2 text-md text-muted-foreground transition-colors hover:text-foreground'
+            className='flex items-center gap-2 text-[var(--landing-text-muted)] text-md transition-colors hover:text-[var(--landing-text)]'
             aria-label={`GitHub repository - ${starCount} stars`}
           >
             <GithubIcon className='h-[16px] w-[16px]' aria-hidden='true' />
@@ -67,14 +67,12 @@ export function ChatHeader({ chatConfig, starCount }: ChatHeaderProps) {
             aria-label='Sim home'
           >
             <Image
-              src='/logo/b&w/text/small.png'
-              alt='Sim - Workflows for LLMs'
-              width={29.869884}
-              height={14.5656}
-              className='h-[14.5656px] w-auto pb-[1px]'
+              src='/logo/sim-landing.svg'
+              alt='Sim'
+              width={71}
+              height={22}
+              className='h-[22px] w-auto'
               priority
-              loading='eager'
-              quality={100}
             />
           </Link>
         </div>
diff --git a/apps/sim/app/chat/components/input/input.tsx b/apps/sim/app/chat/components/input/input.tsx
index d1742f8069e..31ba5922701 100644
--- a/apps/sim/app/chat/components/input/input.tsx
+++ b/apps/sim/app/chat/components/input/input.tsx
@@ -1,21 +1,18 @@
 'use client'
 
 import type React from 'react'
-import { useEffect, useRef, useState } from 'react'
-import { motion } from 'framer-motion'
-import { Paperclip, Send, Square, X } from 'lucide-react'
+import { useCallback, useLayoutEffect, useRef, useState } from 'react'
+import { createLogger } from '@sim/logger'
+import { ArrowUp, Mic, Paperclip, X } from 'lucide-react'
 import { Badge, Tooltip } from '@/components/emcn'
+import { cn } from '@/lib/core/utils/cn'
 import { CHAT_ACCEPT_ATTRIBUTE } from '@/lib/uploads/utils/validation'
 import { VoiceInput } from '@/app/chat/components/input/voice-input'
 
 const logger = createLogger('ChatInput')
 
-import { createLogger } from '@sim/logger'
+const MAX_TEXTAREA_HEIGHT = 200
 
-const PLACEHOLDER_MOBILE = 'Enter a message'
-const PLACEHOLDER_DESKTOP = 'Enter a message or click the mic to speak'
-const MAX_TEXTAREA_HEIGHT = 120 // Max height in pixels (e.g., for about 3-4 lines)
-const MAX_TEXTAREA_HEIGHT_MOBILE = 100 // Smaller for mobile
 const IS_STT_AVAILABLE =
   typeof window !== 'undefined' &&
   !!(
@@ -40,71 +37,26 @@ export const ChatInput: React.FC<{
   onVoiceStart?: () => void
   voiceOnly?: boolean
 }> = ({ onSubmit, isStreaming = false, onStopStreaming, onVoiceStart, voiceOnly = false }) => {
-  const wrapperRef = useRef<HTMLDivElement>(null)
-  const textareaRef = useRef<HTMLTextAreaElement>(null) // Ref for the textarea
   const fileInputRef = useRef<HTMLInputElement>(null)
-  const [isActive, setIsActive] = useState(false)
+  const textareaRef = useRef<HTMLTextAreaElement>(null)
   const [inputValue, setInputValue] = useState('')
   const [attachedFiles, setAttachedFiles] = useState<AttachedFile[]>([])
   const [uploadErrors, setUploadErrors] = useState<string[]>([])
   const [dragCounter, setDragCounter] = useState(0)
   const isDragOver = dragCounter > 0
 
-  // Function to adjust textarea height
-  const adjustTextareaHeight = () => {
-    if (textareaRef.current) {
-      const el = textareaRef.current
-      el.style.height = 'auto' // Reset height to correctly calculate scrollHeight
-      const scrollHeight = el.scrollHeight
-
-      // Use mobile height on mobile devices, desktop height on desktop
-      const isMobile = window.innerWidth < 768
-      const maxHeight = isMobile ? MAX_TEXTAREA_HEIGHT_MOBILE : MAX_TEXTAREA_HEIGHT
-
-      if (scrollHeight > maxHeight) {
-        el.style.height = `${maxHeight}px`
-        el.style.overflowY = 'auto'
-      } else {
-        el.style.height = `${scrollHeight}px`
-        el.style.overflowY = 'hidden'
-      }
-    }
-  }
-
-  // Close the input when clicking outside (only when empty)
-  useEffect(() => {
-    const handleClickOutside = (event: MouseEvent) => {
-      if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {
-        if (!inputValue) {
-          setIsActive(false)
-          if (textareaRef.current) {
-            textareaRef.current.style.height = 'auto' // Reset height
-            textareaRef.current.style.overflowY = 'hidden' // Ensure overflow is hidden
-          }
-        }
-      }
-    }
-
-    document.addEventListener('mousedown', handleClickOutside)
-    return () => document.removeEventListener('mousedown', handleClickOutside)
+  useLayoutEffect(() => {
+    const el = textareaRef.current
+    if (!el) return
+    el.style.height = 'auto'
+    el.style.height = `${Math.min(el.scrollHeight, MAX_TEXTAREA_HEIGHT)}px`
   }, [inputValue])
 
-  const handleActivate = () => {
-    setIsActive(true)
-    requestAnimationFrame(() => {
-      if (textareaRef.current) {
-        textareaRef.current.focus()
-        adjustTextareaHeight()
-      }
-    })
-  }
-
-  // Handle file selection
   const handleFileSelect = async (selectedFiles: FileList | null) => {
     if (!selectedFiles) return
 
     const newFiles: AttachedFile[] = []
-    const maxSize = 10 * 1024 * 1024 // 10MB limit
+    const maxSize = 10 * 1024 * 1024
     const maxFiles = 15
 
     for (let i = 0; i < selectedFiles.length; i++) {
@@ -112,22 +64,19 @@ export const ChatInput: React.FC<{
 
       const file = selectedFiles[i]
 
-      // Check file size
       if (file.size > maxSize) {
         setUploadErrors((prev) => [...prev, `${file.name} is too large (max 10MB)`])
         continue
       }
 
-      // Check for duplicates
       const isDuplicate = attachedFiles.some(
-        (existingFile) => existingFile.name === file.name && existingFile.size === file.size
+        (existing) => existing.name === file.name && existing.size === file.size
       )
       if (isDuplicate) {
         setUploadErrors((prev) => [...prev, `${file.name} already added`])
         continue
       }
 
-      // Read file as data URL if it's an image
       let dataUrl: string | undefined
       if (file.type.startsWith('image/')) {
         try {
@@ -153,50 +102,54 @@ export const ChatInput: React.FC<{
     }
 
     if (newFiles.length > 0) {
-      setAttachedFiles([...attachedFiles, ...newFiles])
-      setUploadErrors([]) // Clear errors when files are successfully added
+      setAttachedFiles((prev) => [...prev, ...newFiles])
+      setUploadErrors([])
     }
   }
 
-  const handleRemoveFile = (fileId: string) => {
-    setAttachedFiles(attachedFiles.filter((f) => f.id !== fileId))
-  }
+  const handleRemoveFile = useCallback((fileId: string) => {
+    setAttachedFiles((prev) => prev.filter((f) => f.id !== fileId))
+  }, [])
 
-  const handleSubmit = () => {
+  const handleSubmit = useCallback(() => {
     if (isStreaming) return
     if (!inputValue.trim() && attachedFiles.length === 0) return
-    onSubmit?.(inputValue.trim(), false, attachedFiles) // false = not voice input
+    onSubmit?.(inputValue.trim(), false, attachedFiles)
     setInputValue('')
     setAttachedFiles([])
-    setUploadErrors([]) // Clear errors when sending message
-    if (textareaRef.current) {
-      textareaRef.current.style.height = 'auto' // Reset height after submit
-      textareaRef.current.style.overflowY = 'hidden' // Ensure overflow is hidden
-    }
-    setIsActive(false)
-  }
+    setUploadErrors([])
+  }, [isStreaming, inputValue, attachedFiles, onSubmit])
+
+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
+      if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {
+        e.preventDefault()
+        handleSubmit()
+      }
+    },
+    [handleSubmit]
+  )
 
-  const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    setInputValue(e.target.value)
-    adjustTextareaHeight()
-  }
+  const handleContainerClick = useCallback((e: React.MouseEvent<HTMLDivElement>) => {
+    if ((e.target as HTMLElement).closest('button')) return
+    textareaRef.current?.focus()
+  }, [])
 
-  // Handle voice start with smooth transition to voice-first mode
-  const handleVoiceStart = () => {
-    onVoiceStart?.() // This will trigger the voice-first mode transition
-  }
+  const canSubmit = (inputValue.trim().length > 0 || attachedFiles.length > 0) && !isStreaming
 
-  // Voice-only mode interface (for voice-first UI)
   if (voiceOnly) {
     return (
       <Tooltip.Provider>
         <div className='flex items-center justify-center'>
-          {/* Voice Input Only */}
           {IS_STT_AVAILABLE && (
             <Tooltip.Root>
               <Tooltip.Trigger asChild>
                 <div>
-                  <VoiceInput onVoiceStart={handleVoiceStart} disabled={isStreaming} large={true} />
+                  <VoiceInput
+                    onVoiceStart={onVoiceStart ?? (() => {})}
+                    disabled={isStreaming}
+                    large={true}
+                  />
                 </div>
               </Tooltip.Trigger>
               <Tooltip.Content side='top'>
@@ -211,8 +164,8 @@ export const ChatInput: React.FC<{
 
   return (
     <Tooltip.Provider>
-      <div className='fixed right-0 bottom-0 left-0 flex w-full items-center justify-center bg-gradient-to-t from-white to-transparent px-4 pb-4 text-black md:px-0 md:pb-4'>
-        <div ref={wrapperRef} className='w-full max-w-3xl md:max-w-[748px]'>
+      <div className='fixed right-0 bottom-0 left-0 flex w-full items-center justify-center bg-gradient-to-t from-[var(--landing-bg)] to-transparent px-4 pb-4 md:px-0 md:pb-4'>
+        <div className='w-full max-w-3xl md:max-w-[748px]'>
           {/* Error Messages */}
           {uploadErrors.length > 0 && (
             <div className='mb-3 flex flex-col gap-2'>
@@ -224,30 +177,22 @@ export const ChatInput: React.FC<{
             </div>
           )}
 
-          {/* Text Input Area with Controls */}
-          <motion.div
-            className={`rounded-2xl border shadow-sm transition-all duration-200 md:rounded-3xl ${
-              isDragOver
-                ? 'border-purple-500 bg-purple-50/50 dark:border-purple-500 dark:bg-purple-950/20'
-                : 'border-gray-200 bg-white'
-            }`}
-            onClick={handleActivate}
-            initial={{ opacity: 0, y: 10 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.2 }}
+          {/* Input container */}
+          <div
+            onClick={handleContainerClick}
+            className={cn(
+              'relative z-10 cursor-text rounded-[20px] border border-[var(--border-1)] bg-[var(--landing-bg-elevated)] px-2.5 py-2',
+              isDragOver && 'border-purple-500'
+            )}
             onDragEnter={(e) => {
               e.preventDefault()
               e.stopPropagation()
-              if (!isStreaming) {
-                setDragCounter((prev) => prev + 1)
-              }
+              if (!isStreaming) setDragCounter((prev) => prev + 1)
             }}
             onDragOver={(e) => {
               e.preventDefault()
               e.stopPropagation()
-              if (!isStreaming) {
-                e.dataTransfer.dropEffect = 'copy'
-              }
+              if (!isStreaming) e.dataTransfer.dropEffect = 'copy'
             }}
             onDragLeave={(e) => {
               e.preventDefault()
@@ -258,196 +203,151 @@ export const ChatInput: React.FC<{
               e.preventDefault()
               e.stopPropagation()
               setDragCounter(0)
-              if (!isStreaming) {
-                handleFileSelect(e.dataTransfer.files)
-              }
+              if (!isStreaming) handleFileSelect(e.dataTransfer.files)
             }}
           >
-            {/* File Previews */}
+            {/* File thumbnails */}
             {attachedFiles.length > 0 && (
-              <div className='mb-2 flex max-h-[160px] flex-wrap gap-2 overflow-y-auto px-3 pt-3 md:px-4'>
-                {attachedFiles.map((file) => {
-                  const formatFileSize = (bytes: number) => {
-                    if (bytes === 0) return '0 B'
-                    const k = 1024
-                    const sizes = ['B', 'KB', 'MB', 'GB']
-                    const i = Math.floor(Math.log(bytes) / Math.log(k))
-                    return `${Math.round((bytes / k ** i) * 10) / 10} ${sizes[i]}`
-                  }
-
-                  return (
-                    <div
-                      key={file.id}
-                      className={`group relative overflow-hidden rounded-lg border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800 ${
-                        file.dataUrl
-                          ? 'h-16 w-16 md:h-20 md:w-20'
-                          : 'flex h-16 min-w-[120px] max-w-[200px] items-center gap-2 px-2 md:h-20 md:min-w-[140px] md:max-w-[220px] md:px-3'
-                      }`}
-                      title=''
-                    >
-                      {file.dataUrl ? (
-                        <img
-                          src={file.dataUrl}
-                          alt={file.name}
-                          className='h-full w-full object-cover'
-                        />
-                      ) : (
-                        <>
-                          <div className='flex h-8 w-8 flex-shrink-0 items-center justify-center rounded bg-gray-100 md:h-10 md:w-10 dark:bg-gray-700'>
-                            <Paperclip
-                              size={16}
-                              className='text-gray-500 md:h-5 md:w-5 dark:text-gray-400'
-                            />
+              <div className='mb-1.5 flex flex-wrap gap-1.5'>
+                {attachedFiles.map((file) => (
+                  <Tooltip.Root key={file.id}>
+                    <Tooltip.Trigger asChild>
+                      <div className='group relative h-[56px] w-[56px] flex-shrink-0 cursor-pointer overflow-hidden rounded-[8px] border border-[var(--border-1)] bg-[var(--landing-bg)]'>
+                        {file.dataUrl ? (
+                          <img
+                            src={file.dataUrl}
+                            alt={file.name}
+                            className='h-full w-full object-cover'
+                          />
+                        ) : (
+                          <div className='flex h-full w-full flex-col items-center justify-center gap-0.5 text-[var(--landing-text-muted)]'>
+                            <Paperclip className='h-[18px] w-[18px]' />
+                            <span className='max-w-[48px] truncate px-[2px] text-[9px]'>
+                              {file.name.split('.').pop()}
+                            </span>
                           </div>
-                          <div className='min-w-0 flex-1'>
-                            <div className='truncate font-medium text-gray-800 text-xs dark:text-gray-200'>
-                              {file.name}
-                            </div>
-                            <div className='text-gray-500 text-micro dark:text-gray-400'>
-                              {formatFileSize(file.size)}
-                            </div>
-                          </div>
-                        </>
-                      )}
-                      <button
-                        type='button'
-                        onClick={() => handleRemoveFile(file.id)}
-                        className='absolute top-1 right-1 rounded-full bg-gray-800/80 p-1 text-white opacity-0 transition-opacity hover:bg-gray-800/80 hover:text-white group-hover:opacity-100 dark:bg-black/70 dark:hover:bg-black/70 dark:hover:text-white'
-                      >
-                        <X size={12} />
-                      </button>
-                    </div>
-                  )
-                })}
-              </div>
-            )}
-
-            <div className='flex items-center gap-2 p-3 md:p-4'>
-              {/* Paperclip Button */}
-              <Tooltip.Root>
-                <Tooltip.Trigger asChild>
-                  <button
-                    type='button'
-                    onClick={() => fileInputRef.current?.click()}
-                    disabled={isStreaming || attachedFiles.length >= 15}
-                    className='flex items-center justify-center rounded-full p-1.5 text-gray-600 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50 md:p-2'
-                  >
-                    <Paperclip size={16} className='md:h-5 md:w-5' />
-                  </button>
-                </Tooltip.Trigger>
-                <Tooltip.Content side='top'>
-                  <p>Attach files</p>
-                </Tooltip.Content>
-              </Tooltip.Root>
-
-              {/* Hidden file input */}
-              <input
-                ref={fileInputRef}
-                type='file'
-                multiple
-                accept={CHAT_ACCEPT_ATTRIBUTE}
-                onChange={(e) => {
-                  handleFileSelect(e.target.files)
-                  if (fileInputRef.current) {
-                    fileInputRef.current.value = ''
-                  }
-                }}
-                className='hidden'
-                disabled={isStreaming}
-              />
-
-              {/* Text Input Container */}
-              <div className='relative flex-1'>
-                <textarea
-                  ref={textareaRef}
-                  value={inputValue}
-                  onChange={handleInputChange}
-                  className='flex w-full resize-none items-center overflow-hidden bg-transparent text-base outline-none placeholder:text-gray-400 md:font-[330]'
-                  placeholder={isDragOver ? 'Drop files here...' : isActive ? '' : ''}
-                  rows={1}
-                  style={{
-                    minHeight: window.innerWidth >= 768 ? '24px' : '28px',
-                    lineHeight: '1.4',
-                    paddingTop: window.innerWidth >= 768 ? '4px' : '3px',
-                    paddingBottom: window.innerWidth >= 768 ? '4px' : '3px',
-                  }}
-                  onKeyDown={(e) => {
-                    if (e.key === 'Enter' && !e.shiftKey) {
-                      e.preventDefault()
-                      handleSubmit()
-                    }
-                  }}
-                />
-
-                {/* Placeholder */}
-                <div className='pointer-events-none absolute top-0 left-0 flex h-full w-full items-center'>
-                  {!isActive && !inputValue && (
-                    <>
-                      {/* Mobile placeholder */}
-                      <div
-                        className='-translate-y-1/2 absolute top-1/2 left-0 transform select-none text-base text-gray-400 md:hidden'
-                        style={{ paddingTop: '3px', paddingBottom: '3px' }}
-                      >
-                        {isDragOver ? 'Drop files here...' : PLACEHOLDER_MOBILE}
+                        )}
+                        <button
+                          type='button'
+                          onClick={(e) => {
+                            e.stopPropagation()
+                            handleRemoveFile(file.id)
+                          }}
+                          className='absolute top-[2px] right-[2px] flex h-[16px] w-[16px] items-center justify-center rounded-full bg-black/60 opacity-0 group-hover:opacity-100'
+                        >
+                          <X className='h-[10px] w-[10px] text-white' />
+                        </button>
                       </div>
-                      {/* Desktop placeholder */}
-                      <div
-                        className='-translate-y-1/2 absolute top-1/2 left-0 hidden transform select-none font-[330] text-base text-gray-400 md:block'
-                        style={{ paddingTop: '4px', paddingBottom: '4px' }}
-                      >
-                        {isDragOver ? 'Drop files here...' : PLACEHOLDER_DESKTOP}
-                      </div>
-                    </>
-                  )}
-                </div>
+                    </Tooltip.Trigger>
+                    <Tooltip.Content side='top'>
+                      <p className='max-w-[200px] truncate'>{file.name}</p>
+                    </Tooltip.Content>
+                  </Tooltip.Root>
+                ))}
               </div>
+            )}
 
-              {/* Voice Input */}
-              {IS_STT_AVAILABLE && (
+            {/* Textarea */}
+            <textarea
+              ref={textareaRef}
+              value={inputValue}
+              onChange={(e) => setInputValue(e.target.value)}
+              onKeyDown={handleKeyDown}
+              placeholder={isDragOver ? 'Drop files here...' : 'Enter a message...'}
+              rows={1}
+              className='m-0 h-auto min-h-[24px] w-full resize-none overflow-y-auto overflow-x-hidden border-0 bg-transparent px-1 py-1 text-[15px] text-[var(--landing-text)] leading-[24px] caret-[var(--landing-text)] outline-none [-ms-overflow-style:none] [scrollbar-width:none] placeholder:text-[var(--landing-text-muted)] focus-visible:ring-0 focus-visible:ring-offset-0 [&::-webkit-scrollbar]:hidden'
+            />
+
+            {/* Bottom row */}
+            <div className='flex items-center justify-between'>
+              {/* Left: attach */}
+              <div>
                 <Tooltip.Root>
                   <Tooltip.Trigger asChild>
-                    <div>
-                      <VoiceInput onVoiceStart={handleVoiceStart} disabled={isStreaming} minimal />
-                    </div>
+                    <button
+                      type='button'
+                      onClick={() => fileInputRef.current?.click()}
+                      disabled={isStreaming || attachedFiles.length >= 15}
+                      className='flex h-[28px] w-[28px] items-center justify-center rounded-full text-[var(--landing-text-muted)] transition-colors hover:bg-[#F7F7F7] disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-[#303030]'
+                    >
+                      <Paperclip className='h-[16px] w-[16px]' strokeWidth={2} />
+                    </button>
                   </Tooltip.Trigger>
                   <Tooltip.Content side='top'>
-                    <p>Start voice conversation</p>
+                    <p>Attach files</p>
                   </Tooltip.Content>
                 </Tooltip.Root>
-              )}
 
-              {/* Send Button */}
-              <button
-                className={`flex items-center justify-center rounded-full p-1.5 text-white transition-colors md:p-2 ${
-                  inputValue.trim() || attachedFiles.length > 0
-                    ? 'bg-black hover:bg-zinc-700'
-                    : 'cursor-default bg-gray-300 hover:bg-gray-400'
-                }`}
-                title={isStreaming ? 'Stop' : 'Send'}
-                type='button'
-                onClick={(e) => {
-                  e.stopPropagation()
-                  if (isStreaming) {
-                    onStopStreaming?.()
-                  } else {
-                    handleSubmit()
-                  }
-                }}
-              >
+                <input
+                  ref={fileInputRef}
+                  type='file'
+                  multiple
+                  accept={CHAT_ACCEPT_ATTRIBUTE}
+                  onChange={(e) => {
+                    handleFileSelect(e.target.files)
+                    if (fileInputRef.current) fileInputRef.current.value = ''
+                  }}
+                  className='hidden'
+                  disabled={isStreaming}
+                />
+              </div>
+
+              {/* Right: mic + send */}
+              <div className='flex items-center gap-1.5'>
+                {IS_STT_AVAILABLE && (
+                  <Tooltip.Root>
+                    <Tooltip.Trigger asChild>
+                      <button
+                        type='button'
+                        onClick={onVoiceStart}
+                        disabled={isStreaming}
+                        className='flex h-[28px] w-[28px] items-center justify-center rounded-full text-[var(--landing-text-muted)] transition-colors hover:bg-[#F7F7F7] disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-[#303030]'
+                      >
+                        <Mic className='h-[16px] w-[16px]' strokeWidth={2} />
+                      </button>
+                    </Tooltip.Trigger>
+                    <Tooltip.Content side='top'>
+                      <p>Start voice conversation</p>
+                    </Tooltip.Content>
+                  </Tooltip.Root>
+                )}
+
                 {isStreaming ? (
-                  <>
-                    <Square size={16} className='md:hidden' />
-                    <Square size={18} className='hidden md:block' />
-                  </>
+                  <button
+                    type='button'
+                    onClick={onStopStreaming}
+                    className='flex h-[28px] w-[28px] items-center justify-center rounded-full border-0 bg-[#383838] p-0 transition-colors hover:bg-[#575757] dark:bg-[#E0E0E0] dark:hover:bg-[#CFCFCF]'
+                    title='Stop generation'
+                  >
+                    <svg
+                      className='block h-[14px] w-[14px] fill-white dark:fill-black'
+                      viewBox='0 0 24 24'
+                      xmlns='http://www.w3.org/2000/svg'
+                    >
+                      <rect x='4' y='4' width='16' height='16' rx='3' ry='3' />
+                    </svg>
+                  </button>
                 ) : (
-                  <>
-                    <Send size={16} className='md:hidden' />
-                    <Send size={18} className='hidden md:block' />
-                  </>
+                  <button
+                    type='button'
+                    onClick={handleSubmit}
+                    disabled={!canSubmit}
+                    className={cn(
+                      'flex h-[28px] w-[28px] items-center justify-center rounded-full border-0 p-0 transition-colors',
+                      canSubmit
+                        ? 'bg-[#383838] hover:bg-[#575757] dark:bg-[#E0E0E0] dark:hover:bg-[#CFCFCF]'
+                        : 'bg-[#808080] dark:bg-[#808080]'
+                    )}
+                  >
+                    <ArrowUp
+                      className='block h-[16px] w-[16px] text-white dark:text-black'
+                      strokeWidth={2.25}
+                    />
+                  </button>
                 )}
-              </button>
+              </div>
             </div>
-          </motion.div>
+          </div>
         </div>
       </div>
     </Tooltip.Provider>
diff --git a/apps/sim/app/chat/components/loading-state/loading-state.tsx b/apps/sim/app/chat/components/loading-state/loading-state.tsx
index 814f626b81d..146aa8680c4 100644
--- a/apps/sim/app/chat/components/loading-state/loading-state.tsx
+++ b/apps/sim/app/chat/components/loading-state/loading-state.tsx
@@ -2,8 +2,8 @@ import { Skeleton } from '@/components/emcn'
 
 export function ChatLoadingState() {
   return (
-    <div className='bg-white'>
-      <div className='flex min-h-[calc(100vh-120px)] items-center justify-center px-4'>
+    <div className='dark fixed inset-0 z-[100] flex flex-col bg-[var(--landing-bg)]'>
+      <div className='flex flex-1 items-center justify-center px-4'>
         <div className='w-full max-w-[410px]'>
           <div className='flex flex-col items-center justify-center'>
             {/* Title skeleton */}
@@ -12,7 +12,7 @@ export function ChatLoadingState() {
               <Skeleton className='mx-auto h-4 w-48' />
             </div>
 
-            {/* Form skeleton */}
+            {/* Chat skeleton */}
             <div className='mt-8 w-full space-y-8'>
               <div className='space-y-2'>
                 <Skeleton className='h-4 w-16' />
diff --git a/apps/sim/app/chat/components/message-container/message-container.tsx b/apps/sim/app/chat/components/message-container/message-container.tsx
index df7d5e751ce..13c7d743d0f 100644
--- a/apps/sim/app/chat/components/message-container/message-container.tsx
+++ b/apps/sim/app/chat/components/message-container/message-container.tsx
@@ -29,7 +29,7 @@ export const ChatMessageContainer = memo(function ChatMessageContainer({
   chatConfig,
 }: ChatMessageContainerProps) {
   return (
-    <div className='relative flex flex-1 flex-col overflow-hidden bg-white'>
+    <div className='relative flex flex-1 flex-col overflow-hidden'>
       {/* Scrollable Messages Area */}
       <div
         ref={messagesContainerRef}
@@ -39,8 +39,10 @@ export const ChatMessageContainer = memo(function ChatMessageContainer({
           {messages.length === 0 ? (
             <div className='flex flex-col items-center justify-center py-10'>
               <div className='space-y-2 text-center'>
-                <h3 className='font-medium text-lg'>How can I help you today?</h3>
-                <p className='text-muted-foreground text-sm'>
+                <h3 className='font-medium text-[var(--landing-text)] text-lg'>
+                  How can I help you today?
+                </h3>
+                <p className='text-[var(--landing-text-muted)] text-sm'>
                   {chatConfig?.description || 'Ask me anything.'}
                 </p>
               </div>
@@ -56,7 +58,7 @@ export const ChatMessageContainer = memo(function ChatMessageContainer({
                 <div className='flex'>
                   <div className='max-w-[80%]'>
                     <div className='flex h-6 items-center'>
-                      <div className='loading-dot h-3 w-3 rounded-full bg-gray-800 dark:bg-gray-300' />
+                      <div className='loading-dot h-3 w-3 rounded-full bg-[var(--landing-text)]' />
                     </div>
                   </div>
                 </div>
@@ -76,7 +78,7 @@ export const ChatMessageContainer = memo(function ChatMessageContainer({
             onClick={scrollToBottom}
             size='sm'
             variant='outline'
-            className='flex items-center gap-1 rounded-full border border-gray-200 bg-white px-3 py-1 shadow-lg transition-all hover:bg-gray-50'
+            className='flex items-center gap-1 rounded-full border border-[var(--border-1)] bg-[var(--landing-bg-elevated)] px-3 py-1 shadow-lg transition-all hover:opacity-80'
           >
             <ArrowDown className='h-3.5 w-3.5' />
             <span className='sr-only'>Scroll to bottom</span>
diff --git a/apps/sim/app/chat/components/message/components/file-download.tsx b/apps/sim/app/chat/components/message/components/file-download.tsx
index 23f1e31c8fd..8bd501bc69c 100644
--- a/apps/sim/app/chat/components/message/components/file-download.tsx
+++ b/apps/sim/app/chat/components/message/components/file-download.tsx
@@ -119,7 +119,9 @@ export function ChatFileDownload({ file }: ChatFileDownloadProps) {
       <div className='flex h-8 w-8 flex-shrink-0 items-center justify-center'>{renderIcon()}</div>
       <div className='min-w-0 flex-1 text-left'>
         <div className='w-[100px] truncate text-xs'>{file.name}</div>
-        <div className='text-[var(--text-muted)] text-micro'>{formatFileSize(file.size)}</div>
+        <div className='text-[var(--landing-text-muted)] text-micro'>
+          {formatFileSize(file.size)}
+        </div>
       </div>
       <div className='flex-shrink-0'>
         {isDownloading ? (
@@ -170,7 +172,7 @@ export function ChatFileDownloadAll({ files }: ChatFileDownloadAllProps) {
     <button
       onClick={handleDownloadAll}
       disabled={isDownloading}
-      className='text-muted-foreground transition-colors hover:bg-muted disabled:opacity-50'
+      className='text-[var(--landing-text-muted)] transition-colors hover:bg-[var(--landing-bg-elevated)] disabled:opacity-50'
     >
       {isDownloading ? (
         <Loader2 className='h-3 w-3 animate-spin' strokeWidth={2} />
diff --git a/apps/sim/app/chat/components/message/components/markdown-renderer.tsx b/apps/sim/app/chat/components/message/components/markdown-renderer.tsx
index c0152c53b2a..88a34da84e8 100644
--- a/apps/sim/app/chat/components/message/components/markdown-renderer.tsx
+++ b/apps/sim/app/chat/components/message/components/markdown-renderer.tsx
@@ -208,7 +208,7 @@ const MarkdownRenderer = memo(function MarkdownRenderer({
   const processedContent = content.trim()
 
   return (
-    <div className='space-y-4 break-words font-sans text-[var(--text-primary)] text-base leading-relaxed dark:text-gray-100'>
+    <div className='space-y-4 break-words font-sans text-[var(--landing-text)] text-base leading-relaxed'>
       <ReactMarkdown remarkPlugins={REMARK_PLUGINS} components={components}>
         {processedContent}
       </ReactMarkdown>
diff --git a/apps/sim/app/chat/components/message/message.tsx b/apps/sim/app/chat/components/message/message.tsx
index e4fac1eca7d..9d02cbbcb29 100644
--- a/apps/sim/app/chat/components/message/message.tsx
+++ b/apps/sim/app/chat/components/message/message.tsx
@@ -67,18 +67,18 @@ export const ClientChatMessage = memo(
                     const getFileIcon = (type: string) => {
                       if (type.includes('pdf'))
                         return (
-                          <FileText className='h-5 w-5 text-gray-500 md:h-6 md:w-6 dark:text-gray-400' />
+                          <FileText className='h-5 w-5 text-[var(--landing-text-muted)] md:h-6 md:w-6' />
                         )
                       if (type.startsWith('image/'))
                         return (
-                          <ImageIcon className='h-5 w-5 text-gray-500 md:h-6 md:w-6 dark:text-gray-400' />
+                          <ImageIcon className='h-5 w-5 text-[var(--landing-text-muted)] md:h-6 md:w-6' />
                         )
                       if (type.includes('text') || type.includes('json'))
                         return (
-                          <FileText className='h-5 w-5 text-gray-500 md:h-6 md:w-6 dark:text-gray-400' />
+                          <FileText className='h-5 w-5 text-[var(--landing-text-muted)] md:h-6 md:w-6' />
                         )
                       return (
-                        <FileIcon className='h-5 w-5 text-gray-500 md:h-6 md:w-6 dark:text-gray-400' />
+                        <FileIcon className='h-5 w-5 text-[var(--landing-text-muted)] md:h-6 md:w-6' />
                       )
                     }
                     const formatFileSize = (bytes?: number) => {
@@ -92,7 +92,7 @@ export const ClientChatMessage = memo(
                     return (
                       <div
                         key={attachment.id}
-                        className={`relative overflow-hidden rounded-2xl border border-gray-200 bg-gray-50 dark:border-gray-700 dark:bg-gray-800 ${
+                        className={`relative overflow-hidden rounded-2xl border border-[var(--border-1)] bg-[var(--landing-bg-elevated)] ${
                           attachment.dataUrl?.trim() && attachment.dataUrl.startsWith('data:')
                             ? 'cursor-pointer'
                             : ''
@@ -138,15 +138,15 @@ export const ClientChatMessage = memo(
                           />
                         ) : (
                           <>
-                            <div className='flex h-10 w-10 flex-shrink-0 items-center justify-center rounded bg-gray-100 md:h-12 md:w-12 dark:bg-gray-700'>
+                            <div className='flex h-10 w-10 flex-shrink-0 items-center justify-center rounded bg-[var(--landing-bg)] md:h-12 md:w-12'>
                               {getFileIcon(attachment.type)}
                             </div>
                             <div className='min-w-0 flex-1'>
-                              <div className='truncate font-medium text-gray-800 text-xs md:text-sm dark:text-gray-200'>
+                              <div className='truncate font-medium text-[var(--landing-text)] text-xs md:text-sm'>
                                 {attachment.name}
                               </div>
                               {attachment.size && (
-                                <div className='text-gray-500 text-micro md:text-xs dark:text-gray-400'>
+                                <div className='text-[var(--landing-text-muted)] text-micro md:text-xs'>
                                   {formatFileSize(attachment.size)}
                                 </div>
                               )}
@@ -163,8 +163,8 @@ export const ClientChatMessage = memo(
             {/* Only render message bubble if there's actual text content (not just file count message) */}
             {message.content && !String(message.content).startsWith('Sent') && (
               <div className='flex justify-end'>
-                <div className='max-w-[80%] rounded-3xl bg-[var(--surface-4)] px-4 py-3 dark:bg-gray-600'>
-                  <div className='whitespace-pre-wrap break-words text-base text-gray-800 leading-relaxed dark:text-gray-100'>
+                <div className='max-w-[80%] rounded-3xl bg-[var(--landing-bg-elevated)] px-4 py-3'>
+                  <div className='whitespace-pre-wrap break-words text-[var(--landing-text)] text-base leading-relaxed'>
                     {isJsonObject ? (
                       <pre>{JSON.stringify(message.content, null, 2)}</pre>
                     ) : (
@@ -184,7 +184,7 @@ export const ClientChatMessage = memo(
               <div>
                 <div className='break-words text-base'>
                   {isJsonObject ? (
-                    <pre className='text-gray-800 dark:text-gray-100'>
+                    <pre className='text-[var(--landing-text)]'>
                       {JSON.stringify(cleanTextContent, null, 2)}
                     </pre>
                   ) : (
@@ -206,7 +206,7 @@ export const ClientChatMessage = memo(
                     <Tooltip.Root delayDuration={300}>
                       <Tooltip.Trigger asChild>
                         <button
-                          className='text-muted-foreground transition-colors hover:bg-muted'
+                          className='text-[var(--landing-text-muted)] transition-colors hover:bg-[var(--landing-bg-elevated)]'
                           onClick={() => {
                             const contentToCopy =
                               typeof cleanTextContent === 'string'
diff --git a/apps/sim/app/chat/components/voice-interface/voice-interface.tsx b/apps/sim/app/chat/components/voice-interface/voice-interface.tsx
index fa9fd90984b..f056dd46d5c 100644
--- a/apps/sim/app/chat/components/voice-interface/voice-interface.tsx
+++ b/apps/sim/app/chat/components/voice-interface/voice-interface.tsx
@@ -493,7 +493,12 @@ export function VoiceInterface({
   }
 
   return (
-    <div className={cn('fixed inset-0 z-[100] flex flex-col bg-white text-gray-900', className)}>
+    <div
+      className={cn(
+        'dark fixed inset-0 z-[100] flex flex-col bg-[var(--landing-bg)] text-[var(--landing-text)]',
+        className
+      )}
+    >
       <div className='flex flex-1 flex-col items-center justify-center px-8'>
         <div className='relative mb-16'>
           <ParticlesVisualization
@@ -509,16 +514,18 @@ export function VoiceInterface({
         <div className='mb-16 flex h-24 items-center justify-center'>
           {currentTranscript && (
             <div className='max-w-2xl px-8'>
-              <p className='overflow-hidden text-center text-gray-700 text-xl leading-relaxed'>
+              <p className='overflow-hidden text-center text-[var(--landing-text)] text-xl leading-relaxed'>
                 {currentTranscript}
               </p>
             </div>
           )}
         </div>
 
-        <p className='mb-8 text-center text-gray-600 text-lg'>
+        <p className='mb-8 text-center text-[var(--landing-text-muted)] text-lg'>
           {getStatusText()}
-          {isMuted && <span className='ml-2 text-gray-400 text-sm'>(Muted)</span>}
+          {isMuted && (
+            <span className='ml-2 text-[var(--landing-text-muted)] text-sm'>(Muted)</span>
+          )}
         </p>
       </div>
 
@@ -528,7 +535,7 @@ export function VoiceInterface({
             onClick={handleCallEnd}
             variant='outline'
             size='icon'
-            className='h-14 w-14 rounded-full border-gray-300 hover:bg-gray-50'
+            className='h-14 w-14 rounded-full border-[var(--border-1)] hover:bg-[var(--landing-bg-elevated)]'
           >
             <Phone className='h-6 w-6 rotate-[135deg]' />
           </Button>
@@ -539,8 +546,8 @@ export function VoiceInterface({
             size='icon'
             disabled={!isInitialized}
             className={cn(
-              'h-14 w-14 rounded-full border-gray-300 bg-transparent hover:bg-gray-50',
-              isMuted ? 'text-gray-400' : 'text-gray-600'
+              'h-14 w-14 rounded-full border-[var(--border-1)] bg-transparent hover:bg-[var(--landing-bg-elevated)]',
+              isMuted ? 'text-[var(--landing-text-muted)]' : 'text-[var(--landing-text)]'
             )}
           >
             {getButtonContent()}
diff --git a/apps/sim/app/form/[identifier]/components/error-state.tsx b/apps/sim/app/form/[identifier]/components/error-state.tsx
index e9c27f608bc..15bddc07003 100644
--- a/apps/sim/app/form/[identifier]/components/error-state.tsx
+++ b/apps/sim/app/form/[identifier]/components/error-state.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import { useRouter } from 'next/navigation'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
 import { StatusPageLayout } from '@/app/(auth)/components/status-page-layout'
 
 interface FormErrorStateProps {
@@ -13,7 +12,12 @@ export function FormErrorState({ error }: FormErrorStateProps) {
 
   return (
     <StatusPageLayout title='Form Unavailable' description={error}>
-      <BrandedButton onClick={() => router.push('/workspace')}>Return to Workspace</BrandedButton>
+      <button
+        onClick={() => router.push('/workspace')}
+        className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
+      >
+        Return to Workspace
+      </button>
     </StatusPageLayout>
   )
 }
diff --git a/apps/sim/app/form/[identifier]/components/loading-state.tsx b/apps/sim/app/form/[identifier]/components/loading-state.tsx
index e64b77b0f17..83a18fb9672 100644
--- a/apps/sim/app/form/[identifier]/components/loading-state.tsx
+++ b/apps/sim/app/form/[identifier]/components/loading-state.tsx
@@ -1,10 +1,14 @@
 import { Skeleton } from '@/components/emcn'
 import AuthBackground from '@/app/(auth)/components/auth-background'
+import Navbar from '@/app/(home)/components/navbar/navbar'
 
 export function FormLoadingState() {
   return (
-    <AuthBackground>
-      <main className='relative flex min-h-screen flex-col text-foreground'>
+    <AuthBackground className='dark font-[430] font-season'>
+      <main className='relative flex min-h-full flex-col text-[var(--landing-text)]'>
+        <header className='shrink-0 bg-[var(--landing-bg)]'>
+          <Navbar logoOnly />
+        </header>
         <div className='relative z-30 flex flex-1 items-center justify-center px-4 pb-24'>
           <div className='w-full max-w-[410px]'>
             <div className='flex flex-col items-center justify-center'>
diff --git a/apps/sim/app/form/[identifier]/components/password-auth.tsx b/apps/sim/app/form/[identifier]/components/password-auth.tsx
index f18f3b38923..ecd0ec9d9fb 100644
--- a/apps/sim/app/form/[identifier]/components/password-auth.tsx
+++ b/apps/sim/app/form/[identifier]/components/password-auth.tsx
@@ -1,11 +1,10 @@
 'use client'
 
 import { useState } from 'react'
-import { Eye, EyeOff } from 'lucide-react'
+import { Eye, EyeOff, Loader2 } from 'lucide-react'
 import { Input, Label } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
 import AuthBackground from '@/app/(auth)/components/auth-background'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
 import { SupportFooter } from '@/app/(auth)/components/support-footer'
 import Navbar from '@/app/(home)/components/navbar/navbar'
 
@@ -33,7 +32,7 @@ export function PasswordAuth({ onSubmit, error }: PasswordAuthProps) {
 
   return (
     <AuthBackground className='dark font-[430] font-season'>
-      <main className='relative flex min-h-screen flex-col text-[var(--landing-text)]'>
+      <main className='relative flex min-h-full flex-col text-[var(--landing-text)]'>
         <header className='shrink-0 bg-[var(--landing-bg)]'>
           <Navbar logoOnly />
         </header>
@@ -41,10 +40,10 @@ export function PasswordAuth({ onSubmit, error }: PasswordAuthProps) {
           <div className='w-full max-w-lg px-4'>
             <div className='flex flex-col items-center justify-center'>
               <div className='space-y-1 text-center'>
-                <h1 className='font-[500] text-[32px] text-[var(--landing-text)] tracking-tight'>
+                <h1 className='text-balance font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
                   Password Required
                 </h1>
-                <p className='font-[380] text-[var(--text-subtle)] text-md'>
+                <p className='font-[430] font-season text-[color-mix(in_srgb,var(--landing-text-subtle)_60%,transparent)] text-lg leading-[125%] tracking-[0.02em]'>
                   Enter the password to access this form.
                 </p>
               </div>
@@ -65,7 +64,7 @@ export function PasswordAuth({ onSubmit, error }: PasswordAuthProps) {
                     <button
                       type='button'
                       onClick={() => setShowPassword(!showPassword)}
-                      className='-translate-y-1/2 absolute top-1/2 right-3 text-[var(--text-subtle)] hover:text-[var(--landing-text)]'
+                      className='-translate-y-1/2 absolute top-1/2 right-3 text-[var(--landing-text-muted)] hover:text-[var(--landing-text)]'
                     >
                       {showPassword ? <EyeOff className='h-4 w-4' /> : <Eye className='h-4 w-4' />}
                     </button>
@@ -73,14 +72,20 @@ export function PasswordAuth({ onSubmit, error }: PasswordAuthProps) {
                   {error && <p className='text-red-500 text-sm'>{error}</p>}
                 </div>
 
-                <BrandedButton
+                <button
                   type='submit'
-                  disabled={!password.trim()}
-                  loading={isSubmitting}
-                  loadingText='Verifying'
+                  disabled={!password.trim() || isSubmitting}
+                  className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
                 >
-                  Continue
-                </BrandedButton>
+                  {isSubmitting ? (
+                    <span className='flex items-center gap-2'>
+                      <Loader2 className='h-4 w-4 animate-spin' />
+                      Verifying...
+                    </span>
+                  ) : (
+                    'Continue'
+                  )}
+                </button>
               </form>
             </div>
           </div>
diff --git a/apps/sim/app/form/[identifier]/components/powered-by-sim.tsx b/apps/sim/app/form/[identifier]/components/powered-by-sim.tsx
index 339c24e4d2d..3ce11b36889 100644
--- a/apps/sim/app/form/[identifier]/components/powered-by-sim.tsx
+++ b/apps/sim/app/form/[identifier]/components/powered-by-sim.tsx
@@ -9,7 +9,7 @@ export function PoweredBySim() {
   return (
     <div
       className={
-        'fixed right-0 bottom-0 left-0 z-50 pb-8 text-center font-[340] text-[var(--text-subtle)] text-small leading-relaxed'
+        'fixed right-0 bottom-0 left-0 z-50 pb-8 text-center font-[340] text-[var(--landing-text-muted)] text-small leading-relaxed'
       }
     >
       <a
diff --git a/apps/sim/app/form/[identifier]/components/thank-you-screen.tsx b/apps/sim/app/form/[identifier]/components/thank-you-screen.tsx
index 773995011e4..5a792456e25 100644
--- a/apps/sim/app/form/[identifier]/components/thank-you-screen.tsx
+++ b/apps/sim/app/form/[identifier]/components/thank-you-screen.tsx
@@ -32,7 +32,9 @@ export function ThankYouScreen({ title, message, primaryColor }: ThankYouScreenP
         >
           {title}
         </h2>
-        <p className={'mt-3 max-w-md font-[380] text-[var(--text-subtle)] text-md'}>{message}</p>
+        <p className={'mt-3 max-w-md font-[380] text-[var(--landing-text-muted)] text-md'}>
+          {message}
+        </p>
       </div>
     </main>
   )
diff --git a/apps/sim/app/form/[identifier]/error.tsx b/apps/sim/app/form/[identifier]/error.tsx
index ff7ab7bbc61..3203bfffa38 100644
--- a/apps/sim/app/form/[identifier]/error.tsx
+++ b/apps/sim/app/form/[identifier]/error.tsx
@@ -2,7 +2,6 @@
 
 import { useEffect } from 'react'
 import { createLogger } from '@sim/logger'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
 import { StatusPageLayout } from '@/app/(auth)/components/status-page-layout'
 
 const logger = createLogger('FormError')
@@ -22,7 +21,12 @@ export default function FormError({ error, reset }: FormErrorProps) {
       title='Something went wrong'
       description='We encountered an error loading this form. Please try again.'
     >
-      <BrandedButton onClick={reset}>Try again</BrandedButton>
+      <button
+        onClick={reset}
+        className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
+      >
+        Try again
+      </button>
     </StatusPageLayout>
   )
 }
diff --git a/apps/sim/app/form/[identifier]/form.tsx b/apps/sim/app/form/[identifier]/form.tsx
index cd5cfe305c3..966471d5af3 100644
--- a/apps/sim/app/form/[identifier]/form.tsx
+++ b/apps/sim/app/form/[identifier]/form.tsx
@@ -2,10 +2,11 @@
 
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { createLogger } from '@sim/logger'
+import { Loader2 } from 'lucide-react'
 import { martianMono } from '@/app/_styles/fonts/martian-mono/martian-mono'
 import AuthBackground from '@/app/(auth)/components/auth-background'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
 import { SupportFooter } from '@/app/(auth)/components/support-footer'
+import Navbar from '@/app/(home)/components/navbar/navbar'
 import {
   FormErrorState,
   FormField,
@@ -238,7 +239,10 @@ export default function Form({ identifier }: { identifier: string }) {
   if (isSubmitted && thankYouData) {
     return (
       <AuthBackground className={`${martianMono.variable} dark font-[430] font-season`}>
-        <main className='relative flex min-h-screen flex-col text-[var(--landing-text)]'>
+        <main className='relative flex min-h-full flex-col text-[var(--landing-text)]'>
+          <header className='shrink-0 bg-[var(--landing-bg)]'>
+            <Navbar logoOnly />
+          </header>
           <div className='relative z-30 flex flex-1 items-center justify-center px-4 pb-24'>
             <ThankYouScreen
               title={thankYouData.title}
@@ -270,16 +274,19 @@ export default function Form({ identifier }: { identifier: string }) {
 
   return (
     <AuthBackground className={`${martianMono.variable} dark font-[430] font-season`}>
-      <main className='relative flex min-h-screen flex-col text-[var(--landing-text)]'>
-        <div className='relative z-30 flex flex-1 justify-center px-4 pt-16 pb-24'>
+      <main className='relative flex min-h-full flex-col text-[var(--landing-text)]'>
+        <header className='shrink-0 bg-[var(--landing-bg)]'>
+          <Navbar logoOnly />
+        </header>
+        <div className='relative z-30 flex flex-1 justify-center px-4 pt-8 pb-24'>
           <div className='w-full max-w-[410px]'>
             {/* Form title */}
             <div className='mb-8 text-center'>
-              <h1 className='font-[500] text-[28px] text-[var(--landing-text)] tracking-tight'>
+              <h1 className='text-balance font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
                 {formConfig.title}
               </h1>
               {formConfig.description && (
-                <p className='mt-2 font-[380] text-[var(--text-subtle)] text-base'>
+                <p className='mt-2 font-[430] font-season text-[color-mix(in_srgb,var(--landing-text-subtle)_60%,transparent)] text-lg leading-[125%] tracking-[0.02em]'>
                   {formConfig.description}
                 </p>
               )}
@@ -287,7 +294,7 @@ export default function Form({ identifier }: { identifier: string }) {
 
             <form onSubmit={handleSubmit} className='space-y-6'>
               {fields.length === 0 ? (
-                <div className='rounded-[10px] border border-[var(--landing-bg-elevated)] bg-[var(--surface-4)] p-6 text-center text-[var(--text-subtle)]'>
+                <div className='rounded-[10px] border border-[var(--landing-bg-elevated)] bg-[var(--surface-4)] p-6 text-center text-[var(--landing-text-muted)]'>
                   This form has no fields configured.
                 </div>
               ) : (
@@ -315,14 +322,20 @@ export default function Form({ identifier }: { identifier: string }) {
               )}
 
               {fields.length > 0 && (
-                <BrandedButton
+                <button
                   type='submit'
-                  loading={isSubmitting}
-                  loadingText='Submitting...'
-                  fullWidth
+                  disabled={isSubmitting}
+                  className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
                 >
-                  Submit
-                </BrandedButton>
+                  {isSubmitting ? (
+                    <span className='flex items-center gap-2'>
+                      <Loader2 className='h-4 w-4 animate-spin' />
+                      Submitting...
+                    </span>
+                  ) : (
+                    'Submit'
+                  )}
+                </button>
               )}
             </form>
           </div>
diff --git a/apps/sim/app/invite/components/status-card.tsx b/apps/sim/app/invite/components/status-card.tsx
index e930827a10e..b91be233b51 100644
--- a/apps/sim/app/invite/components/status-card.tsx
+++ b/apps/sim/app/invite/components/status-card.tsx
@@ -2,7 +2,7 @@
 
 import { Loader2 } from 'lucide-react'
 import { useRouter } from 'next/navigation'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
+import { cn } from '@/lib/core/utils/cn'
 
 interface InviteStatusCardProps {
   type: 'login' | 'loading' | 'error' | 'success' | 'invitation' | 'warning'
@@ -55,27 +55,34 @@ export function InviteStatusCard({
 
       <div className='mt-8 w-full max-w-[410px] space-y-3'>
         {isExpiredError && (
-          <BrandedButton onClick={() => router.push('/')} showArrow={false}>
+          <button
+            onClick={() => router.push('/')}
+            className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
+          >
             Request New Invitation
-          </BrandedButton>
+          </button>
         )}
 
         {actions.map((action, index) => (
-          <BrandedButton
+          <button
             key={index}
             onClick={action.onClick}
             disabled={action.disabled || action.loading}
-            loading={action.loading}
-            loadingText={action.label}
-            showArrow={false}
-            className={
-              index !== 0
-                ? 'border-[var(--landing-border-strong)] bg-transparent text-[var(--landing-text)] hover:border-[var(--landing-border-strong)] hover:bg-[var(--landing-bg-elevated)]'
-                : undefined
-            }
+            className={cn(
+              'inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50',
+              index !== 0 &&
+                'border-[var(--landing-border-strong)] bg-transparent text-[var(--landing-text)] hover:border-[var(--landing-border-strong)] hover:bg-[var(--landing-bg-elevated)]'
+            )}
           >
-            {action.label}
-          </BrandedButton>
+            {action.loading ? (
+              <span className='flex items-center gap-2'>
+                <Loader2 className='h-4 w-4 animate-spin' />
+                {action.label}...
+              </span>
+            ) : (
+              action.label
+            )}
+          </button>
         ))}
       </div>
     </>
diff --git a/apps/sim/app/playground/page.tsx b/apps/sim/app/playground/page.tsx
index bd5e6b7b5c2..c6c84bd5cfa 100644
--- a/apps/sim/app/playground/page.tsx
+++ b/apps/sim/app/playground/page.tsx
@@ -246,11 +246,6 @@ export default function PlaygroundPage() {
                 Medium Primary
               </Button>
             </VariantRow>
-            <VariantRow label='size branded'>
-              <Button size='branded' variant='branded' className='branded-button-gradient'>
-                Branded
-              </Button>
-            </VariantRow>
           </Section>
 
           {/* ButtonGroup */}
diff --git a/apps/sim/app/unsubscribe/unsubscribe.tsx b/apps/sim/app/unsubscribe/unsubscribe.tsx
index 4dd853499bf..3efa7698b3c 100644
--- a/apps/sim/app/unsubscribe/unsubscribe.tsx
+++ b/apps/sim/app/unsubscribe/unsubscribe.tsx
@@ -3,7 +3,6 @@
 import { Suspense, useEffect, useState } from 'react'
 import { Loader2 } from 'lucide-react'
 import { useSearchParams } from 'next/navigation'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
 import { InviteLayout } from '@/app/invite/components'
 
 interface UnsubscribeData {
@@ -122,12 +121,12 @@ function UnsubscribeContent() {
           <h1 className={'font-medium text-[32px] text-[var(--landing-text)] tracking-tight'}>
             Loading
           </h1>
-          <p className={'font-[380] text-[var(--text-subtle)] text-md'}>
+          <p className={'font-[380] text-[var(--landing-text-muted)] text-md'}>
             Validating your unsubscribe link...
           </p>
         </div>
         <div className={'mt-8 flex w-full items-center justify-center py-8'}>
-          <Loader2 className='h-8 w-8 animate-spin text-[var(--text-subtle)]' />
+          <Loader2 className='h-8 w-8 animate-spin text-[var(--landing-text-muted)]' />
         </div>
       </InviteLayout>
     )
@@ -140,11 +139,16 @@ function UnsubscribeContent() {
           <h1 className={'font-medium text-[32px] text-[var(--landing-text)] tracking-tight'}>
             Invalid Unsubscribe Link
           </h1>
-          <p className={'font-[380] text-[var(--text-subtle)] text-md'}>{error}</p>
+          <p className={'font-[380] text-[var(--landing-text-muted)] text-md'}>{error}</p>
         </div>
 
         <div className={'mt-8 w-full max-w-[410px] space-y-3'}>
-          <BrandedButton onClick={() => window.history.back()}>Go Back</BrandedButton>
+          <button
+            onClick={() => window.history.back()}
+            className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
+          >
+            Go Back
+          </button>
         </div>
       </InviteLayout>
     )
@@ -157,14 +161,19 @@ function UnsubscribeContent() {
           <h1 className={'font-medium text-[32px] text-[var(--landing-text)] tracking-tight'}>
             Important Account Emails
           </h1>
-          <p className={'font-[380] text-[var(--text-subtle)] text-md'}>
+          <p className={'font-[380] text-[var(--landing-text-muted)] text-md'}>
             Transactional emails like password resets, account confirmations, and security alerts
             cannot be unsubscribed from as they contain essential information for your account.
           </p>
         </div>
 
         <div className={'mt-8 w-full max-w-[410px] space-y-3'}>
-          <BrandedButton onClick={() => window.close()}>Close</BrandedButton>
+          <button
+            onClick={() => window.close()}
+            className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
+          >
+            Close
+          </button>
         </div>
       </InviteLayout>
     )
@@ -177,14 +186,19 @@ function UnsubscribeContent() {
           <h1 className={'font-medium text-[32px] text-[var(--landing-text)] tracking-tight'}>
             Successfully Unsubscribed
           </h1>
-          <p className={'font-[380] text-[var(--text-subtle)] text-md'}>
+          <p className={'font-[380] text-[var(--landing-text-muted)] text-md'}>
             You have been unsubscribed from our emails. You will stop receiving emails within 48
             hours.
           </p>
         </div>
 
         <div className={'mt-8 w-full max-w-[410px] space-y-3'}>
-          <BrandedButton onClick={() => window.close()}>Close</BrandedButton>
+          <button
+            onClick={() => window.close()}
+            className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
+          >
+            Close
+          </button>
         </div>
       </InviteLayout>
     )
@@ -198,72 +212,81 @@ function UnsubscribeContent() {
         <h1 className={'font-medium text-[32px] text-[var(--landing-text)] tracking-tight'}>
           Email Preferences
         </h1>
-        <p className={'font-[380] text-[var(--text-subtle)] text-md'}>
+        <p className={'font-[380] text-[var(--landing-text-muted)] text-md'}>
           Choose which emails you'd like to stop receiving.
         </p>
-        <p className={'mt-2 font-[380] text-[var(--text-subtle)] text-sm'}>{data?.email}</p>
+        <p className={'mt-2 font-[380] text-[var(--landing-text-muted)] text-sm'}>{data?.email}</p>
       </div>
 
       <div className={'mt-8 w-full max-w-[410px] space-y-3'}>
-        <BrandedButton
+        <button
           onClick={() => handleUnsubscribe('all')}
           disabled={processing || isAlreadyUnsubscribedFromAll}
-          loading={processing}
-          loadingText='Unsubscribing'
+          className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
         >
-          {isAlreadyUnsubscribedFromAll
-            ? 'Unsubscribed from All Emails'
-            : 'Unsubscribe from All Marketing Emails'}
-        </BrandedButton>
+          {processing ? (
+            <span className='flex items-center gap-2'>
+              <Loader2 className='h-4 w-4 animate-spin' />
+              Unsubscribing...
+            </span>
+          ) : isAlreadyUnsubscribedFromAll ? (
+            'Unsubscribed from All Emails'
+          ) : (
+            'Unsubscribe from All Marketing Emails'
+          )}
+        </button>
 
         <div className='py-2 text-center'>
-          <span className={'font-[380] text-[var(--text-subtle)] text-sm'}>
+          <span className={'font-[380] text-[var(--landing-text-muted)] text-sm'}>
             or choose specific types
           </span>
         </div>
 
-        <BrandedButton
+        <button
           onClick={() => handleUnsubscribe('marketing')}
           disabled={
             processing ||
             isAlreadyUnsubscribedFromAll ||
             data?.currentPreferences.unsubscribeMarketing
           }
+          className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
         >
           {data?.currentPreferences.unsubscribeMarketing
             ? 'Unsubscribed from Marketing'
             : 'Unsubscribe from Marketing Emails'}
-        </BrandedButton>
+        </button>
 
-        <BrandedButton
+        <button
           onClick={() => handleUnsubscribe('updates')}
           disabled={
             processing ||
             isAlreadyUnsubscribedFromAll ||
             data?.currentPreferences.unsubscribeUpdates
           }
+          className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
         >
           {data?.currentPreferences.unsubscribeUpdates
             ? 'Unsubscribed from Updates'
             : 'Unsubscribe from Product Updates'}
-        </BrandedButton>
+        </button>
 
-        <BrandedButton
+        <button
           onClick={() => handleUnsubscribe('notifications')}
           disabled={
             processing ||
             isAlreadyUnsubscribedFromAll ||
             data?.currentPreferences.unsubscribeNotifications
           }
+          className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
         >
           {data?.currentPreferences.unsubscribeNotifications
             ? 'Unsubscribed from Notifications'
             : 'Unsubscribe from Notifications'}
-        </BrandedButton>
+        </button>
       </div>
 
       <div className={'mt-6 max-w-[410px] text-center'}>
-        <p className='font-[380] text-[var(--text-subtle)] text-small'>
+        <p className='font-[380] text-[var(--landing-text-muted)] text-small'>
           You'll continue receiving important account emails like password resets and security
           alerts.
         </p>
@@ -281,12 +304,12 @@ export default function Unsubscribe() {
             <h1 className={'font-medium text-[32px] text-[var(--landing-text)] tracking-tight'}>
               Loading
             </h1>
-            <p className={'font-[380] text-[var(--text-subtle)] text-md'}>
+            <p className={'font-[380] text-[var(--landing-text-muted)] text-md'}>
               Validating your unsubscribe link...
             </p>
           </div>
           <div className={'mt-8 flex w-full items-center justify-center py-8'}>
-            <Loader2 className='h-8 w-8 animate-spin text-[var(--text-subtle)]' />
+            <Loader2 className='h-8 w-8 animate-spin text-[var(--landing-text-muted)]' />
           </div>
         </InviteLayout>
       }
diff --git a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/preview-panel.tsx b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/preview-panel.tsx
index b22267cd7fd..692cb510ac9 100644
--- a/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/preview-panel.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/preview-panel.tsx
@@ -6,8 +6,8 @@ import remarkBreaks from 'remark-breaks'
 import remarkGfm from 'remark-gfm'
 import { cn } from '@/lib/core/utils/cn'
 import { getFileExtension } from '@/lib/uploads/utils/file-utils'
-import { useAutoScroll } from '@/app/workspace/[workspaceId]/home/hooks/use-auto-scroll'
-import { useStreamingReveal } from '@/app/workspace/[workspaceId]/home/hooks/use-streaming-reveal'
+import { useAutoScroll } from '@/hooks/use-auto-scroll'
+import { useStreamingReveal } from '@/hooks/use-streaming-reveal'
 
 type PreviewType = 'markdown' | 'html' | 'csv' | 'svg' | null
 
@@ -63,12 +63,12 @@ const PREVIEW_MARKDOWN_COMPONENTS = {
     </p>
   ),
   h1: ({ children }: any) => (
-    <h1 className='mt-6 mb-4 break-words border-[var(--border)] border-b pb-2 font-semibold text-[24px] text-[var(--text-primary)] first:mt-0'>
+    <h1 className='mt-6 mb-4 break-words font-semibold text-[24px] text-[var(--text-primary)] first:mt-0'>
       {children}
     </h1>
   ),
   h2: ({ children }: any) => (
-    <h2 className='mt-5 mb-3 break-words border-[var(--border)] border-b pb-1.5 font-semibold text-[20px] text-[var(--text-primary)] first:mt-0'>
+    <h2 className='mt-5 mb-3 break-words font-semibold text-[20px] text-[var(--text-primary)] first:mt-0'>
       {children}
     </h2>
   ),
@@ -143,7 +143,7 @@ const PREVIEW_MARKDOWN_COMPONENTS = {
     <img src={src} alt={alt ?? ''} className='my-3 max-w-full rounded-md' loading='lazy' />
   ),
   table: ({ children }: any) => (
-    <div className='my-4 max-w-full overflow-x-auto rounded-md border border-[var(--border)]'>
+    <div className='my-4 max-w-full overflow-x-auto'>
       <table className='w-full border-collapse text-[13px]'>{children}</table>
     </div>
   ),
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx
index 98161bfd7ef..41a0011a81d 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/agent-group/agent-group.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useEffect, useRef, useState } from 'react'
-import { ChevronDown, PillsRing } from '@/components/emcn'
+import { ChevronDown, Expandable, ExpandableContent, PillsRing } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
 import type { ToolCallData } from '../../../../types'
 import { getAgentIcon } from '../../utils'
@@ -20,8 +20,6 @@ interface AgentGroupProps {
   defaultExpanded?: boolean
 }
 
-const FADE_MS = 300
-
 function isToolDone(status: ToolCallData['status']): boolean {
   return status === 'success' || status === 'error' || status === 'cancelled'
 }
@@ -42,14 +40,12 @@ export function AgentGroup({
   const allDone = toolItems.length > 0 && toolItems.every((t) => isToolDone(t.data.status))
 
   const [expanded, setExpanded] = useState(defaultExpanded || !allDone)
-  const [mounted, setMounted] = useState(defaultExpanded || !allDone)
   const didAutoCollapseRef = useRef(allDone)
   const wasAutoExpandedRef = useRef(defaultExpanded)
 
   useEffect(() => {
     if (defaultExpanded) {
       wasAutoExpandedRef.current = true
-      setMounted(true)
       setExpanded(true)
       return
     }
@@ -66,15 +62,6 @@ export function AgentGroup({
     setExpanded(false)
   }, [autoCollapse])
 
-  useEffect(() => {
-    if (expanded) {
-      setMounted(true)
-      return
-    }
-    const timer = setTimeout(() => setMounted(false), FADE_MS)
-    return () => clearTimeout(timer)
-  }, [expanded])
-
   return (
     <div className='flex flex-col gap-1.5'>
       {hasItems ? (
@@ -113,31 +100,30 @@ export function AgentGroup({
           <span className='font-base text-[var(--text-body)] text-sm'>{agentLabel}</span>
         </div>
       )}
-      {hasItems && mounted && (
-        <div
-          className={cn(
-            'flex flex-col gap-1.5 transition-opacity duration-300 ease-out',
-            expanded ? 'opacity-100' : 'opacity-0'
-          )}
-        >
-          {items.map((item, idx) =>
-            item.type === 'tool' ? (
-              <ToolCallItem
-                key={item.data.id}
-                toolName={item.data.toolName}
-                displayTitle={item.data.displayTitle}
-                status={item.data.status}
-              />
-            ) : (
-              <span
-                key={`text-${idx}`}
-                className='pl-6 font-base text-[var(--text-secondary)] text-small'
-              >
-                {item.content.trim()}
-              </span>
-            )
-          )}
-        </div>
+      {hasItems && (
+        <Expandable expanded={expanded}>
+          <ExpandableContent>
+            <div className='flex flex-col gap-1.5 pt-0.5'>
+              {items.map((item, idx) =>
+                item.type === 'tool' ? (
+                  <ToolCallItem
+                    key={item.data.id}
+                    toolName={item.data.toolName}
+                    displayTitle={item.data.displayTitle}
+                    status={item.data.status}
+                  />
+                ) : (
+                  <span
+                    key={`text-${idx}`}
+                    className='pl-6 font-base text-[var(--text-secondary)] text-small'
+                  >
+                    {item.content.trim()}
+                  </span>
+                )
+              )}
+            </div>
+          </ExpandableContent>
+        </Expandable>
       )}
     </div>
   )
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx
index a849d0a6ad0..8249422b73b 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx
@@ -15,7 +15,7 @@ import {
   parseSpecialTags,
   SpecialTags,
 } from '@/app/workspace/[workspaceId]/home/components/message-content/components/special-tags'
-import { useStreamingReveal } from '@/app/workspace/[workspaceId]/home/hooks/use-streaming-reveal'
+import { useStreamingReveal } from '@/hooks/use-streaming-reveal'
 import { useStreamingText } from '@/hooks/use-streaming-text'
 
 const REMARK_PLUGINS = [remarkGfm]
@@ -49,12 +49,11 @@ const PROSE_CLASSES = cn(
   'prose-headings:font-[600] prose-headings:tracking-[0] prose-headings:text-[var(--text-primary)]',
   'prose-headings:mb-3 prose-headings:mt-6 first:prose-headings:mt-0',
   'prose-p:text-base prose-p:leading-[25px] prose-p:text-[var(--text-primary)]',
-  'first:prose-p:mt-0 last:prose-p:mb-0',
   'prose-li:text-base prose-li:leading-[25px] prose-li:text-[var(--text-primary)]',
   'prose-li:my-1',
   'prose-ul:my-4 prose-ol:my-4',
   'prose-strong:font-[600] prose-strong:text-[var(--text-primary)]',
-  'prose-a:text-[var(--text-primary)] prose-a:underline prose-a:decoration-dashed prose-a:underline-offset-2',
+  'prose-a:text-[var(--text-primary)] prose-a:underline prose-a:decoration-dashed prose-a:underline-offset-4',
   'prose-code:rounded prose-code:bg-[var(--surface-5)] prose-code:px-1.5 prose-code:py-0.5 prose-code:text-small prose-code:font-mono prose-code:font-[400] prose-code:text-[var(--text-primary)]',
   'prose-code:before:content-none prose-code:after:content-none',
   'prose-hr:border-[var(--divider)] prose-hr:my-6',
@@ -68,7 +67,9 @@ const MARKDOWN_COMPONENTS: React.ComponentProps<typeof ReactMarkdown>['component
   table({ children }) {
     return (
       <div className='not-prose my-4 w-full overflow-x-auto [&_strong]:font-[600]'>
-        <table className='min-w-full border-collapse'>{children}</table>
+        <table className='min-w-full border-collapse [&_tbody_tr:last-child_td]:border-b-0'>
+          {children}
+        </table>
       </div>
     )
   },
@@ -142,7 +143,7 @@ const MARKDOWN_COMPONENTS: React.ComponentProps<typeof ReactMarkdown>['component
     return (
       <a
         href={href}
-        className='text-[var(--text-primary)] underline decoration-dashed underline-offset-2'
+        className='text-[var(--text-primary)] underline decoration-dashed underline-offset-4'
         target='_blank'
         rel='noopener noreferrer'
       >
@@ -162,13 +163,13 @@ const MARKDOWN_COMPONENTS: React.ComponentProps<typeof ReactMarkdown>['component
   li({ children, className }) {
     if (className?.includes('task-list-item')) {
       return (
-        <li className='flex list-none items-start gap-2 text-[var(--text-primary)] text-base leading-[25px]'>
+        <li className='flex list-none items-start gap-2 text-[var(--text-primary)] text-base leading-[25px] [&>p:only-child]:inline [&>p]:my-0'>
           {children}
         </li>
       )
     }
     return (
-      <li className='my-1 text-[var(--text-primary)] text-base leading-[25px] marker:text-[var(--text-primary)]'>
+      <li className='my-1 text-[var(--text-primary)] text-base leading-[25px] marker:text-[var(--text-primary)] [&>p:only-child]:inline [&>p]:my-0'>
         {children}
       </li>
     )
@@ -187,6 +188,33 @@ interface ChatContentProps {
   onOptionSelect?: (id: string) => void
 }
 
+function MarkdownChunk({
+  content,
+  animate = false,
+  trimTop = true,
+  trimBottom = true,
+}: {
+  content: string
+  animate?: boolean
+  trimTop?: boolean
+  trimBottom?: boolean
+}) {
+  return (
+    <div
+      className={cn(
+        PROSE_CLASSES,
+        trimTop && '[&>:first-child]:mt-0',
+        trimBottom && '[&>:last-child]:mb-0',
+        animate && 'animate-stream-fade-in'
+      )}
+    >
+      <ReactMarkdown remarkPlugins={REMARK_PLUGINS} components={MARKDOWN_COMPONENTS}>
+        {content}
+      </ReactMarkdown>
+    </div>
+  )
+}
+
 export function ChatContent({ content, isStreaming = false, onOptionSelect }: ChatContentProps) {
   const rendered = useStreamingText(content, isStreaming)
 
@@ -200,13 +228,8 @@ export function ChatContent({ content, isStreaming = false, onOptionSelect }: Ch
   )
 
   const committedMarkdown = useMemo(
-    () =>
-      committed ? (
-        <ReactMarkdown remarkPlugins={REMARK_PLUGINS} components={MARKDOWN_COMPONENTS}>
-          {committed}
-        </ReactMarkdown>
-      ) : null,
-    [committed]
+    () => (committed ? <MarkdownChunk content={committed} trimTop trimBottom={!incoming} /> : null),
+    [committed, incoming]
   )
 
   if (hasSpecialContent) {
@@ -214,13 +237,7 @@ export function ChatContent({ content, isStreaming = false, onOptionSelect }: Ch
       <div className='space-y-3'>
         {parsed.segments.map((segment, i) => {
           if (segment.type === 'text' || segment.type === 'thinking') {
-            return (
-              <div key={`${segment.type}-${i}`} className={PROSE_CLASSES}>
-                <ReactMarkdown remarkPlugins={REMARK_PLUGINS} components={MARKDOWN_COMPONENTS}>
-                  {segment.content}
-                </ReactMarkdown>
-              </div>
-            )
+            return <MarkdownChunk key={`${segment.type}-${i}`} content={segment.content} />
           }
           return (
             <SpecialTags key={`special-${i}`} segment={segment} onOptionSelect={onOptionSelect} />
@@ -232,17 +249,16 @@ export function ChatContent({ content, isStreaming = false, onOptionSelect }: Ch
   }
 
   return (
-    <div className={PROSE_CLASSES}>
+    <div>
       {committedMarkdown}
       {incoming && (
-        <div
+        <MarkdownChunk
           key={generation}
-          className={cn(isStreaming && 'animate-stream-fade-in', '[&>:first-child]:mt-0')}
-        >
-          <ReactMarkdown remarkPlugins={REMARK_PLUGINS} components={MARKDOWN_COMPONENTS}>
-            {incoming}
-          </ReactMarkdown>
-        </div>
+          content={incoming}
+          trimTop
+          trimBottom
+          animate={isStreaming}
+        />
       )}
     </div>
   )
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx
index b9518ba0425..2cc87d84368 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/special-tags/special-tags.tsx
@@ -1,8 +1,8 @@
 'use client'
 
-import { createElement } from 'react'
+import { createElement, useState } from 'react'
 import { useParams } from 'next/navigation'
-import { ArrowRight } from '@/components/emcn'
+import { ArrowRight, ChevronDown, Expandable, ExpandableContent } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
 import { OAUTH_PROVIDERS } from '@/lib/oauth/oauth'
 
@@ -355,39 +355,60 @@ interface OptionsDisplayProps {
 }
 
 function OptionsDisplay({ data, onSelect }: OptionsDisplayProps) {
+  const disabled = !onSelect
+  const [expanded, setExpanded] = useState(!disabled)
   const entries = Object.entries(data)
   if (entries.length === 0) return null
 
-  const disabled = !onSelect
-
   return (
     <div className='animate-stream-fade-in'>
-      <span className='font-base text-[var(--text-body)] text-sm'>Suggested follow-ups</span>
-      <div className='mt-1.5 flex flex-col'>
-        {entries.map(([key, value], i) => {
-          const title = value.title
-
-          return (
-            <button
-              key={key}
-              type='button'
-              disabled={disabled}
-              onClick={() => onSelect?.(title)}
-              className={cn(
-                'flex items-center gap-2 border-[var(--divider)] px-2 py-2 text-left transition-colors',
-                disabled ? 'cursor-not-allowed' : 'hover-hover:bg-[var(--surface-5)]',
-                i > 0 && 'border-t'
-              )}
-            >
-              <div className='flex h-[16px] w-[16px] flex-shrink-0 items-center justify-center'>
-                <span className='font-base text-[var(--text-icon)] text-sm'>{i + 1}</span>
-              </div>
-              <span className='flex-1 font-base text-[var(--text-body)] text-sm'>{title}</span>
-              <ArrowRight className='h-[16px] w-[16px] shrink-0 text-[var(--text-icon)]' />
-            </button>
-          )
-        })}
-      </div>
+      {disabled ? (
+        <button
+          type='button'
+          onClick={() => setExpanded((prev) => !prev)}
+          aria-expanded={expanded}
+          className='flex items-center gap-2'
+        >
+          <span className='font-base text-[var(--text-body)] text-sm'>Suggested follow-ups</span>
+          <ChevronDown
+            className={cn(
+              'h-[7px] w-[9px] text-[var(--text-icon)] transition-transform duration-150',
+              !expanded && '-rotate-90'
+            )}
+          />
+        </button>
+      ) : (
+        <span className='font-base text-[var(--text-body)] text-sm'>Suggested follow-ups</span>
+      )}
+      <Expandable expanded={expanded}>
+        <ExpandableContent className='mt-1.5'>
+          <div className='flex flex-col'>
+            {entries.map(([key, value], i) => {
+              const title = value.title
+
+              return (
+                <button
+                  key={key}
+                  type='button'
+                  disabled={disabled}
+                  onClick={() => onSelect?.(title)}
+                  className={cn(
+                    'flex items-center gap-2 border-[var(--divider)] px-2 py-2 text-left transition-colors',
+                    disabled ? 'cursor-not-allowed' : 'hover-hover:bg-[var(--surface-5)]',
+                    i > 0 && 'border-t'
+                  )}
+                >
+                  <div className='flex h-[16px] w-[16px] flex-shrink-0 items-center justify-center'>
+                    <span className='font-base text-[var(--text-icon)] text-sm'>{i + 1}</span>
+                  </div>
+                  <span className='flex-1 font-base text-[var(--text-body)] text-sm'>{title}</span>
+                  <ArrowRight className='h-[16px] w-[16px] shrink-0 text-[var(--text-icon)]' />
+                </button>
+              )
+            })}
+          </div>
+        </ExpandableContent>
+      </Expandable>
     </div>
   )
 }
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/mothership-chat.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/mothership-chat.tsx
index 237d08d9ba5..e6c03863f0b 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/mothership-chat.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-chat/mothership-chat.tsx
@@ -12,12 +12,12 @@ import { PendingTagIndicator } from '@/app/workspace/[workspaceId]/home/componen
 import { QueuedMessages } from '@/app/workspace/[workspaceId]/home/components/queued-messages'
 import { UserInput } from '@/app/workspace/[workspaceId]/home/components/user-input'
 import { UserMessageContent } from '@/app/workspace/[workspaceId]/home/components/user-message-content'
-import { useAutoScroll } from '@/app/workspace/[workspaceId]/home/hooks'
 import type {
   ChatMessage,
   FileAttachmentForApi,
   QueuedMessage,
 } from '@/app/workspace/[workspaceId]/home/types'
+import { useAutoScroll } from '@/hooks/use-auto-scroll'
 import type { ChatContext } from '@/stores/panel'
 
 interface MothershipChatProps {
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/add-resource-dropdown.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/add-resource-dropdown.tsx
index e2bcccb2dde..bd0cf8cc792 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/add-resource-dropdown.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/add-resource-dropdown.tsx
@@ -60,7 +60,6 @@ export function useAvailableResources(
           id: w.id,
           name: w.name,
           color: w.color,
-          folderId: w.folderId,
           isOpen: existingKeys.has(`workflow:${w.id}`),
         })),
       },
@@ -176,6 +175,7 @@ export function AddResourceDropdown({
         align='start'
         sideOffset={8}
         className='flex w-[240px] flex-col overflow-hidden'
+        onCloseAutoFocus={(e) => e.preventDefault()}
       >
         <DropdownMenuSearchInput
           placeholder='Search resources...'
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/generic-resource-content.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/generic-resource-content.tsx
new file mode 100644
index 00000000000..383b05f9a13
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/generic-resource-content.tsx
@@ -0,0 +1,65 @@
+'use client'
+
+import { useEffect, useRef } from 'react'
+import { PillsRing } from '@/components/emcn'
+import type { GenericResourceData } from '@/app/workspace/[workspaceId]/home/types'
+
+interface GenericResourceContentProps {
+  data: GenericResourceData
+}
+
+// TODO: Emir — replace with rich UI (status icons, collapsible result cards, copy-to-clipboard, etc.)
+export function GenericResourceContent({ data }: GenericResourceContentProps) {
+  const bottomRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    bottomRef.current?.scrollIntoView({ behavior: 'smooth' })
+  }, [data.entries.length])
+
+  if (data.entries.length === 0) {
+    return (
+      <div className='flex h-full items-center justify-center'>
+        <p className='text-[13px] text-[var(--text-muted)]'>No results yet</p>
+      </div>
+    )
+  }
+
+  return (
+    <div className='flex h-full flex-col divide-y divide-[var(--border)] overflow-y-auto [scrollbar-gutter:stable]'>
+      {data.entries.map((entry) => (
+        <div key={entry.toolCallId} className='flex flex-col gap-2 px-4 py-3'>
+          <div className='flex items-center gap-2'>
+            {entry.status === 'executing' && (
+              <PillsRing
+                className='h-[14px] w-[14px] flex-shrink-0 text-[var(--text-tertiary)]'
+                animate
+              />
+            )}
+            <span className='font-medium text-[13px] text-[var(--text-primary)]'>
+              {entry.displayTitle}
+            </span>
+            {entry.status === 'error' && (
+              <span className='ml-auto text-[12px] text-[var(--text-error)]'>Error</span>
+            )}
+          </div>
+          {entry.streamingArgs && (
+            <pre className='overflow-x-auto whitespace-pre-wrap break-words font-mono text-[12px] text-[var(--text-body)]'>
+              {entry.streamingArgs}
+            </pre>
+          )}
+          {!entry.streamingArgs && entry.result?.output != null && (
+            <pre className='overflow-x-auto whitespace-pre-wrap break-words font-mono text-[12px] text-[var(--text-body)]'>
+              {typeof entry.result.output === 'string'
+                ? entry.result.output
+                : JSON.stringify(entry.result.output, null, 2)}
+            </pre>
+          )}
+          {entry.result?.error && (
+            <p className='text-[12px] text-[var(--text-error)]'>{entry.result.error}</p>
+          )}
+        </div>
+      ))}
+      <div ref={bottomRef} />
+    </div>
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/resource-content.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/resource-content.tsx
index 5d336a3df29..6e5913caa1e 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/resource-content.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/resource-content.tsx
@@ -20,11 +20,15 @@ import {
   FileViewer,
   type PreviewMode,
 } from '@/app/workspace/[workspaceId]/files/components/file-viewer'
+import { GenericResourceContent } from '@/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/generic-resource-content'
 import {
   RESOURCE_TAB_ICON_BUTTON_CLASS,
   RESOURCE_TAB_ICON_CLASS,
 } from '@/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-tabs/resource-tab-controls'
-import type { MothershipResource } from '@/app/workspace/[workspaceId]/home/types'
+import type {
+  GenericResourceData,
+  MothershipResource,
+} from '@/app/workspace/[workspaceId]/home/types'
 import { KnowledgeBase } from '@/app/workspace/[workspaceId]/knowledge/[id]/base'
 import {
   useUserPermissionsContext,
@@ -53,6 +57,7 @@ interface ResourceContentProps {
   resource: MothershipResource
   previewMode?: PreviewMode
   streamingFile?: { fileName: string; content: string } | null
+  genericResourceData?: GenericResourceData
 }
 
 /**
@@ -67,6 +72,7 @@ export const ResourceContent = memo(function ResourceContent({
   resource,
   previewMode,
   streamingFile,
+  genericResourceData,
 }: ResourceContentProps) {
   const streamFileName = streamingFile?.fileName || 'file.md'
   const streamingExtractedContent = useMemo(() => {
@@ -140,6 +146,11 @@ export const ResourceContent = memo(function ResourceContent({
         />
       )
 
+    case 'generic':
+      return (
+        <GenericResourceContent key={resource.id} data={genericResourceData ?? { entries: [] }} />
+      )
+
     default:
       return null
   }
@@ -160,6 +171,8 @@ export function ResourceActions({ workspaceId, resource }: ResourceActionsProps)
       return (
         <EmbeddedKnowledgeBaseActions workspaceId={workspaceId} knowledgeBaseId={resource.id} />
       )
+    case 'generic':
+      return null
     default:
       return null
   }
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-registry/resource-registry.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-registry/resource-registry.tsx
index acc2a63c2c1..bf5c3029d3d 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-registry/resource-registry.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-registry/resource-registry.tsx
@@ -2,7 +2,12 @@
 
 import type { ElementType, ReactNode } from 'react'
 import type { QueryClient } from '@tanstack/react-query'
-import { Database, File as FileIcon, Table as TableIcon } from '@/components/emcn/icons'
+import {
+  Database,
+  File as FileIcon,
+  Table as TableIcon,
+  TerminalWindow,
+} from '@/components/emcn/icons'
 import { WorkflowIcon } from '@/components/icons'
 import { getDocumentIcon } from '@/components/icons/document-icons'
 import { cn } from '@/lib/core/utils/cn'
@@ -74,6 +79,15 @@ function FileDropdownItem({ item }: DropdownItemRenderProps) {
 }
 
 export const RESOURCE_REGISTRY: Record<MothershipResourceType, ResourceTypeConfig> = {
+  generic: {
+    type: 'generic',
+    label: 'Results',
+    icon: TerminalWindow,
+    renderTabIcon: (_resource, className) => (
+      <TerminalWindow className={cn(className, 'text-[var(--text-icon)]')} />
+    ),
+    renderDropdownItem: (props) => <DefaultDropdownItem {...props} />,
+  },
   workflow: {
     type: 'workflow',
     label: 'Workflows',
@@ -119,8 +133,10 @@ export function getResourceConfig(type: MothershipResourceType): ResourceTypeCon
   return RESOURCE_REGISTRY[type]
 }
 
+type CacheableResourceType = Exclude<MothershipResourceType, 'generic'>
+
 const RESOURCE_INVALIDATORS: Record<
-  MothershipResourceType,
+  CacheableResourceType,
   (qc: QueryClient, workspaceId: string, resourceId: string) => void
 > = {
   table: (qc, _wId, id) => {
@@ -153,5 +169,6 @@ export function invalidateResourceQueries(
   resourceType: MothershipResourceType,
   resourceId: string
 ): void {
+  if (resourceType === 'generic') return
   RESOURCE_INVALIDATORS[resourceType](queryClient, workspaceId, resourceId)
 }
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-tabs/resource-tabs.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-tabs/resource-tabs.tsx
index 985788e7cdf..20e132089c9 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-tabs/resource-tabs.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-tabs/resource-tabs.tsx
@@ -9,6 +9,7 @@ import {
 } from 'react'
 import { Button, Tooltip } from '@/components/emcn'
 import { Columns3, Eye, PanelLeft, Pencil } from '@/components/emcn/icons'
+import { isEphemeralResource } from '@/lib/copilot/resource-extraction'
 import { cn } from '@/lib/core/utils/cn'
 import type { PreviewMode } from '@/app/workspace/[workspaceId]/files/components/file-viewer'
 import { AddResourceDropdown } from '@/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown'
@@ -142,7 +143,9 @@ export function ResourceTabs({
     (e: React.MouseEvent, resource: MothershipResource) => {
       e.stopPropagation()
       if (!chatId) return
-      removeResource.mutate({ chatId, resourceType: resource.type, resourceId: resource.id })
+      if (!isEphemeralResource(resource)) {
+        removeResource.mutate({ chatId, resourceType: resource.type, resourceId: resource.id })
+      }
       onRemoveResource(resource.type, resource.id)
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -240,7 +243,10 @@ export function ResourceTabs({
       reordered.splice(insertAt, 0, moved)
       onReorderResources(reordered)
       if (chatId) {
-        reorderResources.mutate({ chatId, resources: reordered })
+        const persistable = reordered.filter((r) => !isEphemeralResource(r))
+        if (persistable.length > 0) {
+          reorderResources.mutate({ chatId, resources: persistable })
+        }
       }
       setDraggedIdx(null)
       setDropGapIdx(null)
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/mothership-view.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/mothership-view.tsx
index 0bf54b0e638..6338c65cfa9 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/mothership-view.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/mothership-view.tsx
@@ -6,6 +6,7 @@ import { getFileExtension } from '@/lib/uploads/utils/file-utils'
 import type { PreviewMode } from '@/app/workspace/[workspaceId]/files/components/file-viewer'
 import { RICH_PREVIEWABLE_EXTENSIONS } from '@/app/workspace/[workspaceId]/files/components/file-viewer'
 import type {
+  GenericResourceData,
   MothershipResource,
   MothershipResourceType,
 } from '@/app/workspace/[workspaceId]/home/types'
@@ -65,6 +66,7 @@ interface MothershipViewProps {
   isCollapsed: boolean
   className?: string
   streamingFile?: { fileName: string; content: string } | null
+  genericResourceData?: GenericResourceData
 }
 
 export const MothershipView = memo(
@@ -82,6 +84,7 @@ export const MothershipView = memo(
       isCollapsed,
       className,
       streamingFile,
+      genericResourceData,
     }: MothershipViewProps,
     ref
   ) {
@@ -112,8 +115,8 @@ export const MothershipView = memo(
       <div
         ref={ref}
         className={cn(
-          'relative z-10 flex h-full flex-col overflow-hidden border-[var(--border)] bg-[var(--bg)] transition-[width,min-width,border-width] duration-300 ease-out',
-          isCollapsed ? 'w-0 min-w-0 border-l-0' : 'w-[60%] border-l',
+          'relative z-10 flex h-full flex-col overflow-hidden border-[var(--border)] bg-[var(--bg)] transition-[width,min-width,border-width] duration-500 ease-[cubic-bezier(0.16,1,0.3,1)]',
+          isCollapsed ? 'w-0 min-w-0 border-l-0' : 'w-1/2 border-l',
           className
         )}
       >
@@ -141,6 +144,7 @@ export const MothershipView = memo(
                 resource={active}
                 previewMode={isActivePreviewable ? previewMode : undefined}
                 streamingFile={streamingForActive}
+                genericResourceData={active.type === 'generic' ? genericResourceData : undefined}
               />
             ) : (
               <div className='flex h-full items-center justify-center text-[var(--text-muted)] text-sm'>
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/animated-placeholder-effect.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/animated-placeholder-effect.tsx
similarity index 88%
rename from apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/animated-placeholder-effect.tsx
rename to apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/animated-placeholder-effect.tsx
index 857ed1d4e0d..c4818729da2 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/animated-placeholder-effect.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/animated-placeholder-effect.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useEffect } from 'react'
-import { useAnimatedPlaceholder } from '@/app/workspace/[workspaceId]/home/hooks'
+import { useAnimatedPlaceholder } from '@/hooks/use-animated-placeholder'
 
 interface AnimatedPlaceholderEffectProps {
   textareaRef: React.RefObject<HTMLTextAreaElement | null>
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/attached-files-list.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/attached-files-list.tsx
similarity index 100%
rename from apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/attached-files-list.tsx
rename to apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/attached-files-list.tsx
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/constants.ts b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/constants.ts
similarity index 93%
rename from apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/constants.ts
rename to apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/constants.ts
index 678aa9ba87a..dc6fa0aab58 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/constants.ts
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/constants.ts
@@ -39,7 +39,7 @@ export interface PlusMenuHandle {
 
 export const TEXTAREA_BASE_CLASSES = cn(
   'm-0 box-border h-auto min-h-[24px] w-full resize-none',
-  'overflow-y-auto overflow-x-hidden break-all border-0 bg-transparent',
+  'overflow-y-auto overflow-x-hidden break-words [overflow-wrap:anywhere] border-0 bg-transparent',
   'px-1 py-1 font-body text-[15px] leading-[24px] tracking-[-0.015em]',
   'text-transparent caret-[var(--text-primary)] outline-none',
   'placeholder:font-[380] placeholder:text-[var(--text-subtle)]',
@@ -49,7 +49,7 @@ export const TEXTAREA_BASE_CLASSES = cn(
 
 export const OVERLAY_CLASSES = cn(
   'pointer-events-none absolute top-0 left-0 m-0 box-border h-auto w-full resize-none',
-  'overflow-y-auto overflow-x-hidden whitespace-pre-wrap break-all border-0 bg-transparent',
+  'overflow-y-auto overflow-x-hidden whitespace-pre-wrap break-words [overflow-wrap:anywhere] border-0 bg-transparent',
   'px-1 py-1 font-body text-[15px] leading-[24px] tracking-[-0.015em]',
   'text-[var(--text-primary)] outline-none',
   '[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden'
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/drop-overlay.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/drop-overlay.tsx
similarity index 100%
rename from apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/drop-overlay.tsx
rename to apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/drop-overlay.tsx
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/index.ts b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/index.ts
similarity index 100%
rename from apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/index.ts
rename to apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/index.ts
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/mic-button.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/mic-button.tsx
similarity index 100%
rename from apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/mic-button.tsx
rename to apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/mic-button.tsx
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/plus-menu-dropdown.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/plus-menu-dropdown.tsx
similarity index 99%
rename from apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/plus-menu-dropdown.tsx
rename to apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/plus-menu-dropdown.tsx
index e7ff53e4937..1b7606b7822 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/plus-menu-dropdown.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/plus-menu-dropdown.tsx
@@ -16,7 +16,7 @@ import { Plus, Sim } from '@/components/emcn/icons'
 import { cn } from '@/lib/core/utils/cn'
 import type { useAvailableResources } from '@/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown'
 import { getResourceConfig } from '@/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-registry'
-import type { PlusMenuHandle } from '@/app/workspace/[workspaceId]/home/components/user-input/_components/constants'
+import type { PlusMenuHandle } from '@/app/workspace/[workspaceId]/home/components/user-input/components/constants'
 import type { MothershipResource } from '@/app/workspace/[workspaceId]/home/types'
 
 export type AvailableResourceGroup = ReturnType<typeof useAvailableResources>[number]
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/send-button.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/send-button.tsx
similarity index 95%
rename from apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/send-button.tsx
rename to apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/send-button.tsx
index 74edc7d60d3..b795d6969d8 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/_components/send-button.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/send-button.tsx
@@ -8,7 +8,7 @@ import {
   SEND_BUTTON_ACTIVE,
   SEND_BUTTON_BASE,
   SEND_BUTTON_DISABLED,
-} from '@/app/workspace/[workspaceId]/home/components/user-input/_components/constants'
+} from '@/app/workspace/[workspaceId]/home/components/user-input/components/constants'
 
 interface SendButtonProps {
   isSending: boolean
@@ -27,6 +27,7 @@ export const SendButton = React.memo(function SendButton({
     return (
       <Button
         onClick={onStopGeneration}
+        variant='ghost'
         className={cn(SEND_BUTTON_BASE, SEND_BUTTON_ACTIVE)}
         title='Stop generation'
       >
@@ -43,6 +44,7 @@ export const SendButton = React.memo(function SendButton({
   return (
     <Button
       onClick={onSubmit}
+      variant='ghost'
       disabled={!canSubmit}
       className={cn(SEND_BUTTON_BASE, canSubmit ? SEND_BUTTON_ACTIVE : SEND_BUTTON_DISABLED)}
     >
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/user-input.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/user-input.tsx
index 0a4b06e123a..809c157945b 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/user-input.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/user-input.tsx
@@ -15,7 +15,7 @@ import type {
   SpeechRecognitionEvent,
   SpeechRecognitionInstance,
   WindowWithSpeech,
-} from '@/app/workspace/[workspaceId]/home/components/user-input/_components'
+} from '@/app/workspace/[workspaceId]/home/components/user-input/components'
 import {
   AnimatedPlaceholderEffect,
   AttachedFilesList,
@@ -29,7 +29,7 @@ import {
   SendButton,
   SPEECH_RECOGNITION_LANG,
   TEXTAREA_BASE_CLASSES,
-} from '@/app/workspace/[workspaceId]/home/components/user-input/_components'
+} from '@/app/workspace/[workspaceId]/home/components/user-input/components'
 import type {
   FileAttachmentForApi,
   MothershipResource,
diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-message-content/user-message-content.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-message-content/user-message-content.tsx
index 9bb8ebcde36..fd1f42d5585 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-message-content/user-message-content.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-message-content/user-message-content.tsx
@@ -6,7 +6,7 @@ import type { ChatMessageContext } from '@/app/workspace/[workspaceId]/home/type
 import { useWorkflowRegistry } from '@/stores/workflows/registry/store'
 
 const USER_MESSAGE_CLASSES =
-  'whitespace-pre-wrap break-all font-[430] font-[family-name:var(--font-inter)] text-base text-[var(--text-primary)] leading-[23px] tracking-[0] antialiased'
+  'whitespace-pre-wrap break-words [overflow-wrap:anywhere] font-[430] font-[family-name:var(--font-inter)] text-base text-[var(--text-primary)] leading-[23px] tracking-[0] antialiased'
 
 interface UserMessageContentProps {
   content: string
@@ -20,7 +20,6 @@ function escapeRegex(str: string): string {
 interface MentionRange {
   start: number
   end: number
-  token: string
   context: ChatMessageContext
 }
 
@@ -36,7 +35,7 @@ function computeMentionRanges(text: string, contexts: ChatMessageContext[]): Men
       const leadingSpace = match[1]
       const tokenStart = match.index + leadingSpace.length
       const tokenEnd = tokenStart + token.length
-      ranges.push({ start: tokenStart, end: tokenEnd, token, context: ctx })
+      ranges.push({ start: tokenStart, end: tokenEnd, context: ctx })
     }
   }
 
diff --git a/apps/sim/app/workspace/[workspaceId]/home/home.tsx b/apps/sim/app/workspace/[workspaceId]/home/home.tsx
index 0f71c62221b..001489783ae 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/home.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/home.tsx
@@ -114,7 +114,6 @@ export function Home({ chatId }: HomeProps = {}) {
   const { mothershipRef, handleResizePointerDown, clearWidth } = useMothershipResize()
 
   const [isResourceCollapsed, setIsResourceCollapsed] = useState(true)
-  const [isResourceAnimatingIn, setIsResourceAnimatingIn] = useState(false)
   const [skipResourceTransition, setSkipResourceTransition] = useState(false)
   const isResourceCollapsedRef = useRef(isResourceCollapsed)
   isResourceCollapsedRef.current = isResourceCollapsed
@@ -123,27 +122,16 @@ export function Home({ chatId }: HomeProps = {}) {
     clearWidth()
     setIsResourceCollapsed(true)
   }, [clearWidth])
-  const animatingInTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
-  const startAnimatingIn = useCallback(() => {
-    if (animatingInTimerRef.current) clearTimeout(animatingInTimerRef.current)
-    setIsResourceAnimatingIn(true)
-    animatingInTimerRef.current = setTimeout(() => {
-      setIsResourceAnimatingIn(false)
-      animatingInTimerRef.current = null
-    }, 400)
-  }, [])
 
   const expandResource = useCallback(() => {
     setIsResourceCollapsed(false)
-    startAnimatingIn()
-  }, [startAnimatingIn])
+  }, [])
 
   const handleResourceEvent = useCallback(() => {
     if (isResourceCollapsedRef.current) {
       setIsResourceCollapsed(false)
-      startAnimatingIn()
     }
-  }, [startAnimatingIn])
+  }, [])
 
   const {
     messages,
@@ -163,6 +151,7 @@ export function Home({ chatId }: HomeProps = {}) {
     sendNow,
     editQueuedMessage,
     streamingFile,
+    genericResourceData,
   } = useChat(
     workspaceId,
     chatId,
@@ -379,13 +368,8 @@ export function Home({ chatId }: HomeProps = {}) {
         onCollapse={collapseResource}
         isCollapsed={isResourceCollapsed}
         streamingFile={streamingFile}
-        className={
-          isResourceAnimatingIn
-            ? 'animate-slide-in-right'
-            : skipResourceTransition
-              ? '!transition-none'
-              : undefined
-        }
+        genericResourceData={genericResourceData}
+        className={skipResourceTransition ? '!transition-none' : undefined}
       />
 
       {isResourceCollapsed && (
diff --git a/apps/sim/app/workspace/[workspaceId]/home/hooks/index.ts b/apps/sim/app/workspace/[workspaceId]/home/hooks/index.ts
index 9cce1f6eec1..611521fbcc1 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/hooks/index.ts
+++ b/apps/sim/app/workspace/[workspaceId]/home/hooks/index.ts
@@ -1,5 +1,3 @@
-export { useAnimatedPlaceholder } from './use-animated-placeholder'
-export { useAutoScroll } from './use-auto-scroll'
 export type { UseChatReturn } from './use-chat'
 export {
   getMothershipUseChatOptions,
@@ -7,4 +5,3 @@ export {
   useChat,
 } from './use-chat'
 export { useMothershipResize } from './use-mothership-resize'
-export { useStreamingReveal } from './use-streaming-reveal'
diff --git a/apps/sim/app/workspace/[workspaceId]/home/hooks/use-chat.ts b/apps/sim/app/workspace/[workspaceId]/home/hooks/use-chat.ts
index 1f4e4b2a08b..291060c9129 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/hooks/use-chat.ts
+++ b/apps/sim/app/workspace/[workspaceId]/home/hooks/use-chat.ts
@@ -15,6 +15,7 @@ import {
 } from '@/lib/copilot/constants'
 import {
   extractResourcesFromToolResult,
+  isEphemeralResource,
   isResourceToolName,
 } from '@/lib/copilot/resource-extraction'
 import { VFS_DIR_TO_RESOURCE } from '@/lib/copilot/resource-types'
@@ -47,6 +48,8 @@ import type {
   ContentBlock,
   ContentBlockType,
   FileAttachmentForApi,
+  GenericResourceData,
+  GenericResourceEntry,
   MothershipResource,
   MothershipResourceType,
   QueuedMessage,
@@ -78,6 +81,7 @@ export interface UseChatReturn {
   sendNow: (id: string) => Promise<void>
   editQueuedMessage: (id: string) => QueuedMessage | undefined
   streamingFile: { fileName: string; content: string } | null
+  genericResourceData: GenericResourceData
 }
 
 const STATE_TO_STATUS: Record<string, ToolCallStatus> = {
@@ -422,6 +426,11 @@ export function useChat(
   const streamingFileRef = useRef(streamingFile)
   streamingFileRef.current = streamingFile
 
+  const [genericResourceData, setGenericResourceData] = useState<GenericResourceData>({
+    entries: [],
+  })
+  const genericResourceDataRef = useRef<GenericResourceData>({ entries: [] })
+
   const [messageQueue, setMessageQueue] = useState<QueuedMessage[]>([])
   const messageQueueRef = useRef<QueuedMessage[]>([])
   messageQueueRef.current = messageQueue
@@ -483,7 +492,7 @@ export function useChat(
     })
     setActiveResourceId(resource.id)
 
-    if (resource.id === 'streaming-file') {
+    if (isEphemeralResource(resource)) {
       return true
     }
 
@@ -547,6 +556,8 @@ export function useChat(
     setActiveResourceId(null)
     setStreamingFile(null)
     streamingFileRef.current = null
+    genericResourceDataRef.current = { entries: [] }
+    setGenericResourceData({ entries: [] })
     setMessageQueue([])
     lastEventIdRef.current = 0
     clientExecutionStartedRef.current.clear()
@@ -571,6 +582,8 @@ export function useChat(
     setActiveResourceId(null)
     setStreamingFile(null)
     streamingFileRef.current = null
+    genericResourceDataRef.current = { entries: [] }
+    setGenericResourceData({ entries: [] })
     setMessageQueue([])
     lastEventIdRef.current = 0
     clientExecutionStartedRef.current.clear()
@@ -900,6 +913,13 @@ export function useChat(
       const blocks: ContentBlock[] = preserveExistingState ? [...streamingBlocksRef.current] : []
       const toolMap = new Map<string, number>()
       const toolArgsMap = new Map<string, Record<string, unknown>>()
+      // Maps toolCallId → index in genericResourceDataRef.current.entries for fast lookup
+      const genericEntryMap = new Map<string, number>()
+      if (preserveExistingState) {
+        for (const [idx, entry] of genericResourceDataRef.current.entries.entries()) {
+          genericEntryMap.set(entry.toolCallId, idx)
+        }
+      }
       const clientExecutionStarted = clientExecutionStartedRef.current
       let activeSubagent: string | undefined
       let activeCompactionId: string | undefined
@@ -981,6 +1001,23 @@ export function useChat(
         })
       }
 
+      const appendGenericEntry = (entry: GenericResourceEntry): number => {
+        const entries = [...genericResourceDataRef.current.entries, entry]
+        genericResourceDataRef.current.entries = entries
+        setGenericResourceData({ entries })
+        return entries.length - 1
+      }
+
+      const updateGenericEntry = (
+        entryIdx: number,
+        changes: Partial<GenericResourceEntry>
+      ): void => {
+        const entries = genericResourceDataRef.current.entries.slice()
+        entries[entryIdx] = { ...entries[entryIdx], ...changes }
+        genericResourceDataRef.current.entries = entries
+        setGenericResourceData({ entries })
+      }
+
       try {
         while (true) {
           const { done, value } = await reader.read()
@@ -1160,6 +1197,32 @@ export function useChat(
                 }
                 flush()
 
+                // TODO: Uncomment when rich UI for Results tab is ready
+                // if (shouldOpenGenericResource(name)) {
+                //   if (!genericEntryMap.has(id)) {
+                //     const entryIdx = appendGenericEntry({
+                //       toolCallId: id,
+                //       toolName: name,
+                //       displayTitle: displayTitle ?? name,
+                //       status: 'executing',
+                //       params: args,
+                //     })
+                //     genericEntryMap.set(id, entryIdx)
+                //     const opened = addResource({ type: 'generic', id: 'results', title: 'Results' })
+                //     if (opened) onResourceEventRef.current?.()
+                //     else setActiveResourceId('results')
+                //   } else {
+                //     const entryIdx = genericEntryMap.get(id)
+                //     if (entryIdx !== undefined) {
+                //       updateGenericEntry(entryIdx, {
+                //         toolName: name,
+                //         ...(displayTitle && { displayTitle }),
+                //         ...(args && { params: args }),
+                //       })
+                //     }
+                //   }
+                // }
+
                 if (
                   parsed.type === 'tool_call' &&
                   ui?.clientExecutable &&
@@ -1254,6 +1317,20 @@ export function useChat(
                   tc.streamingArgs = (tc.streamingArgs ?? '') + delta
                   flush()
                 }
+
+                // TODO: Uncomment when rich UI for Results tab is ready
+                // if (toolName && shouldOpenGenericResource(toolName)) {
+                //   const entryIdx = genericEntryMap.get(id)
+                //   if (entryIdx !== undefined) {
+                //     const entry = genericResourceDataRef.current.entries[entryIdx]
+                //     if (entry) {
+                //       updateGenericEntry(entryIdx, {
+                //         streamingArgs: (entry.streamingArgs ?? '') + delta,
+                //       })
+                //     }
+                //   }
+                // }
+
                 break
               }
               case 'tool_result': {
@@ -1360,6 +1437,34 @@ export function useChat(
                       setResources((rs) => rs.filter((r) => r.id !== 'streaming-file'))
                     }
                   }
+
+                  // TODO: Uncomment when rich UI for Results tab is ready
+                  // if (
+                  //   shouldOpenGenericResource(tc.name) ||
+                  //   (isDeferredResourceTool(tc.name) && extractedResources.length === 0)
+                  // ) {
+                  //   const entryIdx = genericEntryMap.get(id)
+                  //   if (entryIdx !== undefined) {
+                  //     updateGenericEntry(entryIdx, {
+                  //       status: tc.status,
+                  //       result: tc.result ?? undefined,
+                  //       streamingArgs: undefined,
+                  //     })
+                  //   } else {
+                  //     const newIdx = appendGenericEntry({
+                  //       toolCallId: id,
+                  //       toolName: tc.name,
+                  //       displayTitle: tc.displayTitle ?? tc.name,
+                  //       status: tc.status,
+                  //       params: toolArgsMap.get(id) as Record<string, unknown> | undefined,
+                  //       result: tc.result ?? undefined,
+                  //     })
+                  //     genericEntryMap.set(id, newIdx)
+                  //     if (addResource({ type: 'generic', id: 'results', title: 'Results' })) {
+                  //       onResourceEventRef.current?.()
+                  //     }
+                  //   }
+                  // }
                 }
 
                 break
@@ -1447,13 +1552,22 @@ export function useChat(
                 if (!id) break
                 const idx = toolMap.get(id)
                 if (idx !== undefined && blocks[idx].toolCall) {
+                  const toolCallName = blocks[idx].toolCall!.name
                   blocks[idx].toolCall!.status = 'error'
-                  if (blocks[idx].toolCall?.name === 'workspace_file') {
+                  if (toolCallName === 'workspace_file') {
                     setStreamingFile(null)
                     streamingFileRef.current = null
                     setResources((rs) => rs.filter((resource) => resource.id !== 'streaming-file'))
                   }
                   flush()
+
+                  // TODO: Uncomment when rich UI for Results tab is ready
+                  // if (toolCallName && shouldOpenGenericResource(toolCallName)) {
+                  //   const entryIdx = genericEntryMap.get(id)
+                  //   if (entryIdx !== undefined) {
+                  //     updateGenericEntry(entryIdx, { status: 'error', streamingArgs: undefined })
+                  //   }
+                  // }
                 }
                 break
               }
@@ -2159,5 +2273,6 @@ export function useChat(
     sendNow,
     editQueuedMessage,
     streamingFile,
+    genericResourceData,
   }
 }
diff --git a/apps/sim/app/workspace/[workspaceId]/home/types.ts b/apps/sim/app/workspace/[workspaceId]/home/types.ts
index c7593eacdd7..9cfd6b99850 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/types.ts
+++ b/apps/sim/app/workspace/[workspaceId]/home/types.ts
@@ -190,6 +190,22 @@ export interface ToolCallResult {
   error?: string
 }
 
+/** A single tool call result entry in the generic Results resource tab. */
+export interface GenericResourceEntry {
+  toolCallId: string
+  toolName: string
+  displayTitle: string
+  status: ToolCallStatus
+  params?: Record<string, unknown>
+  streamingArgs?: string
+  result?: ToolCallResult
+}
+
+/** Accumulated feed of tool call results shown in the generic Results tab. */
+export interface GenericResourceData {
+  entries: GenericResourceEntry[]
+}
+
 export interface ToolCallData {
   id: string
   toolName: string
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/chat.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/chat.tsx
index ed05ace47c9..f2b7e4cabe0 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/chat.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/chat.tsx
@@ -34,6 +34,12 @@ import {
   useUpdateChat,
 } from '@/hooks/queries/chats'
 import { useIdentifierValidation } from './hooks'
+import {
+  getPasswordHelperText,
+  getPasswordPlaceholder,
+  hasExistingPassword,
+  isPasswordRequired,
+} from './utils'
 
 const logger = createLogger('ChatDeploy')
 
@@ -69,6 +75,7 @@ export interface ExistingChat {
     welcomeMessage?: string
     imageUrl?: string
   }
+  hasPassword: boolean
   isActive: boolean
 }
 
@@ -128,6 +135,7 @@ export function ChatDeploy({
   const deleteChatMutation = useDeleteChat()
   const [isIdentifierValid, setIsIdentifierValid] = useState(false)
   const [hasInitializedForm, setHasInitializedForm] = useState(false)
+  const existingPassword = hasExistingPassword(existingChat)
 
   const updateField = <K extends keyof ChatFormData>(field: K, value: ChatFormData[K]) => {
     setFormData((prev) => ({ ...prev, [field]: value }))
@@ -140,7 +148,7 @@ export function ChatDeploy({
     setErrors((prev) => ({ ...prev, [field]: message }))
   }
 
-  const validateForm = (isExistingChat: boolean): boolean => {
+  const validateForm = (): boolean => {
     const newErrors: FormErrors = {}
 
     if (!formData.identifier.trim()) {
@@ -153,7 +161,7 @@ export function ChatDeploy({
       newErrors.title = 'Title is required'
     }
 
-    if (formData.authType === 'password' && !isExistingChat && !formData.password.trim()) {
+    if (isPasswordRequired(formData.authType, formData.password, existingPassword)) {
       newErrors.password = 'Password is required when using password protection'
     }
 
@@ -176,9 +184,7 @@ export function ChatDeploy({
     isIdentifierValid &&
     Boolean(formData.title.trim()) &&
     formData.selectedOutputBlocks.length > 0 &&
-    (formData.authType !== 'password' ||
-      Boolean(formData.password.trim()) ||
-      Boolean(existingChat)) &&
+    !isPasswordRequired(formData.authType, formData.password, existingPassword) &&
     ((formData.authType !== 'email' && formData.authType !== 'sso') || formData.emails.length > 0)
 
   useEffect(() => {
@@ -228,7 +234,7 @@ export function ChatDeploy({
     const newTab = isNewChat ? window.open('', '_blank') : null
 
     try {
-      if (!validateForm(!!existingChat)) {
+      if (!validateForm()) {
         newTab?.close()
         setChatSubmitting(false)
         return
@@ -381,7 +387,7 @@ export function ChatDeploy({
             onPasswordChange={(password) => updateField('password', password)}
             onEmailsChange={(emails) => updateField('emails', emails)}
             disabled={chatSubmitting}
-            isExistingChat={!!existingChat}
+            hasExistingPassword={existingPassword}
             error={errors.password || errors.emails}
           />
           <div>
@@ -605,7 +611,7 @@ interface AuthSelectorProps {
   onPasswordChange: (password: string) => void
   onEmailsChange: (emails: string[]) => void
   disabled?: boolean
-  isExistingChat?: boolean
+  hasExistingPassword?: boolean
   error?: string
 }
 
@@ -624,7 +630,7 @@ function AuthSelector({
   onPasswordChange,
   onEmailsChange,
   disabled = false,
-  isExistingChat = false,
+  hasExistingPassword = false,
   error,
 }: AuthSelectorProps) {
   const [showPassword, setShowPassword] = useState(false)
@@ -712,12 +718,12 @@ function AuthSelector({
           <div className='relative'>
             <Input
               type={showPassword ? 'text' : 'password'}
-              placeholder={isExistingChat ? 'Enter new password to change' : 'Enter password'}
+              placeholder={getPasswordPlaceholder(hasExistingPassword)}
               value={password}
               onChange={(e) => onPasswordChange(e.target.value)}
               disabled={disabled}
               className='pr-[88px]'
-              required={!isExistingChat}
+              required={!hasExistingPassword}
               autoComplete='new-password'
             />
             <div className='-translate-y-1/2 absolute top-1/2 right-[4px] flex items-center'>
@@ -779,9 +785,7 @@ function AuthSelector({
             </div>
           </div>
           <p className='mt-[6.5px] text-[var(--text-secondary)] text-xs'>
-            {isExistingChat
-              ? 'Leave empty to keep the current password'
-              : 'This password will be required to access your chat'}
+            {getPasswordHelperText(hasExistingPassword)}
           </p>
         </div>
       )}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/utils.test.ts b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/utils.test.ts
new file mode 100644
index 00000000000..ce35a849135
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/utils.test.ts
@@ -0,0 +1,32 @@
+import { describe, expect, it } from 'vitest'
+import {
+  getPasswordHelperText,
+  getPasswordPlaceholder,
+  hasExistingPassword,
+  isPasswordRequired,
+} from './utils'
+
+describe.concurrent('chat password state', () => {
+  it('treats an existing password-protected chat as having a stored password', () => {
+    expect(hasExistingPassword({ authType: 'password', hasPassword: true })).toBe(true)
+  })
+
+  it('does not treat a non-password chat as having a stored password', () => {
+    expect(hasExistingPassword({ authType: 'public', hasPassword: true })).toBe(false)
+  })
+
+  it('requires a password when switching an existing public chat to password auth', () => {
+    expect(isPasswordRequired('password', '', false)).toBe(true)
+  })
+
+  it('allows an empty password only when one is already stored', () => {
+    expect(isPasswordRequired('password', '', true)).toBe(false)
+  })
+
+  it('returns copy that matches the stored-password state', () => {
+    expect(getPasswordPlaceholder(true)).toBe('Enter new password to change')
+    expect(getPasswordHelperText(true)).toBe('Leave empty to keep the current password')
+    expect(getPasswordPlaceholder(false)).toBe('Enter password')
+    expect(getPasswordHelperText(false)).toBe('This password will be required to access your chat')
+  })
+})
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/utils.ts b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/utils.ts
new file mode 100644
index 00000000000..bb1967aba9c
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/utils.ts
@@ -0,0 +1,30 @@
+import type { AuthType } from '@/hooks/queries/chats'
+
+type ExistingPasswordState = {
+  authType: AuthType
+  hasPassword: boolean
+}
+
+export function hasExistingPassword(
+  existingChat: ExistingPasswordState | null | undefined
+): boolean {
+  return existingChat?.authType === 'password' && existingChat.hasPassword
+}
+
+export function isPasswordRequired(
+  authType: AuthType,
+  password: string,
+  existingPassword: boolean
+): boolean {
+  return authType === 'password' && !existingPassword && !password.trim()
+}
+
+export function getPasswordPlaceholder(existingPassword: boolean): string {
+  return existingPassword ? 'Enter new password to change' : 'Enter password'
+}
+
+export function getPasswordHelperText(existingPassword: boolean): string {
+  return existingPassword
+    ? 'Leave empty to keep the current password'
+    : 'This password will be required to access your chat'
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/_components/command-items.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/command-items.tsx
similarity index 100%
rename from apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/_components/command-items.tsx
rename to apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/command-items.tsx
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/_components/search-groups.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/search-groups.tsx
similarity index 100%
rename from apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/_components/search-groups.tsx
rename to apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/search-groups.tsx
diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/search-modal.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/search-modal.tsx
index 838083bec01..592d3562d6a 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/search-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/search-modal.tsx
@@ -31,7 +31,7 @@ import {
   TriggersGroup,
   WorkflowsGroup,
   WorkspacesGroup,
-} from './_components/search-groups'
+} from './components/search-groups'
 import type { PageItem, SearchModalProps, TaskItem, WorkflowItem, WorkspaceItem } from './utils'
 import { filterAndSort } from './utils'
 
diff --git a/apps/sim/components/emcn/components/button-group/button-group.tsx b/apps/sim/components/emcn/components/button-group/button-group.tsx
index 9be9c842bc6..3a719472e79 100644
--- a/apps/sim/components/emcn/components/button-group/button-group.tsx
+++ b/apps/sim/components/emcn/components/button-group/button-group.tsx
@@ -79,7 +79,7 @@ function ButtonGroup({
 
   return (
     <ButtonGroupContext.Provider value={{ value, onValueChange, disabled }}>
-      <div role='group' className={cn(buttonGroupVariants({ gap }), className)} {...props}>
+      <div role='radiogroup' className={cn(buttonGroupVariants({ gap }), className)} {...props}>
         {validChildren.map((child, index) => {
           const position: 'first' | 'middle' | 'last' | 'only' =
             childCount === 1
@@ -104,7 +104,7 @@ const buttonGroupItemVariants = cva(
   {
     variants: {
       active: {
-        true: 'bg-[var(--text-primary)] text-[var(--text-inverse)] border-[var(--text-primary)] hover-hover:bg-[var(--surface-4)] hover-hover:border-[var(--border)] dark:bg-white dark:text-[var(--bg)] dark:border-white dark:hover-hover:bg-[var(--border-1)] dark:hover-hover:text-[var(--text-inverse)] dark:hover-hover:border-[var(--border-1)]',
+        true: 'bg-[var(--text-primary)] text-[var(--text-inverse)] border-[var(--text-primary)] hover-hover:bg-[var(--text-primary)] hover-hover:text-[var(--text-inverse)] hover-hover:border-[var(--text-primary)] dark:bg-white dark:text-[var(--bg)] dark:border-white dark:hover-hover:bg-white dark:hover-hover:text-[var(--bg)] dark:hover-hover:border-white',
         false:
           'bg-[var(--surface-4)] text-[var(--text-secondary)] border-[var(--border)] hover-hover:text-[var(--text-primary)] hover-hover:bg-[var(--surface-6)] hover-hover:border-[var(--border-1)]',
       },
diff --git a/apps/sim/components/emcn/components/button/button.tsx b/apps/sim/components/emcn/components/button/button.tsx
index 26570f2854c..d04dfcd47a4 100644
--- a/apps/sim/components/emcn/components/button/button.tsx
+++ b/apps/sim/components/emcn/components/button/button.tsx
@@ -3,14 +3,14 @@ import { cva, type VariantProps } from 'class-variance-authority'
 import { cn } from '@/lib/core/utils/cn'
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center font-medium transition-colors active:scale-[0.98] disabled:pointer-events-none disabled:opacity-70 outline-none focus:outline-none focus-visible:outline-none rounded-[5px]',
+  'inline-flex items-center justify-center font-medium transition-colors disabled:pointer-events-none disabled:opacity-70 outline-none focus:outline-none focus-visible:outline-none rounded-[5px]',
   {
     variants: {
       variant: {
         default:
           'text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)] bg-[var(--surface-4)] hover-hover:bg-[var(--surface-6)] border border-[var(--border)] hover-hover:border-[var(--border-1)] dark:hover-hover:bg-[var(--surface-5)]',
         active:
-          'bg-[var(--surface-5)] hover-hover:bg-[var(--surface-7)] text-[var(--text-primary)] border border-[var(--border-1)] dark:hover-hover:bg-[var(--border-1)]',
+          'bg-[var(--surface-5)] hover-hover:bg-[var(--surface-6)] text-[var(--text-primary)] hover-hover:text-[var(--text-primary)] border border-[var(--border-1)] hover-hover:border-[var(--border-1)] dark:hover-hover:bg-[var(--border-1)]',
         '3d': 'text-[var(--text-tertiary)] border-t border-l border-r border-[var(--border-1)] shadow-[0_2px_0_0_var(--border-1)] hover-hover:shadow-[0_4px_0_0_var(--border-1)] transition-[transform,box-shadow,color] hover-hover:-translate-y-0.5 hover-hover:text-[var(--text-primary)]',
         outline:
           'text-[var(--text-secondary)] hover-hover:text-[var(--text-primary)] border border-[var(--text-muted)] bg-transparent hover-hover:border-[var(--text-secondary)]',
@@ -25,15 +25,10 @@ const buttonVariants = cva(
         subtle:
           'text-[var(--text-body)] hover-hover:text-[var(--text-body)] hover-hover:bg-[var(--surface-4)]',
         'ghost-secondary': 'text-[var(--text-muted)] hover-hover:text-[var(--text-primary)]',
-        /** Branded button - requires branded-button-gradient or branded-button-custom class for colors */
-        branded:
-          'rounded-[10px] border text-white hover-hover:text-white text-base transition-[transform,background-color,color,border-color] duration-200',
       },
       size: {
         sm: 'px-1.5 py-1 text-[length:11px]',
         md: 'px-2 py-1.5 text-[length:12px]',
-        /** Branded size - matches login form button padding */
-        branded: 'py-1.5 pr-2.5 pl-3',
       },
     },
     defaultVariants: {
diff --git a/apps/sim/components/emcn/components/expandable/expandable.tsx b/apps/sim/components/emcn/components/expandable/expandable.tsx
index 28d70b5dfc5..2c04cb56532 100644
--- a/apps/sim/components/emcn/components/expandable/expandable.tsx
+++ b/apps/sim/components/emcn/components/expandable/expandable.tsx
@@ -50,7 +50,7 @@ const ExpandableContent = React.forwardRef<
   <CollapsiblePrimitive.Content
     ref={ref}
     className={cn(
-      'overflow-hidden transition-[height] duration-300 ease-in-out data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down',
+      'overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down',
       className
     )}
     {...props}
diff --git a/apps/sim/ee/sso/components/sso-auth.tsx b/apps/sim/ee/sso/components/sso-auth.tsx
index 0caab5603d8..bdc182c0a29 100644
--- a/apps/sim/ee/sso/components/sso-auth.tsx
+++ b/apps/sim/ee/sso/components/sso-auth.tsx
@@ -2,12 +2,13 @@
 
 import { type KeyboardEvent, useState } from 'react'
 import { createLogger } from '@sim/logger'
+import { Loader2 } from 'lucide-react'
 import { useRouter } from 'next/navigation'
 import { Input, Label } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
 import AuthBackground from '@/app/(auth)/components/auth-background'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { SupportFooter } from '@/app/(auth)/components/support-footer'
 import Navbar from '@/app/(home)/components/navbar/navbar'
 
@@ -97,7 +98,7 @@ export default function SSOAuth({ identifier }: SSOAuthProps) {
 
   return (
     <AuthBackground className='dark font-[430] font-season'>
-      <main className='relative flex min-h-screen flex-col text-[var(--text-primary)]'>
+      <main className='relative flex min-h-full flex-col text-[var(--landing-text)]'>
         <header className='shrink-0 bg-[var(--landing-bg)]'>
           <Navbar logoOnly />
         </header>
@@ -105,10 +106,10 @@ export default function SSOAuth({ identifier }: SSOAuthProps) {
           <div className='w-full max-w-lg px-4'>
             <div className='flex flex-col items-center justify-center'>
               <div className='space-y-1 text-center'>
-                <h1 className='font-[500] text-[32px] text-[var(--text-primary)] tracking-tight'>
+                <h1 className='text-balance font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
                   SSO Authentication
                 </h1>
-                <p className='font-[380] text-[var(--text-subtle)] text-md'>
+                <p className='font-[430] font-season text-[color-mix(in_srgb,var(--landing-text-subtle)_60%,transparent)] text-lg leading-[125%] tracking-[0.02em]'>
                   This chat requires SSO authentication
                 </p>
               </div>
@@ -152,9 +153,16 @@ export default function SSOAuth({ identifier }: SSOAuthProps) {
                   )}
                 </div>
 
-                <BrandedButton type='submit' loading={isLoading} loadingText='Redirecting to SSO'>
-                  Continue with SSO
-                </BrandedButton>
+                <button type='submit' disabled={isLoading} className={AUTH_SUBMIT_BTN}>
+                  {isLoading ? (
+                    <span className='flex items-center gap-2'>
+                      <Loader2 className='h-4 w-4 animate-spin' />
+                      Redirecting to SSO...
+                    </span>
+                  ) : (
+                    'Continue with SSO'
+                  )}
+                </button>
               </form>
             </div>
           </div>
diff --git a/apps/sim/ee/sso/components/sso-form.tsx b/apps/sim/ee/sso/components/sso-form.tsx
index 9e4aeb0341c..3352d16e3e5 100644
--- a/apps/sim/ee/sso/components/sso-form.tsx
+++ b/apps/sim/ee/sso/components/sso-form.tsx
@@ -2,6 +2,7 @@
 
 import { useEffect, useState } from 'react'
 import { createLogger } from '@sim/logger'
+import { Loader2 } from 'lucide-react'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { Button, Input, Label } from '@/components/emcn'
@@ -10,7 +11,7 @@ import { env, isFalsy } from '@/lib/core/config/env'
 import { validateCallbackUrl } from '@/lib/core/security/input-validation'
 import { cn } from '@/lib/core/utils/cn'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
-import { BrandedButton } from '@/app/(auth)/components/branded-button'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 
 const logger = createLogger('SSOForm')
 
@@ -50,13 +51,11 @@ export default function SSOForm() {
         }
       }
 
-      // Pre-fill email if provided in URL (e.g., from deployed chat SSO)
       const emailParam = searchParams.get('email')
       if (emailParam) {
         setEmail(emailParam)
       }
 
-      // Check for SSO error from redirect
       const error = searchParams.get('error')
       if (error) {
         const errorMessages: Record<string, string> = {
@@ -134,10 +133,18 @@ export default function SSOForm() {
   return (
     <>
       <div className='space-y-1 text-center'>
-        <h1 className={'font-[500] text-[32px] text-[var(--text-primary)] tracking-tight'}>
+        <h1
+          className={
+            'text-balance font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'
+          }
+        >
           Sign in with SSO
         </h1>
-        <p className={'font-[380] text-[var(--text-subtle)] text-md'}>
+        <p
+          className={
+            'font-[430] font-season text-[color-mix(in_srgb,var(--landing-text-subtle)_60%,transparent)] text-lg leading-[125%] tracking-[0.02em]'
+          }
+        >
           Enter your work email to continue
         </p>
       </div>
@@ -175,14 +182,16 @@ export default function SSOForm() {
           </div>
         </div>
 
-        <BrandedButton
-          type='submit'
-          disabled={isLoading}
-          loading={isLoading}
-          loadingText='Redirecting to SSO provider'
-        >
-          Continue with SSO
-        </BrandedButton>
+        <button type='submit' disabled={isLoading} className={AUTH_SUBMIT_BTN}>
+          {isLoading ? (
+            <span className='flex items-center gap-2'>
+              <Loader2 className='h-4 w-4 animate-spin' />
+              Redirecting to SSO provider...
+            </span>
+          ) : (
+            'Continue with SSO'
+          )}
+        </button>
       </form>
 
       {/* Only show divider and email signin button if email/password is enabled */}
@@ -217,20 +226,20 @@ export default function SSOForm() {
           <span className='font-normal'>Don't have an account? </span>
           <Link
             href={`/signup${callbackUrl ? `?callbackUrl=${encodeURIComponent(callbackUrl)}` : ''}`}
-            className='font-medium text-[var(--text-primary)] underline-offset-4 transition hover:text-white hover:underline'
+            className='font-medium text-[var(--landing-text)] underline-offset-4 transition hover:text-white hover:underline'
           >
             Sign up
           </Link>
         </div>
       )}
 
-      <div className='absolute right-0 bottom-0 left-0 px-8 pb-8 text-center font-[340] text-[var(--text-subtle)] text-sm leading-relaxed sm:px-8 md:px-[44px]'>
+      <div className='absolute right-0 bottom-0 left-0 px-8 pb-8 text-center font-[340] text-[var(--landing-text-muted)] text-sm leading-relaxed sm:px-8 md:px-[44px]'>
         By signing in, you agree to our{' '}
         <Link
           href='/terms'
           target='_blank'
           rel='noopener noreferrer'
-          className='text-[var(--text-subtle)] underline-offset-4 transition hover:text-[var(--text-primary)] hover:underline'
+          className='text-[var(--landing-text-muted)] underline-offset-4 transition hover:text-[var(--landing-text)] hover:underline'
         >
           Terms of Service
         </Link>{' '}
@@ -239,7 +248,7 @@ export default function SSOForm() {
           href='/privacy'
           target='_blank'
           rel='noopener noreferrer'
-          className='text-[var(--text-subtle)] underline-offset-4 transition hover:text-[var(--text-primary)] hover:underline'
+          className='text-[var(--landing-text-muted)] underline-offset-4 transition hover:text-[var(--landing-text)] hover:underline'
         >
           Privacy Policy
         </Link>
diff --git a/apps/sim/app/workspace/[workspaceId]/home/hooks/use-animated-placeholder.ts b/apps/sim/hooks/use-animated-placeholder.ts
similarity index 100%
rename from apps/sim/app/workspace/[workspaceId]/home/hooks/use-animated-placeholder.ts
rename to apps/sim/hooks/use-animated-placeholder.ts
diff --git a/apps/sim/app/workspace/[workspaceId]/home/hooks/use-auto-scroll.ts b/apps/sim/hooks/use-auto-scroll.ts
similarity index 100%
rename from apps/sim/app/workspace/[workspaceId]/home/hooks/use-auto-scroll.ts
rename to apps/sim/hooks/use-auto-scroll.ts
diff --git a/apps/sim/hooks/use-branded-button-class.ts b/apps/sim/hooks/use-branded-button-class.ts
deleted file mode 100644
index 7039857ffe6..00000000000
--- a/apps/sim/hooks/use-branded-button-class.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-
-const DEFAULT_BRAND_ACCENT = '#6f3dfa'
-
-export type BrandedButtonClass = 'branded-button-gradient' | 'branded-button-custom'
-
-/**
- * Hook to determine the appropriate button class based on brand customization.
- * Returns 'branded-button-gradient' for default Sim branding, 'branded-button-custom' for whitelabeled instances.
- */
-export function useBrandedButtonClass(): BrandedButtonClass {
-  const [buttonClass, setButtonClass] = useState<BrandedButtonClass>('branded-button-gradient')
-
-  useEffect(() => {
-    const checkCustomBrand = () => {
-      const computedStyle = getComputedStyle(document.documentElement)
-      const brandAccent = computedStyle.getPropertyValue('--brand-link').trim()
-
-      if (brandAccent && brandAccent !== DEFAULT_BRAND_ACCENT) {
-        setButtonClass('branded-button-custom')
-      } else {
-        setButtonClass('branded-button-gradient')
-      }
-    }
-
-    checkCustomBrand()
-
-    window.addEventListener('resize', checkCustomBrand)
-    const observer = new MutationObserver(checkCustomBrand)
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ['style', 'class'],
-    })
-
-    return () => {
-      window.removeEventListener('resize', checkCustomBrand)
-      observer.disconnect()
-    }
-  }, [])
-
-  return buttonClass
-}
diff --git a/apps/sim/app/workspace/[workspaceId]/home/hooks/use-streaming-reveal.ts b/apps/sim/hooks/use-streaming-reveal.ts
similarity index 92%
rename from apps/sim/app/workspace/[workspaceId]/home/hooks/use-streaming-reveal.ts
rename to apps/sim/hooks/use-streaming-reveal.ts
index 0d6d9549644..8ce1beeac75 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/hooks/use-streaming-reveal.ts
+++ b/apps/sim/hooks/use-streaming-reveal.ts
@@ -75,6 +75,16 @@ export function useStreamingReveal(content: string, isStreaming: boolean): Strea
   }, [content, isStreaming])
 
   if (!isStreaming) {
+    const preservedSplit = prevSplitRef.current
+
+    if (preservedSplit > 0 && preservedSplit < content.length) {
+      return {
+        committed: content.slice(0, preservedSplit),
+        incoming: content.slice(preservedSplit),
+        generation,
+      }
+    }
+
     return { committed: content, incoming: '', generation }
   }
 
diff --git a/apps/sim/lib/copilot/resource-extraction.ts b/apps/sim/lib/copilot/resource-extraction.ts
index 5eeda39f027..9887ea5ded3 100644
--- a/apps/sim/lib/copilot/resource-extraction.ts
+++ b/apps/sim/lib/copilot/resource-extraction.ts
@@ -3,21 +3,94 @@ import type { MothershipResource, MothershipResourceType } from '@/lib/copilot/r
 type ChatResource = MothershipResource
 type ResourceType = MothershipResourceType
 
-const RESOURCE_TOOL_NAMES = new Set([
-  'user_table',
-  'workspace_file',
-  'download_to_workspace_file',
-  'create_workflow',
-  'edit_workflow',
-  'function_execute',
-  'knowledge_base',
-  'knowledge',
-  'generate_visualization',
-  'generate_image',
-])
+/**
+ * Defines how each tool's result is surfaced in the resource panel:
+ * - `dedicated` — opens its own resource tab (table, file, workflow, knowledgebase)
+ * - `deferred`  — may open a dedicated tab; falls back to the Results tab if no resource is produced
+ * - `excluded`  — hidden from the resource panel (internal tools, management, subagent wrappers)
+ *
+ * Any tool not listed here appears in the generic Results tab by default.
+ */
+const TOOL_PANEL_BEHAVIOR: Record<string, 'dedicated' | 'deferred' | 'excluded'> = {
+  // Dedicated resource tab openers
+  user_table: 'dedicated',
+  workspace_file: 'dedicated',
+  download_to_workspace_file: 'dedicated',
+  create_workflow: 'dedicated',
+  edit_workflow: 'dedicated',
+  knowledge_base: 'dedicated',
+  knowledge: 'dedicated',
+  generate_visualization: 'dedicated',
+  generate_image: 'dedicated',
+  // Deferred: may produce a dedicated resource; falls back to Results tab otherwise
+  function_execute: 'deferred',
+  // Excluded: saves files without opening a resource tab
+  materialize_file: 'excluded',
+  // Excluded: internal / invisible
+  user_memory: 'excluded',
+  context_write: 'excluded',
+  context_compaction: 'excluded',
+  // Excluded: workflow and folder management
+  rename_workflow: 'excluded',
+  move_workflow: 'excluded',
+  delete_workflow: 'excluded',
+  create_folder: 'excluded',
+  delete_folder: 'excluded',
+  move_folder: 'excluded',
+  list_folders: 'excluded',
+  list_user_workspaces: 'excluded',
+  open_resource: 'excluded',
+  // Excluded: settings and credential management
+  set_environment_variables: 'excluded',
+  set_global_workflow_variables: 'excluded',
+  manage_mcp_tool: 'excluded',
+  manage_skill: 'excluded',
+  manage_credential: 'excluded',
+  manage_custom_tool: 'excluded',
+  oauth_get_auth_link: 'excluded',
+  oauth_request_access: 'excluded',
+  update_workspace_mcp_server: 'excluded',
+  delete_workspace_mcp_server: 'excluded',
+  create_workspace_mcp_server: 'excluded',
+  list_workspace_mcp_servers: 'excluded',
+  // Excluded: subagent wrappers — inner tools fire as individual events
+  build: 'excluded',
+  run: 'excluded',
+  deploy: 'excluded',
+  auth: 'excluded',
+  table: 'excluded',
+  job: 'excluded',
+  agent: 'excluded',
+  custom_tool: 'excluded',
+  research: 'excluded',
+  plan: 'excluded',
+  debug: 'excluded',
+  edit: 'excluded',
+  fast_edit: 'excluded',
+}
 
+/**
+ * Returns true for resources that are client-only and must never be persisted to the server.
+ * This covers the generic Results tab and the in-flight streaming-file preview.
+ */
+export function isEphemeralResource(resource: { id: string; type: string }): boolean {
+  return resource.type === 'generic' || resource.id === 'streaming-file'
+}
+
+/** Returns true for tools that open a dedicated resource tab or may fall back to the Results tab. */
 export function isResourceToolName(toolName: string): boolean {
-  return RESOURCE_TOOL_NAMES.has(toolName)
+  const b = TOOL_PANEL_BEHAVIOR[toolName]
+  return b === 'dedicated' || b === 'deferred'
+}
+
+/** Returns true if the tool's result should appear in the Results tab at call time. */
+export function shouldOpenGenericResource(toolName: string): boolean {
+  return !(toolName in TOOL_PANEL_BEHAVIOR)
+}
+
+/** Returns true for tools that may fall back to the Results tab at completion time. */
+export function isDeferredResourceTool(toolName: string): boolean {
+  return TOOL_PANEL_BEHAVIOR[toolName] === 'deferred'
 }
 
 function asRecord(value: unknown): Record<string, unknown> {
diff --git a/apps/sim/lib/copilot/resource-types.ts b/apps/sim/lib/copilot/resource-types.ts
index 6dd11ad9b5a..a3b3f3f4bfb 100644
--- a/apps/sim/lib/copilot/resource-types.ts
+++ b/apps/sim/lib/copilot/resource-types.ts
@@ -1,4 +1,4 @@
-export type MothershipResourceType = 'table' | 'file' | 'workflow' | 'knowledgebase'
+export type MothershipResourceType = 'table' | 'file' | 'workflow' | 'knowledgebase' | 'generic'
 
 export interface MothershipResource {
   type: MothershipResourceType
diff --git a/apps/sim/lib/copilot/resources.ts b/apps/sim/lib/copilot/resources.ts
index d2aac2f391e..5efec3dd50b 100644
--- a/apps/sim/lib/copilot/resources.ts
+++ b/apps/sim/lib/copilot/resources.ts
@@ -2,12 +2,14 @@ import { db } from '@sim/db'
 import { copilotChats } from '@sim/db/schema'
 import { createLogger } from '@sim/logger'
 import { eq, sql } from 'drizzle-orm'
+import { isEphemeralResource } from '@/lib/copilot/resource-extraction'
 import type { MothershipResource } from '@/lib/copilot/resource-types'
 
 export {
   extractDeletedResourcesFromToolResult,
   extractResourcesFromToolResult,
   hasDeleteCapability,
+  isEphemeralResource,
   isResourceToolName,
 } from '@/lib/copilot/resource-extraction'
 export type {
@@ -25,7 +27,7 @@ export async function persistChatResources(
   chatId: string,
   newResources: MothershipResource[]
 ): Promise<void> {
-  const toMerge = newResources.filter((r) => r.id !== 'streaming-file')
+  const toMerge = newResources.filter((r) => !isEphemeralResource(r))
   if (toMerge.length === 0) return
 
   try {
diff --git a/apps/sim/public/new/logo/colorized-bg.svg b/apps/sim/public/new/logo/colorized-bg.svg
deleted file mode 100644
index 47baed4b667..00000000000
--- a/apps/sim/public/new/logo/colorized-bg.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" height="400" viewBox="0 0 400 400" width="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="218.434" x2="274.629" y1="218.27" y2="274.334"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><path d="m0 0h400v400h-400z" fill="#0b0b0b"/><path clip-rule="evenodd" d="m196.822 182.761c0 3.587-1.419 7.031-3.938 9.567l-.361.364c-2.517 2.544-5.937 3.966-9.499 3.966h-80.579c-7.4204 0-13.445 6.06-13.445 13.533v87.141c0 7.474 6.0246 13.534 13.445 13.534h86.517c7.421 0 13.438-6.06 13.438-13.534v-81.587c0-3.326 1.31-6.517 3.647-8.871 2.33-2.347 5.499-3.667 8.802-3.667h81.928c7.421 0 13.437-6.059 13.437-13.533v-87.141c0-7.4734-6.016-13.533-13.437-13.533h-86.517c-7.421 0-13.438 6.0596-13.438 13.533zm26.256-75.211h60.874c4.337 0 7.844 3.539 7.844 7.9v61.307c0 4.361-3.507 7.901-7.844 7.901h-60.874c-4.33 0-7.845-3.54-7.845-7.901v-61.307c0-4.361 3.515-7.9 7.845-7.9z" fill="#33c482" fill-rule="evenodd"/><path d="m296.878 218.57h-64.324c-7.798 0-14.12 6.367-14.12 14.221v63.993c0 7.854 6.322 14.221 14.12 14.221h64.324c7.799 0 14.121-6.367 14.121-14.221v-63.993c0-7.854-6.322-14.221-14.121-14.221z" fill="#33c482"/><path d="m296.878 218.27h-64.324c-7.798 0-14.12 6.366-14.12 14.221v63.992c0 7.854 6.322 14.22 14.12 14.22h64.324c7.799 0 14.121-6.366 14.121-14.22v-63.992c0-7.855-6.322-14.221-14.121-14.221z" fill="url(#a)" fill-opacity=".2"/></svg>
\ No newline at end of file
diff --git a/apps/sim/public/new/logo/colorized.svg b/apps/sim/public/new/logo/colorized.svg
deleted file mode 100644
index 9942a90458a..00000000000
--- a/apps/sim/public/new/logo/colorized.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" height="222" viewBox="0 0 222 222" width="222" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="129.434" x2="185.629" y1="129.27" y2="185.334"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><path clip-rule="evenodd" d="m107.822 93.7612c0 3.5869-1.419 7.0308-3.938 9.5668l-.361.364c-2.517 2.544-5.9375 3.966-9.4994 3.966h-80.5781c-7.42094 0-13.4455 6.06-13.4455 13.533v87.141c0 7.474 6.02456 13.534 13.4455 13.534h86.5167c7.4208 0 13.4378-6.06 13.4378-13.534v-81.587c0-3.326 1.31-6.517 3.647-8.871 2.33-2.347 5.499-3.667 8.802-3.667h81.928c7.421 0 13.437-6.059 13.437-13.533v-87.1407c0-7.47374-6.016-13.5333-13.437-13.5333h-86.517c-7.421 0-13.438 6.05956-13.438 13.5333zm26.256-75.2112h60.874c4.337 0 7.844 3.5393 7.844 7.9003v61.3071c0 4.3604-3.507 7.9003-7.844 7.9003h-60.874c-4.33 0-7.845-3.5399-7.845-7.9003v-61.3071c0-4.361 3.515-7.9003 7.845-7.9003z" fill="#33c482" fill-rule="evenodd"/><path d="m207.878 129.57h-64.324c-7.798 0-14.12 6.367-14.12 14.221v63.993c0 7.854 6.322 14.221 14.12 14.221h64.324c7.799 0 14.121-6.367 14.121-14.221v-63.993c0-7.854-6.322-14.221-14.121-14.221z" fill="#33c482"/><path d="m207.878 129.27h-64.324c-7.798 0-14.12 6.366-14.12 14.221v63.992c0 7.854 6.322 14.22 14.12 14.22h64.324c7.799 0 14.121-6.366 14.121-14.22v-63.992c0-7.855-6.322-14.221-14.121-14.221z" fill="url(#a)" fill-opacity=".2"/></svg>
\ No newline at end of file
diff --git a/apps/sim/public/new/logo/plain.svg b/apps/sim/public/new/logo/plain.svg
deleted file mode 100644
index 06ff9731d5d..00000000000
--- a/apps/sim/public/new/logo/plain.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" height="222" viewBox="0 0 222 222" width="222" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="129.438" x2="185.633" y1="129.27" y2="185.334"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><path clip-rule="evenodd" d="m107.822 93.7612c0 3.5869-1.419 7.0308-3.938 9.5668l-.361.364c-2.517 2.544-5.9375 3.966-9.4994 3.966h-80.5781c-7.42094 0-13.4455 6.06-13.4455 13.533v87.141c0 7.474 6.02456 13.534 13.4455 13.534h86.5167c7.4208 0 13.4378-6.06 13.4378-13.534v-81.587c0-3.326 1.31-6.517 3.647-8.871 2.33-2.347 5.499-3.667 8.802-3.667h81.928c7.421 0 13.437-6.059 13.437-13.533v-87.1407c0-7.47374-6.016-13.5333-13.437-13.5333h-86.517c-7.421 0-13.438 6.05956-13.438 13.5333zm26.256-75.2112h60.874c4.337 0 7.844 3.5393 7.844 7.9003v61.3071c0 4.3604-3.507 7.9003-7.844 7.9003h-60.874c-4.33 0-7.845-3.5399-7.845-7.9003v-61.3071c0-4.361 3.515-7.9003 7.845-7.9003z" fill="#fff" fill-rule="evenodd"/><path d="m207.882 129.57h-64.324c-7.798 0-14.12 6.367-14.12 14.221v63.993c0 7.854 6.322 14.221 14.12 14.221h64.324c7.799 0 14.121-6.367 14.121-14.221v-63.993c0-7.854-6.322-14.221-14.121-14.221z" fill="#fff"/><path d="m207.882 129.27h-64.325c-7.798 0-14.119 6.366-14.119 14.221v63.992c0 7.854 6.321 14.22 14.119 14.22h64.325c7.799 0 14.121-6.366 14.121-14.22v-63.992c0-7.855-6.322-14.221-14.121-14.221z" fill="url(#a)" fill-opacity=".2"/></svg>
\ No newline at end of file
diff --git a/apps/sim/public/static/automate-blocks.svg b/apps/sim/public/static/automate-blocks.svg
deleted file mode 100644
index eb79872c9c6..00000000000
--- a/apps/sim/public/static/automate-blocks.svg
+++ /dev/null
@@ -1,349 +0,0 @@
-<svg
-              viewBox="0 0 535 363"
-              fill="none"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <g clipPath="url(#clip0_113_58)">
-                <g filter="url(#filter0_dddd_113_58)">
-                  <rect
-                    x={20}
-                    y={230}
-                    width={278}
-                    height={556}
-                    rx={12}
-                    fill="#131313"
-                  />
-                  <rect
-                    x={20.5}
-                    y={230.5}
-                    width={277}
-                    height={555}
-                    rx={11.5}
-                    stroke="#333"
-                  />
-                  <rect x={36} y={246} width={28} height={28} rx={8} fill="#802FFF" />
-                  <g
-                    clipPath="url(#clip1_113_58)"
-                    stroke="#fff"
-                    strokeWidth={1.33333}
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  >
-                    <path d="M54 258h-8a2.667 2.667 0 00-2.666 2.667v4A2.667 2.667 0 0046 267.333h8a2.667 2.667 0 002.667-2.666v-4A2.667 2.667 0 0054 258zM50 255.333a1.333 1.333 0 100-2.667 1.333 1.333 0 000 2.667zM50 255.333V258m-2 5.333V262m4 0v1.333" />
-                  </g>
-                  <path
-                    d="M73.304 266l4.096-11.36h2.544L84.04 266h-2.176l-.944-2.688h-4.496L75.48 266h-2.176zm3.728-4.464h3.28l-1.632-4.8-1.648 4.8zm11.72 7.056c-.746 0-1.386-.101-1.92-.304-.533-.203-.965-.491-1.296-.864a3.085 3.085 0 01-.672-1.264l2.112-.144c.107.32.288.571.544.752.267.181.678.272 1.232.272.63 0 1.115-.144 1.456-.432.342-.277.512-.715.512-1.312v-1.088c-.202.416-.528.752-.976 1.008-.448.245-.949.368-1.504.368-.704 0-1.333-.171-1.888-.512a3.618 3.618 0 01-1.28-1.456c-.309-.629-.464-1.355-.464-2.176 0-.821.15-1.541.448-2.16.31-.629.736-1.12 1.28-1.472.544-.363 1.168-.544 1.872-.544.619 0 1.152.139 1.6.416.448.277.774.645.976 1.104v-1.328h2v7.792c0 .725-.17 1.339-.512 1.84-.33.501-.8.875-1.408 1.12-.597.256-1.301.384-2.112.384zm-.032-4.608c.608 0 1.094-.224 1.456-.672.363-.459.55-1.088.56-1.888.011-.533-.069-.987-.24-1.36a1.885 1.885 0 00-.704-.88c-.298-.213-.656-.32-1.072-.32-.629 0-1.12.235-1.472.704-.341.459-.512 1.077-.512 1.856 0 .779.176 1.403.528 1.872.363.459.848.688 1.456.688zm9.846 2.208c-.853 0-1.595-.181-2.224-.544a3.76 3.76 0 01-1.456-1.568c-.341-.672-.512-1.456-.512-2.352 0-.896.17-1.675.512-2.336a3.792 3.792 0 011.44-1.568c.63-.373 1.36-.56 2.192-.56.81 0 1.52.181 2.128.544.619.363 1.093.885 1.424 1.568.331.683.496 1.504.496 2.464v.464h-6.064c.043.747.245 1.312.608 1.696.373.373.864.56 1.472.56.459 0 .837-.101 1.136-.304a1.63 1.63 0 00.64-.88l2.096.128a3.464 3.464 0 01-1.392 1.968c-.683.48-1.515.72-2.496.72zm-2.064-5.264h3.952c-.043-.693-.24-1.205-.592-1.536-.352-.341-.8-.512-1.344-.512s-.997.176-1.36.528c-.352.352-.57.859-.656 1.52zm7.665 5.072v-8.544h1.856l.08 2.4-.24-.096c.085-.597.261-1.077.528-1.44s.592-.629.976-.8a3.07 3.07 0 011.264-.256c.629 0 1.157.139 1.584.416.437.277.768.661.992 1.152.224.48.336 1.04.336 1.68V266h-2.048v-4.832c0-.48-.048-.885-.144-1.216-.096-.331-.256-.581-.48-.752-.213-.181-.501-.272-.864-.272-.544 0-.981.192-1.312.576-.32.384-.48.939-.48 1.664V266h-2.048zm12.44 0c-.854 0-1.483-.197-1.888-.592-.395-.395-.592-1.013-.592-1.856v-8.096h2.047v7.904c0 .395.086.672.257.832.17.149.437.224.8.224h1.2V266h-1.824zm-3.824-6.96v-1.584h5.648v1.584h-5.648z"
-                    fill="#fff"
-                    fillOpacity={0.62}
-                  />
-                  <path fill="#262626" d="M20 286H298V288H20z" />
-                  <path
-                    d="M41.472 318.256c-.907 0-1.696-.165-2.368-.496a3.935 3.935 0 01-1.568-1.376c-.384-.587-.608-1.269-.672-2.048l1.776-.112c.075.533.23.987.464 1.36.235.363.55.64.944.832.405.181.89.272 1.456.272.49 0 .907-.059 1.248-.176.352-.128.619-.315.8-.56.181-.245.272-.544.272-.896 0-.32-.08-.603-.24-.848-.15-.256-.443-.485-.88-.688-.427-.213-1.056-.421-1.888-.624-.907-.224-1.632-.469-2.176-.736-.544-.267-.939-.597-1.184-.992-.235-.405-.352-.901-.352-1.488 0-.651.155-1.221.464-1.712.32-.501.773-.891 1.36-1.168.587-.277 1.29-.416 2.112-.416.864 0 1.6.16 2.208.48.619.32 1.104.757 1.456 1.312.363.555.587 1.189.672 1.904l-1.776.096a2.699 2.699 0 00-.4-1.152 2.114 2.114 0 00-.864-.784c-.363-.192-.805-.288-1.328-.288-.661 0-1.184.155-1.568.464-.373.299-.56.699-.56 1.2 0 .32.075.592.224.816.16.213.437.4.832.56.405.16.976.331 1.712.512.981.224 1.76.501 2.336.832.587.32 1.003.699 1.248 1.136.245.437.368.933.368 1.488 0 .672-.176 1.259-.528 1.76-.341.491-.821.869-1.44 1.136-.619.267-1.339.4-2.16.4zm6.411 2.144v-1.392h1.04c.288 0 .502-.043.64-.128.139-.085.245-.229.32-.432l.272-.704h-.528l-3.072-8.256h1.792l2.336 6.688 2.224-6.688h1.808l-3.392 9.504c-.17.491-.426.848-.768 1.072-.33.224-.794.336-1.392.336h-1.28zm11.206-2.208c-.8 0-1.477-.123-2.032-.368-.544-.245-.965-.581-1.264-1.008a3.018 3.018 0 01-.512-1.504l1.744-.08c.086.469.288.843.608 1.12.32.277.806.416 1.456.416.534 0 .955-.085 1.264-.256.31-.171.464-.443.464-.816a.815.815 0 00-.16-.512c-.096-.149-.288-.272-.576-.368-.288-.107-.714-.208-1.28-.304-.842-.16-1.504-.347-1.984-.56-.48-.213-.821-.485-1.024-.816-.202-.331-.304-.731-.304-1.2 0-.779.288-1.413.864-1.904.587-.491 1.43-.736 2.528-.736.736 0 1.355.128 1.856.384.502.245.891.581 1.168 1.008.288.416.47.885.544 1.408l-1.744.096a1.778 1.778 0 00-.32-.768 1.427 1.427 0 00-.608-.512 2.018 2.018 0 00-.912-.192c-.544 0-.949.107-1.216.32-.266.213-.4.491-.4.832 0 .256.059.464.176.624.128.16.331.293.608.4a6.89 6.89 0 001.104.256c.886.149 1.579.336 2.08.56.502.213.854.48 1.056.8.203.32.304.709.304 1.168 0 .533-.149.987-.448 1.36-.298.373-.709.661-1.232.864-.522.192-1.125.288-1.808.288zm8.156-.192c-.81 0-1.408-.187-1.792-.56-.384-.373-.576-.955-.576-1.744v-8.208h1.696v8.08c0 .395.086.667.256.816.17.149.432.224.784.224h1.216V318h-1.584zm-3.664-7.12v-1.392h5.248v1.392h-5.248zm10.232 7.312c-.832 0-1.552-.181-2.16-.544-.597-.363-1.061-.88-1.392-1.552-.32-.672-.48-1.456-.48-2.352 0-.896.16-1.675.48-2.336.331-.672.795-1.189 1.392-1.552.598-.373 1.302-.56 2.112-.56.768 0 1.446.181 2.032.544.587.352 1.04.864 1.36 1.536.331.672.496 1.483.496 2.432v.432h-6.112c.043.832.262 1.456.656 1.872.406.416.95.624 1.632.624.502 0 .918-.117 1.248-.352.331-.235.56-.549.688-.944l1.76.112a3.532 3.532 0 01-1.328 1.92c-.65.48-1.445.72-2.384.72zm-2.272-5.232h4.32c-.053-.757-.272-1.317-.656-1.68-.373-.363-.853-.544-1.44-.544-.608 0-1.109.192-1.504.576-.384.373-.624.923-.72 1.648zm7.83 5.04v-8.512h1.553l.048 2.112-.192-.064c.096-.469.261-.869.496-1.2.245-.331.544-.587.896-.768a2.482 2.482 0 011.152-.272c.725 0 1.317.208 1.776.624.459.405.747.965.864 1.68h-.272c.096-.501.256-.917.48-1.248.234-.341.533-.603.896-.784a2.721 2.721 0 011.232-.272c.597 0 1.104.128 1.52.384.427.245.747.608.96 1.088.224.48.336 1.067.336 1.76V318H89.42v-5.056c0-.736-.133-1.291-.4-1.664s-.672-.56-1.216-.56c-.352 0-.662.091-.928.272a1.781 1.781 0 00-.624.784c-.139.341-.208.752-.208 1.232V318h-1.616v-4.992c0-.725-.123-1.285-.368-1.68-.235-.405-.64-.608-1.216-.608a1.64 1.64 0 00-.944.272c-.256.181-.459.448-.608.8-.15.341-.224.747-.224 1.216V318h-1.696zm18.224 0v-11.36h4.24c1.301 0 2.314.315 3.04.944.725.619 1.088 1.483 1.088 2.592 0 .736-.166 1.376-.496 1.92-.331.533-.806.944-1.424 1.232-.608.277-1.344.416-2.208.416h-2.512V318h-1.728zm1.728-5.824h2.464c.778 0 1.37-.165 1.776-.496.405-.341.608-.843.608-1.504 0-.651-.203-1.136-.608-1.456-.406-.331-.998-.496-1.776-.496h-2.464v3.952zm8.471 5.824v-8.512h1.552l.064 2.256-.144-.048c.117-.768.352-1.328.704-1.68.362-.352.848-.528 1.456-.528h.816v1.52h-.816c-.427 0-.784.069-1.072.208a1.413 1.413 0 00-.656.64c-.139.288-.208.661-.208 1.12V318h-1.696zm9.16.192c-.811 0-1.52-.181-2.128-.544a3.623 3.623 0 01-1.408-1.552c-.331-.672-.496-1.456-.496-2.352 0-.907.165-1.691.496-2.352.331-.661.8-1.173 1.408-1.536.608-.373 1.317-.56 2.128-.56.811 0 1.52.187 2.128.56a3.644 3.644 0 011.408 1.536c.331.661.496 1.445.496 2.352 0 .896-.165 1.68-.496 2.352a3.623 3.623 0 01-1.408 1.552c-.608.363-1.317.544-2.128.544zm0-1.472c.725 0 1.285-.261 1.68-.784.395-.533.592-1.264.592-2.192 0-.928-.197-1.653-.592-2.176-.395-.533-.955-.8-1.68-.8-.715 0-1.275.267-1.68.8-.395.523-.592 1.248-.592 2.176 0 .928.197 1.659.592 2.192.405.523.965.784 1.68.784zM122.7 318v-8.512h1.552l.048 2.112-.192-.064a3.13 3.13 0 01.496-1.2c.245-.331.544-.587.896-.768a2.482 2.482 0 011.152-.272c.725 0 1.317.208 1.776.624.459.405.747.965.864 1.68h-.272c.096-.501.256-.917.48-1.248.235-.341.533-.603.896-.784a2.722 2.722 0 011.232-.272c.597 0 1.104.128 1.52.384.427.245.747.608.96 1.088.224.48.336 1.067.336 1.76V318h-1.696v-5.056c0-.736-.133-1.291-.4-1.664s-.672-.56-1.216-.56c-.352 0-.661.091-.928.272a1.777 1.777 0 00-.624.784c-.139.341-.208.752-.208 1.232V318h-1.616v-4.992c0-.725-.123-1.285-.368-1.68-.235-.405-.64-.608-1.216-.608a1.64 1.64 0 00-.944.272c-.256.181-.459.448-.608.8-.149.341-.224.747-.224 1.216V318H122.7zm13.859 2.4v-10.912h1.6l.048 1.824-.192-.096c.214-.629.566-1.104 1.056-1.424.491-.331 1.056-.496 1.696-.496.832 0 1.515.208 2.048.624.544.405.944.944 1.2 1.616.267.672.4 1.408.4 2.208 0 .8-.133 1.536-.4 2.208a3.636 3.636 0 01-1.2 1.632c-.533.405-1.216.608-2.048.608-.426 0-.826-.075-1.2-.224a2.817 2.817 0 01-.96-.624 2.386 2.386 0 01-.544-.976l.192-.192v4.224h-1.696zm3.904-3.68c.683 0 1.216-.261 1.6-.784.395-.523.592-1.253.592-2.192 0-.939-.197-1.669-.592-2.192-.384-.523-.917-.784-1.6-.784-.448 0-.837.112-1.168.336-.33.213-.586.544-.768.992-.181.448-.272.997-.272 1.648 0 .651.086 1.2.256 1.648.182.448.438.784.768 1.008.342.213.736.32 1.184.32zm8.626 1.28c-.811 0-1.408-.187-1.792-.56-.384-.373-.576-.955-.576-1.744v-8.208h1.696v8.08c0 .395.085.667.256.816.171.149.432.224.784.224h1.216V318h-1.584zm-3.664-7.12v-1.392h5.248v1.392h-5.248z"
-                    fill="#828282"
-                  />
-                  <rect
-                    x={36.5}
-                    y={332.5}
-                    width={245}
-                    height={93}
-                    rx={11.5}
-                    fill="#212121"
-                  />
-                  <rect
-                    x={36.5}
-                    y={332.5}
-                    width={245}
-                    height={93}
-                    rx={11.5}
-                    stroke="#282828"
-                  />
-                  <path
-                    d="M49.032 355v-8.52h5.544v1.188h-4.248v2.484h4.104v1.152h-4.104v2.508h4.344V355h-5.64zm7.18 0v-6.384h1.164l.049 1.704-.156-.084c.072-.416.208-.752.407-1.008.2-.256.444-.444.732-.564.288-.128.6-.192.936-.192.48 0 .877.108 1.188.324.32.208.56.496.72.864.168.36.252.772.252 1.236V355h-1.271v-3.72c0-.376-.04-.692-.12-.948a1.12 1.12 0 00-.396-.588c-.184-.136-.425-.204-.72-.204-.449 0-.813.148-1.093.444-.28.296-.42.728-.42 1.296V355h-1.272zm9.081 0c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V355h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm7.674 5.484c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm5.873 3.78v-6.384h1.164l.048 1.692-.108-.036c.088-.576.264-.996.528-1.26.272-.264.636-.396 1.092-.396h.612v1.14h-.612c-.32 0-.588.052-.804.156a1.06 1.06 0 00-.492.48c-.104.216-.156.496-.156.84V355h-1.272zm10.1.144c-.6 0-1.107-.092-1.523-.276-.408-.184-.724-.436-.948-.756a2.264 2.264 0 01-.384-1.128l1.308-.06c.064.352.216.632.456.84.24.208.604.312 1.092.312.4 0 .716-.064.948-.192.232-.128.348-.332.348-.612 0-.152-.04-.28-.12-.384-.072-.112-.216-.204-.432-.276-.216-.08-.536-.156-.96-.228-.632-.12-1.128-.26-1.488-.42-.36-.16-.616-.364-.768-.612-.152-.248-.228-.548-.228-.9 0-.584.216-1.06.648-1.428.44-.368 1.072-.552 1.896-.552.552 0 1.016.096 1.392.288.376.184.668.436.876.756.216.312.352.664.408 1.056l-1.308.072a1.335 1.335 0 00-.24-.576 1.072 1.072 0 00-.456-.384 1.513 1.513 0 00-.684-.144c-.408 0-.712.08-.912.24-.2.16-.3.368-.3.624 0 .192.044.348.132.468.096.12.248.22.456.3.208.072.484.136.828.192.664.112 1.184.252 1.56.42.376.16.64.36.792.6.152.24.228.532.228.876 0 .4-.112.74-.336 1.02-.224.28-.532.496-.924.648a3.921 3.921 0 01-1.356.216zm4.065 1.656v-1.044h.78c.216 0 .376-.032.48-.096a.61.61 0 00.24-.324l.204-.528h-.396l-2.304-6.192h1.344l1.752 5.016 1.668-5.016h1.356l-2.544 7.128c-.128.368-.32.636-.576.804-.248.168-.596.252-1.044.252h-.96zm8.405-1.656c-.6 0-1.108-.092-1.524-.276-.408-.184-.724-.436-.948-.756a2.264 2.264 0 01-.384-1.128l1.308-.06c.064.352.216.632.456.84.24.208.604.312 1.092.312.4 0 .716-.064.948-.192.232-.128.348-.332.348-.612 0-.152-.04-.28-.12-.384-.072-.112-.216-.204-.432-.276-.216-.08-.536-.156-.96-.228-.632-.12-1.128-.26-1.488-.42-.36-.16-.616-.364-.768-.612-.152-.248-.228-.548-.228-.9 0-.584.216-1.06.648-1.428.44-.368 1.072-.552 1.896-.552.552 0 1.016.096 1.392.288.376.184.668.436.876.756.216.312.352.664.408 1.056l-1.308.072a1.335 1.335 0 00-.24-.576 1.072 1.072 0 00-.456-.384 1.513 1.513 0 00-.684-.144c-.408 0-.712.08-.912.24-.2.16-.3.368-.3.624 0 .192.044.348.132.468.096.12.248.22.456.3.208.072.484.136.828.192.664.112 1.184.252 1.56.42.376.16.64.36.792.6.152.24.228.532.228.876 0 .4-.112.74-.336 1.02-.224.28-.532.496-.924.648a3.921 3.921 0 01-1.356.216zm6.117-.144c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V355h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm7.674 5.484c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm5.873 3.78v-6.384h1.164l.036 1.584-.144-.048c.072-.352.196-.652.372-.9a1.93 1.93 0 01.672-.576c.264-.136.552-.204.864-.204.544 0 .988.156 1.332.468.344.304.56.724.648 1.26h-.204c.072-.376.192-.688.36-.936.176-.256.4-.452.672-.588.272-.136.58-.204.924-.204.448 0 .828.096 1.14.288.32.184.56.456.72.816.168.36.252.8.252 1.32V355h-1.272v-3.792c0-.552-.1-.968-.3-1.248-.2-.28-.504-.42-.912-.42-.264 0-.496.068-.696.204-.2.136-.356.332-.468.588a2.453 2.453 0 00-.156.924V355h-1.212v-3.744c0-.544-.092-.964-.276-1.26-.176-.304-.48-.456-.912-.456-.272 0-.508.068-.708.204a1.364 1.364 0 00-.456.6c-.112.256-.168.56-.168.912V355h-1.272zm13.535 1.8v-8.184h1.2l.036 1.368-.144-.072c.16-.472.424-.828.792-1.068a2.222 2.222 0 011.272-.372c.624 0 1.136.156 1.536.468.408.304.708.708.9 1.212.2.504.3 1.056.3 1.656 0 .6-.1 1.152-.3 1.656a2.727 2.727 0 01-.9 1.224c-.4.304-.912.456-1.536.456a2.4 2.4 0 01-.9-.168 2.116 2.116 0 01-.72-.468 1.786 1.786 0 01-.408-.732l.144-.144v3.168h-1.272zm2.928-2.76c.512 0 .912-.196 1.2-.588.296-.392.444-.94.444-1.644s-.148-1.252-.444-1.644c-.288-.392-.688-.588-1.2-.588-.336 0-.628.084-.876.252-.248.16-.44.408-.576.744-.136.336-.204.748-.204 1.236s.064.9.192 1.236c.136.336.328.588.576.756.256.16.552.24.888.24zm4.255.96v-6.384h1.164l.048 1.692-.108-.036c.088-.576.264-.996.528-1.26.272-.264.636-.396 1.092-.396h.612v1.14h-.612c-.32 0-.588.052-.804.156a1.06 1.06 0 00-.492.48c-.104.216-.156.496-.156.84V355h-1.272zm6.87.144c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.68.124-1.268.372-1.764s.6-.88 1.056-1.152c.456-.28.988-.42 1.596-.42.608 0 1.14.14 1.596.42.456.272.808.656 1.056 1.152.248.496.372 1.084.372 1.764 0 .672-.124 1.26-.372 1.764s-.6.892-1.056 1.164c-.456.272-.988.408-1.596.408zm0-1.104c.544 0 .964-.196 1.26-.588.296-.4.444-.948.444-1.644s-.148-1.24-.444-1.632c-.296-.4-.716-.6-1.26-.6-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588zm4.31.96v-6.384h1.164l.036 1.584-.144-.048c.072-.352.196-.652.372-.9a1.93 1.93 0 01.672-.576c.264-.136.552-.204.864-.204.544 0 .988.156 1.332.468.344.304.56.724.648 1.26h-.204c.072-.376.192-.688.36-.936.176-.256.4-.452.672-.588.272-.136.58-.204.924-.204.448 0 .828.096 1.14.288.32.184.56.456.72.816.168.36.252.8.252 1.32V355h-1.272v-3.792c0-.552-.1-.968-.3-1.248-.2-.28-.504-.42-.912-.42-.264 0-.496.068-.696.204-.2.136-.356.332-.468.588a2.453 2.453 0 00-.156.924V355h-1.212v-3.744c0-.544-.092-.964-.276-1.26-.176-.304-.48-.456-.912-.456-.272 0-.508.068-.708.204a1.364 1.364 0 00-.456.6c-.112.256-.168.56-.168.912V355h-1.272zm10.395 1.8v-8.184h1.2l.036 1.368-.144-.072c.16-.472.424-.828.792-1.068a2.222 2.222 0 011.272-.372c.624 0 1.136.156 1.536.468.408.304.708.708.9 1.212.2.504.3 1.056.3 1.656 0 .6-.1 1.152-.3 1.656a2.727 2.727 0 01-.9 1.224c-.4.304-.912.456-1.536.456a2.4 2.4 0 01-.9-.168 2.116 2.116 0 01-.72-.468 1.786 1.786 0 01-.408-.732l.144-.144v3.168h-1.272zm2.928-2.76c.512 0 .912-.196 1.2-.588.296-.392.444-.94.444-1.644s-.148-1.252-.444-1.644c-.288-.392-.688-.588-1.2-.588-.336 0-.628.084-.876.252-.248.16-.44.408-.576.744-.136.336-.204.748-.204 1.236s.064.9.192 1.236c.136.336.328.588.576.756.256.16.552.24.888.24zm6.469.96c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V355h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm5.154 5.34v-1.512h1.548V355h-1.548zm2.554 0v-1.512h1.548V355h-1.548zm2.555 0v-1.512h1.548V355h-1.548z"
-                    fill="#858585"
-                    fillOpacity={0.85}
-                  />
-                </g>
-                <g filter="url(#filter1_dddd_113_58)">
-                  <rect
-                    x={351}
-                    y={32}
-                    width={278}
-                    height={505}
-                    rx={12}
-                    fill="#131313"
-                  />
-                  <rect
-                    x={351.5}
-                    y={32.5}
-                    width={277}
-                    height={504}
-                    rx={11.5}
-                    stroke="#333"
-                  />
-                  <rect x={367} y={48} width={28} height={28} rx={8} fill="#1B1B1B" />
-                  <g clipPath="url(#clip2_113_58)">
-                    <path
-                      d="M382.489 60.771L388.314 54h-1.38l-5.058 5.88-4.04-5.88h-4.66l6.109 8.89-6.109 7.102h1.381l5.341-6.21 4.267 6.21h4.659l-6.335-9.22zm-1.891 2.198l-.619-.885-4.925-7.045h2.121l3.974 5.685.619.886 5.166 7.39h-2.12l-4.216-6.03z"
-                      fill="#fff"
-                    />
-                  </g>
-                  <path
-                    d="M404.208 68l3.824-5.696-3.792-5.664h2.432l2.64 4.08 2.576-4.08h2.416l-3.776 5.632L414.352 68h-2.416l-2.656-4.144L406.624 68h-2.416z"
-                    fill="#fff"
-                    fillOpacity={0.62}
-                  />
-                  <path fill="#262626" d="M351 88H629V90H351z" />
-                  <path
-                    d="M373 120.256c-1.099 0-2.043-.235-2.832-.704-.789-.48-1.397-1.163-1.824-2.048-.427-.885-.64-1.941-.64-3.168s.213-2.283.64-3.168c.427-.896 1.035-1.584 1.824-2.064.789-.48 1.733-.72 2.832-.72 1.109 0 2.059.24 2.848.72.8.48 1.408 1.168 1.824 2.064.427.885.64 1.941.64 3.168s-.213 2.283-.64 3.168c-.416.885-1.024 1.568-1.824 2.048-.789.469-1.739.704-2.848.704zm0-1.584c.736 0 1.365-.171 1.888-.512.533-.341.939-.832 1.216-1.472.277-.651.416-1.435.416-2.352 0-.917-.139-1.701-.416-2.352-.277-.651-.683-1.147-1.216-1.488-.523-.352-1.152-.528-1.888-.528-.725 0-1.349.176-1.872.528-.523.341-.928.837-1.216 1.488-.277.651-.416 1.435-.416 2.352 0 .917.139 1.701.416 2.352.288.64.693 1.131 1.216 1.472.523.341 1.147.512 1.872.512zm7.216 3.728v-10.912h1.6l.048 1.824-.192-.096c.213-.629.565-1.104 1.056-1.424.49-.331 1.056-.496 1.696-.496.832 0 1.514.208 2.048.624.544.405.944.944 1.2 1.616.266.672.4 1.408.4 2.208 0 .8-.134 1.536-.4 2.208a3.636 3.636 0 01-1.2 1.632c-.534.405-1.216.608-2.048.608-.427 0-.827-.075-1.2-.224a2.798 2.798 0 01-.96-.624 2.374 2.374 0 01-.544-.976l.192-.192v4.224h-1.696zm3.904-3.68c.682 0 1.216-.261 1.6-.784.394-.523.592-1.253.592-2.192 0-.939-.198-1.669-.592-2.192-.384-.523-.918-.784-1.6-.784-.448 0-.838.112-1.168.336-.331.213-.587.544-.768.992-.182.448-.272.997-.272 1.648 0 .651.085 1.2.256 1.648.181.448.437.784.768 1.008.341.213.736.32 1.184.32zm9.178 1.472c-.832 0-1.552-.181-2.16-.544-.598-.363-1.062-.88-1.392-1.552-.32-.672-.48-1.456-.48-2.352 0-.896.16-1.675.48-2.336.33-.672.794-1.189 1.392-1.552.597-.373 1.301-.56 2.112-.56.768 0 1.445.181 2.032.544.586.352 1.04.864 1.36 1.536.33.672.496 1.483.496 2.432v.432h-6.112c.042.832.261 1.456.656 1.872.405.416.949.624 1.632.624.501 0 .917-.117 1.248-.352.33-.235.56-.549.688-.944l1.76.112a3.534 3.534 0 01-1.328 1.92c-.651.48-1.446.72-2.384.72zm-2.272-5.232h4.32c-.054-.757-.272-1.317-.656-1.68-.374-.363-.854-.544-1.44-.544-.608 0-1.11.192-1.504.576-.384.373-.624.923-.72 1.648zm7.83 5.04v-8.512h1.552l.064 2.256-.144-.048c.118-.768.352-1.328.704-1.68.363-.352.848-.528 1.456-.528h.816v1.52h-.816c-.426 0-.784.069-1.072.208a1.417 1.417 0 00-.656.64c-.138.288-.208.661-.208 1.12V120h-1.696zm8.072.192c-.886 0-1.595-.203-2.128-.608-.523-.405-.784-.976-.784-1.712s.218-1.307.656-1.712c.448-.416 1.136-.715 2.064-.896l2.928-.56c0-.661-.155-1.152-.464-1.472-.31-.331-.768-.496-1.376-.496-.544 0-.971.123-1.28.368-.31.235-.523.587-.64 1.056l-1.744-.112c.16-.853.554-1.525 1.184-2.016.64-.491 1.466-.736 2.48-.736 1.152 0 2.026.309 2.624.928.608.608.912 1.467.912 2.576v3.312c0 .203.032.347.096.432.074.075.192.112.352.112h.304V120a3.96 3.96 0 01-.624.048c-.363 0-.678-.059-.944-.176a1.162 1.162 0 01-.576-.576c-.128-.277-.192-.645-.192-1.104l.176.08a2.027 2.027 0 01-.56.992 2.963 2.963 0 01-1.072.688c-.427.16-.891.24-1.392.24zm.272-1.344c.512 0 .949-.096 1.312-.288.362-.203.645-.48.848-.832.202-.352.304-.752.304-1.2v-.544l-2.496.48c-.512.096-.875.251-1.088.464-.203.203-.304.464-.304.784 0 .363.122.645.368.848.256.192.608.288 1.056.288zm9.17 1.152c-.81 0-1.408-.187-1.792-.56-.384-.373-.576-.955-.576-1.744v-8.208h1.696v8.08c0 .395.086.667.256.816.171.149.432.224.784.224h1.216V120h-1.584zm-3.664-7.12v-1.392h5.248v1.392h-5.248zm6.869 7.12v-8.512h1.696V120h-1.696zm-.032-9.744v-1.696h1.76v1.696h-1.76zm7.473 9.936c-.81 0-1.519-.181-2.127-.544a3.616 3.616 0 01-1.408-1.552c-.331-.672-.496-1.456-.496-2.352 0-.907.165-1.691.496-2.352.33-.661.8-1.173 1.408-1.536.608-.373 1.317-.56 2.127-.56.811 0 1.521.187 2.129.56a3.644 3.644 0 011.408 1.536c.33.661.496 1.445.496 2.352 0 .896-.166 1.68-.496 2.352a3.623 3.623 0 01-1.408 1.552c-.608.363-1.318.544-2.129.544zm0-1.472c.726 0 1.286-.261 1.681-.784.394-.533.592-1.264.592-2.192 0-.928-.198-1.653-.592-2.176-.395-.533-.955-.8-1.681-.8-.714 0-1.274.267-1.679.8-.395.523-.592 1.248-.592 2.176 0 .928.197 1.659.592 2.192.405.523.965.784 1.679.784zm5.747 1.28v-8.512h1.552l.064 2.272-.208-.112c.096-.555.277-1.003.544-1.344a2.39 2.39 0 01.976-.752c.384-.171.8-.256 1.248-.256.64 0 1.168.144 1.584.432.426.277.746.661.96 1.152.224.48.336 1.029.336 1.648V120h-1.696v-4.96c0-.501-.054-.923-.16-1.264-.107-.341-.283-.603-.528-.784-.246-.181-.566-.272-.96-.272-.598 0-1.083.197-1.456.592-.374.395-.56.971-.56 1.728V120h-1.696z"
-                    fill="#7D7D7D"
-                  />
-                  <rect
-                    x={367.5}
-                    y={134.5}
-                    width={245}
-                    height={37}
-                    rx={11.5}
-                    fill="#212121"
-                  />
-                  <rect
-                    x={367.5}
-                    y={134.5}
-                    width={245}
-                    height={37}
-                    rx={11.5}
-                    stroke="#282828"
-                  />
-                  <path
-                    d="M380.032 157v-8.52h3.18c.976 0 1.736.236 2.28.708.544.464.816 1.112.816 1.944 0 .552-.124 1.032-.372 1.44-.248.4-.604.708-1.068.924-.456.208-1.008.312-1.656.312h-1.884V157h-1.296zm1.296-4.368h1.848c.584 0 1.028-.124 1.332-.372.304-.256.456-.632.456-1.128 0-.488-.152-.852-.456-1.092-.304-.248-.748-.372-1.332-.372h-1.848v2.964zm8.747 4.512c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.68.124-1.268.372-1.764s.6-.88 1.056-1.152c.456-.28.988-.42 1.596-.42.608 0 1.14.14 1.596.42.456.272.808.656 1.056 1.152.248.496.372 1.084.372 1.764 0 .672-.124 1.26-.372 1.764s-.6.892-1.056 1.164c-.456.272-.988.408-1.596.408zm0-1.104c.544 0 .964-.196 1.26-.588.296-.4.444-.948.444-1.644s-.148-1.24-.444-1.632c-.296-.4-.716-.6-1.26-.6-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588zm6.769 1.104c-.6 0-1.108-.092-1.524-.276-.408-.184-.724-.436-.948-.756a2.264 2.264 0 01-.384-1.128l1.308-.06c.064.352.216.632.456.84.24.208.604.312 1.092.312.4 0 .716-.064.948-.192.232-.128.348-.332.348-.612 0-.152-.04-.28-.12-.384-.072-.112-.216-.204-.432-.276-.216-.08-.536-.156-.96-.228-.632-.12-1.128-.26-1.488-.42-.36-.16-.616-.364-.768-.612-.152-.248-.228-.548-.228-.9 0-.584.216-1.06.648-1.428.44-.368 1.072-.552 1.896-.552.552 0 1.016.096 1.392.288.376.184.668.436.876.756.216.312.352.664.408 1.056l-1.308.072a1.335 1.335 0 00-.24-.576 1.072 1.072 0 00-.456-.384 1.513 1.513 0 00-.684-.144c-.408 0-.712.08-.912.24-.2.16-.3.368-.3.624 0 .192.044.348.132.468.096.12.248.22.456.3.208.072.484.136.828.192.664.112 1.184.252 1.56.42.376.16.64.36.792.6.152.24.228.532.228.876 0 .4-.112.74-.336 1.02-.224.28-.532.496-.924.648a3.921 3.921 0 01-1.356.216zm6.117-.144c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V157h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm9.928 5.484c-.664 0-1.196-.152-1.596-.456-.392-.304-.588-.732-.588-1.284s.164-.98.492-1.284c.336-.312.852-.536 1.548-.672l2.196-.42c0-.496-.116-.864-.348-1.104-.232-.248-.576-.372-1.032-.372-.408 0-.728.092-.96.276-.232.176-.392.44-.48.792l-1.308-.084c.12-.64.416-1.144.888-1.512.48-.368 1.1-.552 1.86-.552.864 0 1.52.232 1.968.696.456.456.684 1.1.684 1.932v2.484c0 .152.024.26.072.324.056.056.144.084.264.084h.228V157a3.05 3.05 0 01-.468.036c-.272 0-.508-.044-.708-.132a.873.873 0 01-.432-.432c-.096-.208-.144-.484-.144-.828l.132.06c-.064.28-.204.528-.42.744a2.213 2.213 0 01-.804.516c-.32.12-.668.18-1.044.18zm.204-1.008c.384 0 .712-.072.984-.216.272-.152.484-.36.636-.624a1.77 1.77 0 00.228-.9v-.408l-1.872.36c-.384.072-.656.188-.816.348a.796.796 0 00-.228.588c0 .272.092.484.276.636.192.144.456.216.792.216zm7.843.864v-8.52h1.644l3.936 6.948v-6.948h1.296V157h-1.704l-3.876-6.792V157h-1.296zm11.32.144c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm6.982 3.78l-1.944-6.384h1.332l1.368 4.992 1.404-4.992h1.2l1.404 4.992 1.38-4.992h1.332L440.318 157h-1.428l-1.344-4.56-1.344 4.56h-1.416zm13.419 0v-7.332h-2.616v-1.188h6.528v1.188h-2.616V157h-1.296zm5.741 0l-1.944-6.384h1.332l1.368 4.992 1.404-4.992h1.2l1.404 4.992 1.38-4.992h1.332L459.478 157h-1.428l-1.344-4.56-1.344 4.56h-1.416zm10.941.144c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm8.501 3.924c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm8.087 3.78c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V157h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936z"
-                    fill="#ADADAD"
-                  />
-                  <path
-                    d="M373 206.256c-1.099 0-2.043-.235-2.832-.704-.789-.48-1.397-1.163-1.824-2.048-.427-.885-.64-1.941-.64-3.168s.213-2.283.64-3.168c.427-.896 1.035-1.584 1.824-2.064.789-.48 1.733-.72 2.832-.72 1.109 0 2.059.24 2.848.72.8.48 1.408 1.168 1.824 2.064.427.885.64 1.941.64 3.168s-.213 2.283-.64 3.168c-.416.885-1.024 1.568-1.824 2.048-.789.469-1.739.704-2.848.704zm0-1.584c.736 0 1.365-.171 1.888-.512.533-.341.939-.832 1.216-1.472.277-.651.416-1.435.416-2.352 0-.917-.139-1.701-.416-2.352-.277-.651-.683-1.147-1.216-1.488-.523-.352-1.152-.528-1.888-.528-.725 0-1.349.176-1.872.528-.523.341-.928.837-1.216 1.488-.277.651-.416 1.435-.416 2.352 0 .917.139 1.701.416 2.352.288.64.693 1.131 1.216 1.472.523.341 1.147.512 1.872.512zm7.216 3.728v-10.912h1.6l.048 1.824-.192-.096c.213-.629.565-1.104 1.056-1.424.49-.331 1.056-.496 1.696-.496.832 0 1.514.208 2.048.624.544.405.944.944 1.2 1.616.266.672.4 1.408.4 2.208 0 .8-.134 1.536-.4 2.208a3.636 3.636 0 01-1.2 1.632c-.534.405-1.216.608-2.048.608-.427 0-.827-.075-1.2-.224a2.798 2.798 0 01-.96-.624 2.374 2.374 0 01-.544-.976l.192-.192v4.224h-1.696zm3.904-3.68c.682 0 1.216-.261 1.6-.784.394-.523.592-1.253.592-2.192 0-.939-.198-1.669-.592-2.192-.384-.523-.918-.784-1.6-.784-.448 0-.838.112-1.168.336-.331.213-.587.544-.768.992-.182.448-.272.997-.272 1.648 0 .651.085 1.2.256 1.648.181.448.437.784.768 1.008.341.213.736.32 1.184.32zm9.178 1.472c-.832 0-1.552-.181-2.16-.544-.598-.363-1.062-.88-1.392-1.552-.32-.672-.48-1.456-.48-2.352 0-.896.16-1.675.48-2.336.33-.672.794-1.189 1.392-1.552.597-.373 1.301-.56 2.112-.56.768 0 1.445.181 2.032.544.586.352 1.04.864 1.36 1.536.33.672.496 1.483.496 2.432v.432h-6.112c.042.832.261 1.456.656 1.872.405.416.949.624 1.632.624.501 0 .917-.117 1.248-.352.33-.235.56-.549.688-.944l1.76.112a3.534 3.534 0 01-1.328 1.92c-.651.48-1.446.72-2.384.72zm-2.272-5.232h4.32c-.054-.757-.272-1.317-.656-1.68-.374-.363-.854-.544-1.44-.544-.608 0-1.11.192-1.504.576-.384.373-.624.923-.72 1.648zm7.83 5.04v-8.512h1.552l.064 2.256-.144-.048c.118-.768.352-1.328.704-1.68.363-.352.848-.528 1.456-.528h.816v1.52h-.816c-.426 0-.784.069-1.072.208a1.417 1.417 0 00-.656.64c-.138.288-.208.661-.208 1.12V206h-1.696zm8.072.192c-.886 0-1.595-.203-2.128-.608-.523-.405-.784-.976-.784-1.712s.218-1.307.656-1.712c.448-.416 1.136-.715 2.064-.896l2.928-.56c0-.661-.155-1.152-.464-1.472-.31-.331-.768-.496-1.376-.496-.544 0-.971.123-1.28.368-.31.235-.523.587-.64 1.056l-1.744-.112c.16-.853.554-1.525 1.184-2.016.64-.491 1.466-.736 2.48-.736 1.152 0 2.026.309 2.624.928.608.608.912 1.467.912 2.576v3.312c0 .203.032.347.096.432.074.075.192.112.352.112h.304V206a3.96 3.96 0 01-.624.048c-.363 0-.678-.059-.944-.176a1.162 1.162 0 01-.576-.576c-.128-.277-.192-.645-.192-1.104l.176.08a2.027 2.027 0 01-.56.992 2.963 2.963 0 01-1.072.688c-.427.16-.891.24-1.392.24zm.272-1.344c.512 0 .949-.096 1.312-.288.362-.203.645-.48.848-.832.202-.352.304-.752.304-1.2v-.544l-2.496.48c-.512.096-.875.251-1.088.464-.203.203-.304.464-.304.784 0 .363.122.645.368.848.256.192.608.288 1.056.288zm9.17 1.152c-.81 0-1.408-.187-1.792-.56-.384-.373-.576-.955-.576-1.744v-8.208h1.696v8.08c0 .395.086.667.256.816.171.149.432.224.784.224h1.216V206h-1.584zm-3.664-7.12v-1.392h5.248v1.392h-5.248zm6.869 7.12v-8.512h1.696V206h-1.696zm-.032-9.744v-1.696h1.76v1.696h-1.76zm7.473 9.936c-.81 0-1.519-.181-2.127-.544a3.616 3.616 0 01-1.408-1.552c-.331-.672-.496-1.456-.496-2.352 0-.907.165-1.691.496-2.352.33-.661.8-1.173 1.408-1.536.608-.373 1.317-.56 2.127-.56.811 0 1.521.187 2.129.56a3.644 3.644 0 011.408 1.536c.33.661.496 1.445.496 2.352 0 .896-.166 1.68-.496 2.352a3.623 3.623 0 01-1.408 1.552c-.608.363-1.318.544-2.129.544zm0-1.472c.726 0 1.286-.261 1.681-.784.394-.533.592-1.264.592-2.192 0-.928-.198-1.653-.592-2.176-.395-.533-.955-.8-1.681-.8-.714 0-1.274.267-1.679.8-.395.523-.592 1.248-.592 2.176 0 .928.197 1.659.592 2.192.405.523.965.784 1.679.784zm5.747 1.28v-8.512h1.552l.064 2.272-.208-.112c.096-.555.277-1.003.544-1.344a2.39 2.39 0 01.976-.752c.384-.171.8-.256 1.248-.256.64 0 1.168.144 1.584.432.426.277.746.661.96 1.152.224.48.336 1.029.336 1.648V206h-1.696v-4.96c0-.501-.054-.923-.16-1.264-.107-.341-.283-.603-.528-.784-.246-.181-.566-.272-.96-.272-.598 0-1.083.197-1.456.592-.374.395-.56.971-.56 1.728V206h-1.696z"
-                    fill="#7D7D7D"
-                  />
-                  <rect
-                    x={367.5}
-                    y={220.5}
-                    width={245}
-                    height={37}
-                    rx={11.5}
-                    fill="#212121"
-                  />
-                  <rect
-                    x={367.5}
-                    y={220.5}
-                    width={245}
-                    height={37}
-                    rx={11.5}
-                    stroke="#282828"
-                  />
-                  <path
-                    d="M406.104 243.192c-.68 0-1.272-.124-1.776-.372a2.95 2.95 0 01-1.176-1.032 3.24 3.24 0 01-.504-1.536l1.332-.084c.056.4.172.74.348 1.02.176.272.412.48.708.624.304.136.668.204 1.092.204a2.9 2.9 0 00.936-.132c.264-.096.464-.236.6-.42a1.1 1.1 0 00.204-.672c0-.24-.06-.452-.18-.636-.112-.192-.332-.364-.66-.516-.32-.16-.792-.316-1.416-.468-.68-.168-1.224-.352-1.632-.552-.408-.2-.704-.448-.888-.744-.176-.304-.264-.676-.264-1.116 0-.488.116-.916.348-1.284.24-.376.58-.668 1.02-.876.44-.208.968-.312 1.584-.312.648 0 1.2.12 1.656.36.464.24.828.568 1.092.984.272.416.44.892.504 1.428l-1.332.072a2.022 2.022 0 00-.3-.864 1.586 1.586 0 00-.648-.588c-.272-.144-.604-.216-.996-.216-.496 0-.888.116-1.176.348-.28.224-.42.524-.42.9 0 .24.056.444.168.612.12.16.328.3.624.42.304.12.732.248 1.284.384.736.168 1.32.376 1.752.624.44.24.752.524.936.852.184.328.276.7.276 1.116 0 .504-.132.944-.396 1.32-.256.368-.616.652-1.08.852-.464.2-1.004.3-1.62.3zm7.416-.048c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm7.324 3.78c-.416 0-.752-.108-1.008-.324-.256-.216-.384-.56-.384-1.032v-7.164h1.272v7.044c0 .144.036.252.108.324.08.072.192.108.336.108h.504V243h-.828zm4.54.144c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm8.501 3.924c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.672.124-1.256.372-1.752.248-.504.6-.892 1.056-1.164.456-.28.988-.42 1.596-.42.52 0 .98.092 1.38.276.408.176.736.436.984.78.256.344.42.764.492 1.26l-1.332.072c-.064-.416-.232-.732-.504-.948-.272-.224-.612-.336-1.02-.336-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588.408 0 .748-.112 1.02-.336.272-.232.44-.58.504-1.044l1.332.072a2.885 2.885 0 01-.492 1.272c-.248.36-.576.64-.984.84-.4.2-.86.3-1.38.3zm6.23-.144c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V243h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm7.408 5.34l2.832-4.272-2.808-4.248h1.524l2.1 3.24 2.064-3.24h1.512l-2.808 4.224 2.844 4.296h-1.524l-2.112-3.288-2.112 3.288h-1.512zm13.032.144c-.664 0-1.196-.152-1.596-.456-.392-.304-.588-.732-.588-1.284s.164-.98.492-1.284c.336-.312.852-.536 1.548-.672l2.196-.42c0-.496-.116-.864-.348-1.104-.232-.248-.576-.372-1.032-.372-.408 0-.728.092-.96.276-.232.176-.392.44-.48.792l-1.308-.084c.12-.64.416-1.144.888-1.512.48-.368 1.1-.552 1.86-.552.864 0 1.52.232 1.968.696.456.456.684 1.1.684 1.932v2.484c0 .152.024.26.072.324.056.056.144.084.264.084h.228V243a3.05 3.05 0 01-.468.036c-.272 0-.508-.044-.708-.132a.873.873 0 01-.432-.432c-.096-.208-.144-.484-.144-.828l.132.06c-.064.28-.204.528-.42.744a2.213 2.213 0 01-.804.516c-.32.12-.668.18-1.044.18zm.204-1.008c.384 0 .712-.072.984-.216.272-.152.484-.36.636-.624a1.77 1.77 0 00.228-.9v-.408l-1.872.36c-.384.072-.656.188-.816.348a.796.796 0 00-.228.588c0 .272.092.484.276.636.192.144.456.216.792.216zm7.339 1.008c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.672.124-1.256.372-1.752.248-.504.6-.892 1.056-1.164.456-.28.988-.42 1.596-.42.52 0 .98.092 1.38.276.408.176.736.436.984.78.256.344.42.764.492 1.26l-1.332.072c-.064-.416-.232-.732-.504-.948-.272-.224-.612-.336-1.02-.336-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588.408 0 .748-.112 1.02-.336.272-.232.44-.58.504-1.044l1.332.072a2.885 2.885 0 01-.492 1.272c-.248.36-.576.64-.984.84-.4.2-.86.3-1.38.3zm6.645 0c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.672.124-1.256.372-1.752.248-.504.6-.892 1.056-1.164.456-.28.988-.42 1.596-.42.52 0 .98.092 1.38.276.408.176.736.436.984.78.256.344.42.764.492 1.26l-1.332.072c-.064-.416-.232-.732-.504-.948-.272-.224-.612-.336-1.02-.336-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588.408 0 .748-.112 1.02-.336.272-.232.44-.58.504-1.044l1.332.072a2.885 2.885 0 01-.492 1.272c-.248.36-.576.64-.984.84-.4.2-.86.3-1.38.3zm6.644 0c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.68.124-1.268.372-1.764s.6-.88 1.056-1.152c.456-.28.988-.42 1.596-.42.608 0 1.14.14 1.596.42.456.272.808.656 1.056 1.152.248.496.372 1.084.372 1.764 0 .672-.124 1.26-.372 1.764s-.6.892-1.056 1.164c-.456.272-.988.408-1.596.408zm0-1.104c.544 0 .964-.196 1.26-.588.296-.4.444-.948.444-1.644s-.148-1.24-.444-1.632c-.296-.4-.716-.6-1.26-.6-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588zm6.41 1.104c-.64 0-1.152-.212-1.536-.636-.376-.432-.564-1.028-.564-1.788v-4.104h1.272v3.78c0 .576.1 1 .3 1.272.2.272.504.408.912.408.464 0 .824-.148 1.08-.444.264-.304.396-.728.396-1.272v-3.744h1.272V243h-1.188l-.024-1.668.18.072c-.112.56-.348.992-.708 1.296-.36.296-.824.444-1.392.444zm4.931-.144v-6.384h1.164l.048 1.704-.156-.084c.072-.416.208-.752.408-1.008.2-.256.444-.444.732-.564.288-.128.6-.192.936-.192.48 0 .876.108 1.188.324.32.208.56.496.72.864.168.36.252.772.252 1.236V243h-1.272v-3.72c0-.376-.04-.692-.12-.948a1.12 1.12 0 00-.396-.588c-.184-.136-.424-.204-.72-.204-.448 0-.812.148-1.092.444-.28.296-.42.728-.42 1.296V243h-1.272zm9.081 0c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V243h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936z"
-                    fill="#ADADAD"
-                  />
-                  <g clipPath="url(#clip3_113_58)">
-                    <rect
-                      x={378}
-                      y={231}
-                      width={16}
-                      height={16}
-                      rx={8}
-                      fill="#1B1B1B"
-                    />
-                    <path
-                      d="M386.762 238.387l2.979-3.387h-.706l-2.587 2.941-2.067-2.941h-2.383l3.125 4.448-3.125 3.552h.706l2.732-3.106 2.183 3.106h2.383l-3.241-4.613h.001zm-.968 1.1l-.316-.443-2.519-3.524h1.084l2.033 2.844.317.443 2.643 3.697h-1.085l-2.157-3.017z"
-                      fill="#fff"
-                    />
-                  </g>
-                  <path
-                    d="M370.68 292v-9.776h-3.488v-1.584h8.704v1.584h-3.488V292h-1.728zm7.655 0l-2.592-8.512h1.776l1.824 6.656 1.872-6.656h1.6l1.872 6.656 1.84-6.656h1.776L385.711 292h-1.904l-1.792-6.08-1.792 6.08h-1.888zm14.588.192c-.832 0-1.552-.181-2.16-.544-.598-.363-1.062-.88-1.392-1.552-.32-.672-.48-1.456-.48-2.352 0-.896.16-1.675.48-2.336.33-.672.794-1.189 1.392-1.552.597-.373 1.301-.56 2.112-.56.768 0 1.445.181 2.032.544.586.352 1.04.864 1.36 1.536.33.672.496 1.483.496 2.432v.432h-6.112c.042.832.261 1.456.656 1.872.405.416.949.624 1.632.624.501 0 .917-.117 1.248-.352.33-.235.56-.549.688-.944l1.76.112a3.534 3.534 0 01-1.328 1.92c-.651.48-1.446.72-2.384.72zm-2.272-5.232h4.32c-.054-.757-.272-1.317-.656-1.68-.374-.363-.854-.544-1.44-.544-.608 0-1.11.192-1.504.576-.384.373-.624.923-.72 1.648zm11.334 5.232c-.832 0-1.552-.181-2.16-.544-.597-.363-1.061-.88-1.392-1.552-.32-.672-.48-1.456-.48-2.352 0-.896.16-1.675.48-2.336.331-.672.795-1.189 1.392-1.552.598-.373 1.302-.56 2.112-.56.768 0 1.446.181 2.032.544.587.352 1.04.864 1.36 1.536.331.672.496 1.483.496 2.432v.432h-6.112c.043.832.262 1.456.656 1.872.406.416.95.624 1.632.624.502 0 .918-.117 1.248-.352a1.81 1.81 0 00.688-.944l1.76.112a3.529 3.529 0 01-1.328 1.92c-.65.48-1.445.72-2.384.72zm-2.272-5.232h4.32c-.053-.757-.272-1.317-.656-1.68-.373-.363-.853-.544-1.44-.544-.608 0-1.109.192-1.504.576-.384.373-.624.923-.72 1.648zm10.782 5.04c-.81 0-1.408-.187-1.792-.56-.384-.373-.576-.955-.576-1.744v-8.208h1.696v8.08c0 .395.086.667.256.816.171.149.432.224.784.224h1.216V292h-1.584zm-3.664-7.12v-1.392h5.248v1.392h-5.248zm13.333 7.12v-9.776h-3.488v-1.584h8.704v1.584h-3.488V292h-1.728zm8.837.192c-.832 0-1.552-.181-2.16-.544-.597-.363-1.061-.88-1.392-1.552-.32-.672-.48-1.456-.48-2.352 0-.896.16-1.675.48-2.336.331-.672.795-1.189 1.392-1.552.597-.373 1.301-.56 2.112-.56.768 0 1.445.181 2.032.544.587.352 1.04.864 1.36 1.536.331.672.496 1.483.496 2.432v.432h-6.112c.043.832.261 1.456.656 1.872.405.416.949.624 1.632.624.501 0 .917-.117 1.248-.352a1.81 1.81 0 00.688-.944l1.76.112a3.534 3.534 0 01-1.328 1.92c-.651.48-1.445.72-2.384.72zm-2.272-5.232h4.32c-.053-.757-.272-1.317-.656-1.68-.373-.363-.853-.544-1.44-.544-.608 0-1.109.192-1.504.576-.384.373-.624.923-.72 1.648zm6.664 5.04l3.088-4.352-2.96-4.16h1.888l2.096 3.056 2.032-3.056h1.936l-2.928 4.192 3.056 4.32h-1.888l-2.192-3.248-2.208 3.248h-1.92zm12.618 0c-.811 0-1.408-.187-1.792-.56-.384-.373-.576-.955-.576-1.744v-8.208h1.696v8.08c0 .395.085.667.256.816.171.149.432.224.784.224h1.216V292h-1.584zm-3.664-7.12v-1.392h5.248v1.392h-5.248z"
-                    fill="#7D7D7D"
-                  />
-                  <rect
-                    x={367.5}
-                    y={306.5}
-                    width={245}
-                    height={93}
-                    rx={11.5}
-                    fill="#212121"
-                  />
-                  <rect
-                    x={367.5}
-                    y={306.5}
-                    width={245}
-                    height={93}
-                    rx={11.5}
-                    stroke="#282828"
-                  />
-                  <path
-                    d="M381.712 329l-2.256-8.52h1.38l1.656 6.732 1.656-6.732h1.32l1.656 6.732 1.644-6.732h1.404l-2.268 8.52h-1.512l-1.584-6.216-1.584 6.216h-1.512zm9.508 0v-8.52h1.272v3.576l-.156-.024c.072-.36.204-.652.396-.876.192-.232.428-.404.708-.516.28-.112.588-.168.924-.168.464 0 .856.104 1.176.312.32.2.56.484.72.852.168.368.252.788.252 1.26V329h-1.272v-3.768c0-.576-.1-1-.3-1.272-.192-.28-.496-.42-.912-.42-.464 0-.836.148-1.116.444-.28.288-.42.712-.42 1.272V329h-1.272zm8.749.144c-.664 0-1.196-.152-1.596-.456-.392-.304-.588-.732-.588-1.284s.164-.98.492-1.284c.336-.312.852-.536 1.548-.672l2.196-.42c0-.496-.116-.864-.348-1.104-.232-.248-.576-.372-1.032-.372-.408 0-.728.092-.96.276-.232.176-.392.44-.48.792l-1.308-.084c.12-.64.416-1.144.888-1.512.48-.368 1.1-.552 1.86-.552.864 0 1.52.232 1.968.696.456.456.684 1.1.684 1.932v2.484c0 .152.024.26.072.324.056.056.144.084.264.084h.228V329a3.05 3.05 0 01-.468.036c-.272 0-.508-.044-.708-.132a.873.873 0 01-.432-.432c-.096-.208-.144-.484-.144-.828l.132.06c-.064.28-.204.528-.42.744a2.213 2.213 0 01-.804.516c-.32.12-.668.18-1.044.18zm.204-1.008c.384 0 .712-.072.984-.216.272-.152.484-.36.636-.624a1.77 1.77 0 00.228-.9v-.408l-1.872.36c-.384.072-.656.188-.816.348a.796.796 0 00-.228.588c0 .272.092.484.276.636.192.144.456.216.792.216zm6.878.864c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V329h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm4.91.216l.6-1.884h-.66v-1.512h1.548v1.332l-.756 2.064h-.732zm5.385 5.268c-.6 0-1.108-.092-1.524-.276-.408-.184-.724-.436-.948-.756a2.264 2.264 0 01-.384-1.128l1.308-.06c.064.352.216.632.456.84.24.208.604.312 1.092.312.4 0 .716-.064.948-.192.232-.128.348-.332.348-.612 0-.152-.04-.28-.12-.384-.072-.112-.216-.204-.432-.276-.216-.08-.536-.156-.96-.228-.632-.12-1.128-.26-1.488-.42-.36-.16-.616-.364-.768-.612-.152-.248-.228-.548-.228-.9 0-.584.216-1.06.648-1.428.44-.368 1.072-.552 1.896-.552.552 0 1.016.096 1.392.288.376.184.668.436.876.756.216.312.352.664.408 1.056l-1.308.072a1.335 1.335 0 00-.24-.576 1.072 1.072 0 00-.456-.384 1.513 1.513 0 00-.684-.144c-.408 0-.712.08-.912.24-.2.16-.3.368-.3.624 0 .192.044.348.132.468.096.12.248.22.456.3.208.072.484.136.828.192.664.112 1.184.252 1.56.42.376.16.64.36.792.6.152.24.228.532.228.876 0 .4-.112.74-.336 1.02-.224.28-.532.496-.924.648a3.921 3.921 0 01-1.356.216zm6.939-.144v-8.52h1.272v3.576l-.156-.024c.072-.36.204-.652.396-.876.192-.232.428-.404.708-.516.28-.112.588-.168.924-.168.464 0 .856.104 1.176.312.32.2.56.484.72.852.168.368.252.788.252 1.26V329h-1.272v-3.768c0-.576-.1-1-.3-1.272-.192-.28-.496-.42-.912-.42-.464 0-.836.148-1.116.444-.28.288-.42.712-.42 1.272V329h-1.272zm8.749.144c-.664 0-1.196-.152-1.596-.456-.392-.304-.588-.732-.588-1.284s.164-.98.492-1.284c.336-.312.852-.536 1.548-.672l2.196-.42c0-.496-.116-.864-.348-1.104-.232-.248-.576-.372-1.032-.372-.408 0-.728.092-.96.276-.232.176-.392.44-.48.792l-1.308-.084c.12-.64.416-1.144.888-1.512.48-.368 1.1-.552 1.86-.552.864 0 1.52.232 1.968.696.456.456.684 1.1.684 1.932v2.484c0 .152.024.26.072.324.056.056.144.084.264.084h.228V329a3.05 3.05 0 01-.468.036c-.272 0-.508-.044-.708-.132a.873.873 0 01-.432-.432c-.096-.208-.144-.484-.144-.828l.132.06c-.064.28-.204.528-.42.744a2.213 2.213 0 01-.804.516c-.32.12-.668.18-1.044.18zm.204-1.008c.384 0 .712-.072.984-.216.272-.152.484-.36.636-.624a1.77 1.77 0 00.228-.9v-.408l-1.872.36c-.384.072-.656.188-.816.348a.796.796 0 00-.228.588c0 .272.092.484.276.636.192.144.456.216.792.216zm4.758 2.664v-8.184h1.2l.036 1.368-.144-.072c.16-.472.424-.828.792-1.068a2.222 2.222 0 011.272-.372c.624 0 1.136.156 1.536.468.408.304.708.708.9 1.212.2.504.3 1.056.3 1.656 0 .6-.1 1.152-.3 1.656a2.727 2.727 0 01-.9 1.224c-.4.304-.912.456-1.536.456a2.4 2.4 0 01-.9-.168 2.116 2.116 0 01-.72-.468 1.786 1.786 0 01-.408-.732l.144-.144v3.168h-1.272zm2.928-2.76c.512 0 .912-.196 1.2-.588.296-.392.444-.94.444-1.644s-.148-1.252-.444-1.644c-.288-.392-.688-.588-1.2-.588-.336 0-.628.084-.876.252-.248.16-.44.408-.576.744-.136.336-.204.748-.204 1.236s.064.9.192 1.236c.136.336.328.588.576.756.256.16.552.24.888.24zm4.255 2.76v-8.184h1.2l.036 1.368-.144-.072c.16-.472.424-.828.792-1.068a2.222 2.222 0 011.272-.372c.624 0 1.136.156 1.536.468.408.304.708.708.9 1.212.2.504.3 1.056.3 1.656 0 .6-.1 1.152-.3 1.656a2.727 2.727 0 01-.9 1.224c-.4.304-.912.456-1.536.456a2.4 2.4 0 01-.9-.168 2.116 2.116 0 01-.72-.468 1.786 1.786 0 01-.408-.732l.144-.144v3.168h-1.272zm2.928-2.76c.512 0 .912-.196 1.2-.588.296-.392.444-.94.444-1.644s-.148-1.252-.444-1.644c-.288-.392-.688-.588-1.2-.588-.336 0-.628.084-.876.252-.248.16-.44.408-.576.744-.136.336-.204.748-.204 1.236s.064.9.192 1.236c.136.336.328.588.576.756.256.16.552.24.888.24zm6.884 1.104c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm5.873 3.78v-6.384h1.164l.048 1.704-.156-.084c.072-.416.208-.752.408-1.008.2-.256.444-.444.732-.564.288-.128.6-.192.936-.192.48 0 .876.108 1.188.324.32.208.56.496.72.864.168.36.252.772.252 1.236V329h-1.272v-3.72c0-.376-.04-.692-.12-.948a1.12 1.12 0 00-.396-.588c-.184-.136-.424-.204-.72-.204-.448 0-.812.148-1.092.444-.28.296-.42.728-.42 1.296V329h-1.272zm6.972 0v-6.384h1.272V329h-1.272zm-.024-7.308v-1.272h1.32v1.272h-1.32zm3.2 7.308v-6.384h1.164l.048 1.704-.156-.084c.072-.416.208-.752.408-1.008.2-.256.444-.444.732-.564.288-.128.6-.192.936-.192.48 0 .876.108 1.188.324.32.208.56.496.72.864.168.36.252.772.252 1.236V329h-1.272v-3.72c0-.376-.04-.692-.12-.948a1.12 1.12 0 00-.396-.588c-.184-.136-.424-.204-.72-.204-.448 0-.812.148-1.092.444-.28.296-.42.728-.42 1.296V329h-1.272zm9.517 1.944c-.504 0-.948-.076-1.332-.228a2.442 2.442 0 01-.948-.648 2.138 2.138 0 01-.504-.96l1.32-.084c.088.264.24.472.456.624.224.16.56.24 1.008.24.528 0 .932-.112 1.212-.336.288-.224.432-.564.432-1.02v-.924a1.72 1.72 0 01-.732.78 2.233 2.233 0 01-1.128.288 2.608 2.608 0 01-1.428-.396 2.685 2.685 0 01-.972-1.092c-.232-.464-.348-1-.348-1.608 0-.616.112-1.156.336-1.62.232-.464.552-.828.96-1.092a2.565 2.565 0 011.404-.396c.456 0 .856.104 1.2.312.352.208.604.488.756.84v-1.008h1.224v5.88c0 .528-.12.972-.36 1.332a2.119 2.119 0 01-1.008.828c-.432.192-.948.288-1.548.288zm-.012-3.348c.496 0 .892-.18 1.188-.54.304-.36.46-.856.468-1.488.008-.416-.056-.772-.192-1.068a1.533 1.533 0 00-.588-.696 1.524 1.524 0 00-.876-.252c-.52 0-.924.184-1.212.552-.28.36-.42.848-.42 1.464 0 .624.144 1.12.432 1.488.296.36.696.54 1.2.54zm6.335-1.104c0-.6.088-1.068.264-1.404.184-.344.488-.636.912-.876.304-.176.536-.332.696-.468a.959.959 0 00.312-.432c.056-.152.084-.34.084-.564 0-.376-.124-.684-.372-.924-.248-.248-.596-.372-1.044-.372-.528 0-.936.14-1.224.42-.288.272-.46.672-.516 1.2l-1.344-.072c.048-.528.2-.996.456-1.404a2.686 2.686 0 011.044-.96c.448-.232.976-.348 1.584-.348.56 0 1.044.108 1.452.324.416.208.736.496.96.864.224.368.336.792.336 1.272 0 .344-.052.64-.156.888-.104.24-.268.464-.492.672-.216.2-.5.408-.852.624-.312.192-.528.4-.648.624-.112.216-.168.528-.168.936H482.4zm-.156 2.508v-1.512h1.548V329h-1.548z"
-                    fill="#858585"
-                    fillOpacity={0.85}
-                  />
-                  <path
-                    d="M352 255h-3a8 8 0 00-8 8v19a8 8 0 008 8h3v-35z"
-                    fill="#262626"
-                  />
-                </g>
-                <path
-                  stroke="#262626"
-                  strokeWidth={2}
-                  strokeLinecap="round"
-                  strokeDasharray="6 6"
-                  d="M326.011 273.011L340.01 273.162"
-                />
-                <path
-                  stroke="#262626"
-                  strokeWidth={2}
-                  strokeLinecap="round"
-                  strokeDasharray="6 6"
-                  d="M326.095 438.995L326.095 272.995"
-                />
-              </g>
-              <defs>
-                <filter
-                  id="filter0_dddd_113_58"
-                  x={-28}
-                  y={221}
-                  width={389}
-                  height={723}
-                  filterUnits="userSpaceOnUse"
-                  colorInterpolationFilters="sRGB"
-                >
-                  <feFlood floodOpacity={0} result="BackgroundImageFix" />
-                  <feColorMatrix
-                    in="SourceAlpha"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                  />
-                  <feOffset dy={7} />
-                  <feGaussianBlur stdDeviation={8} />
-                  <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0" />
-                  <feBlend
-                    in2="BackgroundImageFix"
-                    result="effect1_dropShadow_113_58"
-                  />
-                  <feColorMatrix
-                    in="SourceAlpha"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                  />
-                  <feOffset dx={2} dy={28} />
-                  <feGaussianBlur stdDeviation={14} />
-                  <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0" />
-                  <feBlend
-                    in2="effect1_dropShadow_113_58"
-                    result="effect2_dropShadow_113_58"
-                  />
-                  <feColorMatrix
-                    in="SourceAlpha"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                  />
-                  <feOffset dx={4} dy={64} />
-                  <feGaussianBlur stdDeviation={19} />
-                  <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
-                  <feBlend
-                    in2="effect2_dropShadow_113_58"
-                    result="effect3_dropShadow_113_58"
-                  />
-                  <feColorMatrix
-                    in="SourceAlpha"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                  />
-                  <feOffset dx={7} dy={113} />
-                  <feGaussianBlur stdDeviation={22.5} />
-                  <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0" />
-                  <feBlend
-                    in2="effect3_dropShadow_113_58"
-                    result="effect4_dropShadow_113_58"
-                  />
-                  <feBlend
-                    in="SourceGraphic"
-                    in2="effect4_dropShadow_113_58"
-                    result="shape"
-                  />
-                </filter>
-                <filter
-                  id="filter1_dddd_113_58"
-                  x={303}
-                  y={23}
-                  width={389}
-                  height={672}
-                  filterUnits="userSpaceOnUse"
-                  colorInterpolationFilters="sRGB"
-                >
-                  <feFlood floodOpacity={0} result="BackgroundImageFix" />
-                  <feColorMatrix
-                    in="SourceAlpha"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                  />
-                  <feOffset dy={7} />
-                  <feGaussianBlur stdDeviation={8} />
-                  <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0" />
-                  <feBlend
-                    in2="BackgroundImageFix"
-                    result="effect1_dropShadow_113_58"
-                  />
-                  <feColorMatrix
-                    in="SourceAlpha"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                  />
-                  <feOffset dx={2} dy={28} />
-                  <feGaussianBlur stdDeviation={14} />
-                  <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0" />
-                  <feBlend
-                    in2="effect1_dropShadow_113_58"
-                    result="effect2_dropShadow_113_58"
-                  />
-                  <feColorMatrix
-                    in="SourceAlpha"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                  />
-                  <feOffset dx={4} dy={64} />
-                  <feGaussianBlur stdDeviation={19} />
-                  <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
-                  <feBlend
-                    in2="effect2_dropShadow_113_58"
-                    result="effect3_dropShadow_113_58"
-                  />
-                  <feColorMatrix
-                    in="SourceAlpha"
-                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-                    result="hardAlpha"
-                  />
-                  <feOffset dx={7} dy={113} />
-                  <feGaussianBlur stdDeviation={22.5} />
-                  <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0" />
-                  <feBlend
-                    in2="effect3_dropShadow_113_58"
-                    result="effect4_dropShadow_113_58"
-                  />
-                  <feBlend
-                    in="SourceGraphic"
-                    in2="effect4_dropShadow_113_58"
-                    result="shape"
-                  />
-                </filter>
-                <clipPath id="clip0_113_58">
-                  <path fill="#fff" d="M0 0H535V363H0z" />
-                </clipPath>
-                <clipPath id="clip1_113_58">
-                  <path fill="#fff" transform="translate(42 252)" d="M0 0H16V16H0z" />
-                </clipPath>
-                <clipPath id="clip2_113_58">
-                  <path
-                    fill="#fff"
-                    transform="translate(373.176 54)"
-                    d="M0 0H15.6479V16H0z"
-                  />
-                </clipPath>
-                <clipPath id="clip3_113_58">
-                  <rect x={378} y={231} width={16} height={16} rx={8} fill="#fff" />
-                </clipPath>
-              </defs>
-            </svg>
\ No newline at end of file
diff --git a/apps/sim/public/static/copilot.gif b/apps/sim/public/static/copilot.gif
deleted file mode 100644
index c84f3f4db03..00000000000
Binary files a/apps/sim/public/static/copilot.gif and /dev/null differ
diff --git a/apps/sim/public/static/discord-icon.png b/apps/sim/public/static/discord-icon.png
deleted file mode 100644
index 7c645e7197a..00000000000
Binary files a/apps/sim/public/static/discord-icon.png and /dev/null differ
diff --git a/apps/sim/public/static/github-icon.png b/apps/sim/public/static/github-icon.png
deleted file mode 100644
index 1f6d5ae3e40..00000000000
Binary files a/apps/sim/public/static/github-icon.png and /dev/null differ
diff --git a/apps/sim/public/static/knowledge.gif b/apps/sim/public/static/knowledge.gif
deleted file mode 100644
index 82abd00515c..00000000000
Binary files a/apps/sim/public/static/knowledge.gif and /dev/null differ
diff --git a/apps/sim/public/static/preview.png b/apps/sim/public/static/preview.png
deleted file mode 100644
index 93727768292..00000000000
Binary files a/apps/sim/public/static/preview.png and /dev/null differ
diff --git a/apps/sim/public/static/sim.png b/apps/sim/public/static/sim.png
deleted file mode 100644
index d56abed087e..00000000000
Binary files a/apps/sim/public/static/sim.png and /dev/null differ
diff --git a/apps/sim/public/static/sync-blocks.svg b/apps/sim/public/static/sync-blocks.svg
deleted file mode 100644
index 6e65508d769..00000000000
--- a/apps/sim/public/static/sync-blocks.svg
+++ /dev/null
@@ -1,355 +0,0 @@
-<svg
-            className='w-full h-full'
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_113_57)">
-          <g filter="url(#filter0_dddd_113_57)">
-            <rect
-              x={384}
-              y={141}
-              width={278}
-              height={556}
-              rx={12}
-              fill="#131313"
-            />
-            <rect
-              x={384.5}
-              y={141.5}
-              width={277}
-              height={555}
-              rx={11.5}
-              stroke="#333"
-            />
-            <rect x={400} y={157} width={28} height={28} rx={8} fill="#802FFF" />
-            <g
-              clipPath="url(#clip1_113_57)"
-              stroke="#fff"
-              strokeWidth={1.33333}
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            >
-              <path d="M418 169h-8a2.667 2.667 0 00-2.667 2.667v4a2.667 2.667 0 002.667 2.666h8a2.667 2.667 0 002.667-2.666v-4A2.667 2.667 0 00418 169zM414 166.333a1.333 1.333 0 10.001-2.667 1.333 1.333 0 00-.001 2.667zM414 166.333V169m-2 5.333V173m4 0v1.333" />
-            </g>
-            <path
-              d="M437.304 177l4.096-11.36h2.544L448.04 177h-2.176l-.944-2.688h-4.496L439.48 177h-2.176zm3.728-4.464h3.28l-1.632-4.8-1.648 4.8zm11.72 7.056c-.746 0-1.386-.101-1.92-.304-.533-.203-.965-.491-1.296-.864a3.085 3.085 0 01-.672-1.264l2.112-.144c.107.32.288.571.544.752.267.181.678.272 1.232.272.63 0 1.115-.144 1.456-.432.342-.277.512-.715.512-1.312v-1.088c-.202.416-.528.752-.976 1.008a3.082 3.082 0 01-1.504.368c-.704 0-1.333-.171-1.888-.512a3.624 3.624 0 01-1.28-1.456c-.309-.629-.464-1.355-.464-2.176 0-.821.15-1.541.448-2.16.31-.629.736-1.12 1.28-1.472.544-.363 1.168-.544 1.872-.544.619 0 1.152.139 1.6.416.448.277.774.645.976 1.104v-1.328h2v7.792c0 .725-.17 1.339-.512 1.84-.33.501-.8.875-1.408 1.12-.597.256-1.301.384-2.112.384zm-.032-4.608c.608 0 1.094-.224 1.456-.672.363-.459.55-1.088.56-1.888.011-.533-.069-.987-.24-1.36a1.88 1.88 0 00-.704-.88c-.298-.213-.656-.32-1.072-.32-.629 0-1.12.235-1.472.704-.341.459-.512 1.077-.512 1.856 0 .779.176 1.403.528 1.872.363.459.848.688 1.456.688zm9.846 2.208c-.853 0-1.595-.181-2.224-.544a3.76 3.76 0 01-1.456-1.568c-.341-.672-.512-1.456-.512-2.352 0-.896.171-1.675.512-2.336a3.788 3.788 0 011.44-1.568c.629-.373 1.36-.56 2.192-.56.811 0 1.52.181 2.128.544.619.363 1.093.885 1.424 1.568.331.683.496 1.504.496 2.464v.464h-6.064c.043.747.245 1.312.608 1.696.373.373.864.56 1.472.56.459 0 .837-.101 1.136-.304a1.63 1.63 0 00.64-.88l2.096.128a3.464 3.464 0 01-1.392 1.968c-.683.48-1.515.72-2.496.72zm-2.064-5.264h3.952c-.043-.693-.24-1.205-.592-1.536-.352-.341-.8-.512-1.344-.512s-.997.176-1.36.528c-.352.352-.571.859-.656 1.52zm7.665 5.072v-8.544h1.856l.08 2.4-.24-.096c.085-.597.261-1.077.528-1.44s.592-.629.976-.8a3.07 3.07 0 011.264-.256c.629 0 1.157.139 1.584.416.437.277.768.661.992 1.152.224.48.336 1.04.336 1.68V177h-2.048v-4.832c0-.48-.048-.885-.144-1.216-.096-.331-.256-.581-.48-.752-.213-.181-.501-.272-.864-.272-.544 0-.981.192-1.312.576-.32.384-.48.939-.48 1.664V177h-2.048zm12.44 0c-.854 0-1.483-.197-1.888-.592-.395-.395-.592-1.013-.592-1.856v-8.096h2.047v7.904c0 .395.086.672.257.832.17.149.437.224.8.224h1.2V177h-1.824zm-3.824-6.96v-1.584h5.648v1.584h-5.648z"
-              fill="#fff"
-              fillOpacity={0.62}
-            />
-            <path fill="#262626" d="M384 197H662V199H384z" />
-            <path
-              d="M405.472 229.256c-.907 0-1.696-.165-2.368-.496a3.937 3.937 0 01-1.568-1.376c-.384-.587-.608-1.269-.672-2.048l1.776-.112c.075.533.229.987.464 1.36.235.363.549.64.944.832.405.181.891.272 1.456.272.491 0 .907-.059 1.248-.176.352-.128.619-.315.8-.56.181-.245.272-.544.272-.896 0-.32-.08-.603-.24-.848-.149-.256-.443-.485-.88-.688-.427-.213-1.056-.421-1.888-.624-.907-.224-1.632-.469-2.176-.736-.544-.267-.939-.597-1.184-.992-.235-.405-.352-.901-.352-1.488 0-.651.155-1.221.464-1.712.32-.501.773-.891 1.36-1.168.587-.277 1.291-.416 2.112-.416.864 0 1.6.16 2.208.48a3.69 3.69 0 011.456 1.312c.363.555.587 1.189.672 1.904l-1.776.096a2.699 2.699 0 00-.4-1.152 2.11 2.11 0 00-.864-.784c-.363-.192-.805-.288-1.328-.288-.661 0-1.184.155-1.568.464-.373.299-.56.699-.56 1.2 0 .32.075.592.224.816.16.213.437.4.832.56.405.16.976.331 1.712.512.981.224 1.76.501 2.336.832.587.32 1.003.699 1.248 1.136.245.437.368.933.368 1.488 0 .672-.176 1.259-.528 1.76-.341.491-.821.869-1.44 1.136-.619.267-1.339.4-2.16.4zm6.411 2.144v-1.392h1.04c.288 0 .501-.043.64-.128s.245-.229.32-.432l.272-.704h-.528l-3.072-8.256h1.792l2.336 6.688 2.224-6.688h1.808l-3.392 9.504c-.171.491-.427.848-.768 1.072-.331.224-.795.336-1.392.336h-1.28zm11.206-2.208c-.8 0-1.477-.123-2.032-.368-.544-.245-.965-.581-1.264-1.008a3.029 3.029 0 01-.512-1.504l1.744-.08c.086.469.288.843.608 1.12.32.277.806.416 1.456.416.534 0 .955-.085 1.264-.256.31-.171.464-.443.464-.816a.813.813 0 00-.16-.512c-.096-.149-.288-.272-.576-.368-.288-.107-.714-.208-1.28-.304-.842-.16-1.504-.347-1.984-.56-.48-.213-.821-.485-1.024-.816-.202-.331-.304-.731-.304-1.2 0-.779.288-1.413.864-1.904.587-.491 1.43-.736 2.528-.736.736 0 1.355.128 1.856.384.502.245.891.581 1.168 1.008.288.416.47.885.544 1.408l-1.744.096a1.773 1.773 0 00-.32-.768 1.425 1.425 0 00-.608-.512 2.018 2.018 0 00-.912-.192c-.544 0-.949.107-1.216.32-.266.213-.4.491-.4.832 0 .256.059.464.176.624.128.16.331.293.608.4.278.096.646.181 1.104.256.886.149 1.579.336 2.08.56.502.213.854.48 1.056.8.203.32.304.709.304 1.168 0 .533-.149.987-.448 1.36-.298.373-.709.661-1.232.864-.522.192-1.125.288-1.808.288zm8.156-.192c-.81 0-1.408-.187-1.792-.56-.384-.373-.576-.955-.576-1.744v-8.208h1.696v8.08c0 .395.086.667.256.816.171.149.432.224.784.224h1.216V229h-1.584zm-3.664-7.12v-1.392h5.248v1.392h-5.248zm10.232 7.312c-.832 0-1.552-.181-2.16-.544-.597-.363-1.061-.88-1.392-1.552-.32-.672-.48-1.456-.48-2.352 0-.896.16-1.675.48-2.336.331-.672.795-1.189 1.392-1.552.598-.373 1.302-.56 2.112-.56.768 0 1.446.181 2.032.544.587.352 1.04.864 1.36 1.536.331.672.496 1.483.496 2.432v.432h-6.112c.043.832.262 1.456.656 1.872.406.416.95.624 1.632.624.502 0 .918-.117 1.248-.352a1.81 1.81 0 00.688-.944l1.76.112a3.529 3.529 0 01-1.328 1.92c-.65.48-1.445.72-2.384.72zm-2.272-5.232h4.32c-.053-.757-.272-1.317-.656-1.68-.373-.363-.853-.544-1.44-.544-.608 0-1.109.192-1.504.576-.384.373-.624.923-.72 1.648zm7.831 5.04v-8.512h1.552l.048 2.112-.192-.064a3.13 3.13 0 01.496-1.2c.245-.331.544-.587.896-.768a2.482 2.482 0 011.152-.272c.725 0 1.317.208 1.776.624.459.405.747.965.864 1.68h-.272c.096-.501.256-.917.48-1.248.235-.341.533-.603.896-.784a2.722 2.722 0 011.232-.272c.597 0 1.104.128 1.52.384.427.245.747.608.96 1.088.224.48.336 1.067.336 1.76V229h-1.696v-5.056c0-.736-.133-1.291-.4-1.664s-.672-.56-1.216-.56c-.352 0-.661.091-.928.272a1.777 1.777 0 00-.624.784c-.139.341-.208.752-.208 1.232V229h-1.616v-4.992c0-.725-.123-1.285-.368-1.68-.235-.405-.64-.608-1.216-.608a1.64 1.64 0 00-.944.272c-.256.181-.459.448-.608.8-.149.341-.224.747-.224 1.216V229h-1.696zm18.223 0v-11.36h4.24c1.301 0 2.314.315 3.04.944.725.619 1.088 1.483 1.088 2.592 0 .736-.166 1.376-.496 1.92-.331.533-.806.944-1.424 1.232-.608.277-1.344.416-2.208.416h-2.512V229h-1.728zm1.728-5.824h2.464c.778 0 1.37-.165 1.776-.496.405-.341.608-.843.608-1.504 0-.651-.203-1.136-.608-1.456-.406-.331-.998-.496-1.776-.496h-2.464v3.952zm8.471 5.824v-8.512h1.552l.064 2.256-.144-.048c.117-.768.352-1.328.704-1.68.362-.352.848-.528 1.456-.528h.816v1.52h-.816c-.427 0-.784.069-1.072.208a1.413 1.413 0 00-.656.64c-.139.288-.208.661-.208 1.12V229h-1.696zm9.16.192c-.811 0-1.52-.181-2.128-.544a3.623 3.623 0 01-1.408-1.552c-.331-.672-.496-1.456-.496-2.352 0-.907.165-1.691.496-2.352.331-.661.8-1.173 1.408-1.536.608-.373 1.317-.56 2.128-.56.811 0 1.52.187 2.128.56a3.644 3.644 0 011.408 1.536c.331.661.496 1.445.496 2.352 0 .896-.165 1.68-.496 2.352a3.623 3.623 0 01-1.408 1.552c-.608.363-1.317.544-2.128.544zm0-1.472c.725 0 1.285-.261 1.68-.784.395-.533.592-1.264.592-2.192 0-.928-.197-1.653-.592-2.176-.395-.533-.955-.8-1.68-.8-.715 0-1.275.267-1.68.8-.395.523-.592 1.248-.592 2.176 0 .928.197 1.659.592 2.192.405.523.965.784 1.68.784zM486.7 229v-8.512h1.552l.048 2.112-.192-.064a3.13 3.13 0 01.496-1.2c.245-.331.544-.587.896-.768a2.482 2.482 0 011.152-.272c.725 0 1.317.208 1.776.624.459.405.747.965.864 1.68h-.272c.096-.501.256-.917.48-1.248.235-.341.533-.603.896-.784a2.722 2.722 0 011.232-.272c.597 0 1.104.128 1.52.384.427.245.747.608.96 1.088.224.48.336 1.067.336 1.76V229h-1.696v-5.056c0-.736-.133-1.291-.4-1.664s-.672-.56-1.216-.56c-.352 0-.661.091-.928.272a1.777 1.777 0 00-.624.784c-.139.341-.208.752-.208 1.232V229h-1.616v-4.992c0-.725-.123-1.285-.368-1.68-.235-.405-.64-.608-1.216-.608a1.64 1.64 0 00-.944.272c-.256.181-.459.448-.608.8-.149.341-.224.747-.224 1.216V229H486.7zm13.859 2.4v-10.912h1.6l.048 1.824-.192-.096c.214-.629.566-1.104 1.056-1.424.491-.331 1.056-.496 1.696-.496.832 0 1.515.208 2.048.624.544.405.944.944 1.2 1.616.267.672.4 1.408.4 2.208 0 .8-.133 1.536-.4 2.208a3.636 3.636 0 01-1.2 1.632c-.533.405-1.216.608-2.048.608-.426 0-.826-.075-1.2-.224a2.817 2.817 0 01-.96-.624 2.386 2.386 0 01-.544-.976l.192-.192v4.224h-1.696zm3.904-3.68c.683 0 1.216-.261 1.6-.784.395-.523.592-1.253.592-2.192 0-.939-.197-1.669-.592-2.192-.384-.523-.917-.784-1.6-.784-.448 0-.837.112-1.168.336-.33.213-.586.544-.768.992-.181.448-.272.997-.272 1.648 0 .651.086 1.2.256 1.648.182.448.438.784.768 1.008.342.213.736.32 1.184.32zm8.626 1.28c-.811 0-1.408-.187-1.792-.56-.384-.373-.576-.955-.576-1.744v-8.208h1.696v8.08c0 .395.085.667.256.816.171.149.432.224.784.224h1.216V229h-1.584zm-3.664-7.12v-1.392h5.248v1.392h-5.248zM405.552 371.256c-.896 0-1.68-.171-2.352-.512a3.758 3.758 0 01-1.536-1.488c-.352-.64-.528-1.397-.528-2.272v-7.36h1.728v7.36c0 .864.235 1.531.704 2 .469.459 1.131.688 1.984.688s1.515-.229 1.984-.688c.469-.469.704-1.136.704-2v-7.36h1.728v7.36c0 .875-.181 1.632-.544 2.272a3.653 3.653 0 01-1.52 1.488c-.661.341-1.445.512-2.352.512zm10.037-.064c-.8 0-1.477-.123-2.032-.368-.544-.245-.965-.581-1.264-1.008a3.029 3.029 0 01-.512-1.504l1.744-.08c.086.469.288.843.608 1.12.32.277.806.416 1.456.416.534 0 .955-.085 1.264-.256.31-.171.464-.443.464-.816a.813.813 0 00-.16-.512c-.096-.149-.288-.272-.576-.368-.288-.107-.714-.208-1.28-.304-.842-.16-1.504-.347-1.984-.56-.48-.213-.821-.485-1.024-.816-.202-.331-.304-.731-.304-1.2 0-.779.288-1.413.864-1.904.587-.491 1.43-.736 2.528-.736.736 0 1.355.128 1.856.384.502.245.891.581 1.168 1.008.288.416.47.885.544 1.408l-1.744.096a1.773 1.773 0 00-.32-.768 1.425 1.425 0 00-.608-.512 2.018 2.018 0 00-.912-.192c-.544 0-.949.107-1.216.32-.266.213-.4.491-.4.832 0 .256.059.464.176.624.128.16.331.293.608.4.278.096.646.181 1.104.256.886.149 1.579.336 2.08.56.502.213.854.48 1.056.8.203.32.304.709.304 1.168 0 .533-.149.987-.448 1.36-.298.373-.709.661-1.232.864-.522.192-1.125.288-1.808.288zm8.709 0c-.832 0-1.552-.181-2.16-.544-.598-.363-1.062-.88-1.392-1.552-.32-.672-.48-1.456-.48-2.352 0-.896.16-1.675.48-2.336.33-.672.794-1.189 1.392-1.552.597-.373 1.301-.56 2.112-.56.768 0 1.445.181 2.032.544.586.352 1.04.864 1.36 1.536.33.672.496 1.483.496 2.432v.432h-6.112c.042.832.261 1.456.656 1.872.405.416.949.624 1.632.624.501 0 .917-.117 1.248-.352.33-.235.56-.549.688-.944l1.76.112a3.534 3.534 0 01-1.328 1.92c-.651.48-1.446.72-2.384.72zm-2.272-5.232h4.32c-.054-.757-.272-1.317-.656-1.68-.374-.363-.854-.544-1.44-.544-.608 0-1.11.192-1.504.576-.384.373-.624.923-.72 1.648zm7.83 5.04v-8.512h1.552l.064 2.256-.144-.048c.118-.768.352-1.328.704-1.68.363-.352.848-.528 1.456-.528h.816v1.52h-.816c-.426 0-.784.069-1.072.208a1.417 1.417 0 00-.656.64c-.138.288-.208.661-.208 1.12V371h-1.696zm10.364 0v-11.36h4.24c1.301 0 2.314.315 3.04.944.725.619 1.088 1.483 1.088 2.592 0 .736-.166 1.376-.496 1.92-.331.533-.806.944-1.424 1.232-.608.277-1.344.416-2.208.416h-2.512V371h-1.728zm1.728-5.824h2.464c.778 0 1.37-.165 1.776-.496.405-.341.608-.843.608-1.504 0-.651-.203-1.136-.608-1.456-.406-.331-.998-.496-1.776-.496h-2.464v3.952zm8.471 5.824v-8.512h1.552l.064 2.256-.144-.048c.117-.768.352-1.328.704-1.68.362-.352.848-.528 1.456-.528h.816v1.52h-.816c-.427 0-.784.069-1.072.208a1.413 1.413 0 00-.656.64c-.139.288-.208.661-.208 1.12V371h-1.696zm9.16.192c-.811 0-1.52-.181-2.128-.544a3.623 3.623 0 01-1.408-1.552c-.331-.672-.496-1.456-.496-2.352 0-.907.165-1.691.496-2.352.331-.661.8-1.173 1.408-1.536.608-.373 1.317-.56 2.128-.56.811 0 1.52.187 2.128.56a3.644 3.644 0 011.408 1.536c.331.661.496 1.445.496 2.352 0 .896-.165 1.68-.496 2.352a3.623 3.623 0 01-1.408 1.552c-.608.363-1.317.544-2.128.544zm0-1.472c.725 0 1.285-.261 1.68-.784.395-.533.592-1.264.592-2.192 0-.928-.197-1.653-.592-2.176-.395-.533-.955-.8-1.68-.8-.715 0-1.275.267-1.68.8-.395.523-.592 1.248-.592 2.176 0 .928.197 1.659.592 2.192.405.523.965.784 1.68.784zm5.746 1.28v-8.512h1.552l.048 2.112-.192-.064a3.13 3.13 0 01.496-1.2c.245-.331.544-.587.896-.768a2.482 2.482 0 011.152-.272c.725 0 1.317.208 1.776.624.459.405.747.965.864 1.68h-.272c.096-.501.256-.917.48-1.248.235-.341.533-.603.896-.784a2.722 2.722 0 011.232-.272c.597 0 1.104.128 1.52.384.427.245.747.608.96 1.088.224.48.336 1.067.336 1.76V371h-1.696v-5.056c0-.736-.133-1.291-.4-1.664s-.672-.56-1.216-.56c-.352 0-.661.091-.928.272a1.777 1.777 0 00-.624.784c-.139.341-.208.752-.208 1.232V371h-1.616v-4.992c0-.725-.123-1.285-.368-1.68-.235-.405-.64-.608-1.216-.608a1.64 1.64 0 00-.944.272c-.256.181-.459.448-.608.8-.149.341-.224.747-.224 1.216V371h-1.696zm13.859 2.4v-10.912h1.6l.048 1.824-.192-.096c.214-.629.566-1.104 1.056-1.424.491-.331 1.056-.496 1.696-.496.832 0 1.515.208 2.048.624.544.405.944.944 1.2 1.616.267.672.4 1.408.4 2.208 0 .8-.133 1.536-.4 2.208a3.636 3.636 0 01-1.2 1.632c-.533.405-1.216.608-2.048.608-.426 0-.826-.075-1.2-.224a2.817 2.817 0 01-.96-.624 2.386 2.386 0 01-.544-.976l.192-.192v4.224h-1.696zm3.904-3.68c.683 0 1.216-.261 1.6-.784.395-.523.592-1.253.592-2.192 0-.939-.197-1.669-.592-2.192-.384-.523-.917-.784-1.6-.784-.448 0-.837.112-1.168.336-.33.213-.586.544-.768.992-.181.448-.272.997-.272 1.648 0 .651.086 1.2.256 1.648.182.448.438.784.768 1.008.342.213.736.32 1.184.32zm8.626 1.28c-.811 0-1.408-.187-1.792-.56-.384-.373-.576-.955-.576-1.744v-8.208h1.696v8.08c0 .395.085.667.256.816.171.149.432.224.784.224h1.216V371h-1.584zm-3.664-7.12v-1.392h5.248v1.392h-5.248zm10.008 7.312c-.8 0-1.477-.123-2.032-.368-.544-.245-.965-.581-1.264-1.008a3.02 3.02 0 01-.512-1.504l1.744-.08c.085.469.288.843.608 1.12.32.277.805.416 1.456.416.533 0 .955-.085 1.264-.256.309-.171.464-.443.464-.816a.813.813 0 00-.16-.512c-.096-.149-.288-.272-.576-.368-.288-.107-.715-.208-1.28-.304-.843-.16-1.504-.347-1.984-.56-.48-.213-.821-.485-1.024-.816-.203-.331-.304-.731-.304-1.2 0-.779.288-1.413.864-1.904.587-.491 1.429-.736 2.528-.736.736 0 1.355.128 1.856.384.501.245.891.581 1.168 1.008.288.416.469.885.544 1.408l-1.744.096a1.773 1.773 0 00-.32-.768 1.425 1.425 0 00-.608-.512 2.018 2.018 0 00-.912-.192c-.544 0-.949.107-1.216.32-.267.213-.4.491-.4.832 0 .256.059.464.176.624.128.16.331.293.608.4.277.096.645.181 1.104.256.885.149 1.579.336 2.08.56.501.213.853.48 1.056.8.203.32.304.709.304 1.168 0 .533-.149.987-.448 1.36-.299.373-.709.661-1.232.864-.523.192-1.125.288-1.808.288z"
-              fill="#828282"
-            />
-            <rect
-              x={400.5}
-              y={243.5}
-              width={245}
-              height={93}
-              rx={11.5}
-              fill="#212121"
-            />
-            <rect
-              x={400.5}
-              y={243.5}
-              width={245}
-              height={93}
-              rx={11.5}
-              stroke="#282828"
-            />
-            <path
-              d="M413.032 266v-8.52h5.544v1.188h-4.248v2.484h4.104v1.152h-4.104v2.508h4.344V266h-5.64zm7.181 0v-6.384h1.164l.048 1.704-.156-.084c.072-.416.208-.752.408-1.008.2-.256.444-.444.732-.564.288-.128.6-.192.936-.192.48 0 .876.108 1.188.324.32.208.56.496.72.864.168.36.252.772.252 1.236V266h-1.272v-3.72c0-.376-.04-.692-.12-.948a1.12 1.12 0 00-.396-.588c-.184-.136-.424-.204-.72-.204-.448 0-.812.148-1.092.444-.28.296-.42.728-.42 1.296V266h-1.272zm9.08 0c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V266h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm7.674 5.484c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm5.873 3.78v-6.384h1.164l.048 1.692-.108-.036c.088-.576.264-.996.528-1.26.272-.264.636-.396 1.092-.396h.612v1.14h-.612c-.32 0-.588.052-.804.156a1.06 1.06 0 00-.492.48c-.104.216-.156.496-.156.84V266h-1.272zm10.101.144c-.6 0-1.108-.092-1.524-.276-.408-.184-.724-.436-.948-.756a2.264 2.264 0 01-.384-1.128l1.308-.06c.064.352.216.632.456.84.24.208.604.312 1.092.312.4 0 .716-.064.948-.192.232-.128.348-.332.348-.612 0-.152-.04-.28-.12-.384-.072-.112-.216-.204-.432-.276-.216-.08-.536-.156-.96-.228-.632-.12-1.128-.26-1.488-.42-.36-.16-.616-.364-.768-.612-.152-.248-.228-.548-.228-.9 0-.584.216-1.06.648-1.428.44-.368 1.072-.552 1.896-.552.552 0 1.016.096 1.392.288.376.184.668.436.876.756.216.312.352.664.408 1.056l-1.308.072a1.335 1.335 0 00-.24-.576 1.072 1.072 0 00-.456-.384 1.513 1.513 0 00-.684-.144c-.408 0-.712.08-.912.24-.2.16-.3.368-.3.624 0 .192.044.348.132.468.096.12.248.22.456.3.208.072.484.136.828.192.664.112 1.184.252 1.56.42.376.16.64.36.792.6.152.24.228.532.228.876 0 .4-.112.74-.336 1.02-.224.28-.532.496-.924.648a3.921 3.921 0 01-1.356.216zm4.064 1.656v-1.044h.78c.216 0 .376-.032.48-.096a.61.61 0 00.24-.324l.204-.528h-.396l-2.304-6.192h1.344l1.752 5.016 1.668-5.016h1.356l-2.544 7.128c-.128.368-.32.636-.576.804-.248.168-.596.252-1.044.252h-.96zm8.405-1.656c-.6 0-1.108-.092-1.524-.276-.408-.184-.724-.436-.948-.756a2.264 2.264 0 01-.384-1.128l1.308-.06c.064.352.216.632.456.84.24.208.604.312 1.092.312.4 0 .716-.064.948-.192.232-.128.348-.332.348-.612 0-.152-.04-.28-.12-.384-.072-.112-.216-.204-.432-.276-.216-.08-.536-.156-.96-.228-.632-.12-1.128-.26-1.488-.42-.36-.16-.616-.364-.768-.612-.152-.248-.228-.548-.228-.9 0-.584.216-1.06.648-1.428.44-.368 1.072-.552 1.896-.552.552 0 1.016.096 1.392.288.376.184.668.436.876.756.216.312.352.664.408 1.056l-1.308.072a1.335 1.335 0 00-.24-.576 1.072 1.072 0 00-.456-.384 1.513 1.513 0 00-.684-.144c-.408 0-.712.08-.912.24-.2.16-.3.368-.3.624 0 .192.044.348.132.468.096.12.248.22.456.3.208.072.484.136.828.192.664.112 1.184.252 1.56.42.376.16.64.36.792.6.152.24.228.532.228.876 0 .4-.112.74-.336 1.02-.224.28-.532.496-.924.648a3.921 3.921 0 01-1.356.216zm6.117-.144c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V266h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm7.674 5.484c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm5.873 3.78v-6.384h1.164l.036 1.584-.144-.048c.072-.352.196-.652.372-.9a1.93 1.93 0 01.672-.576c.264-.136.552-.204.864-.204.544 0 .988.156 1.332.468.344.304.56.724.648 1.26h-.204c.072-.376.192-.688.36-.936.176-.256.4-.452.672-.588.272-.136.58-.204.924-.204.448 0 .828.096 1.14.288.32.184.56.456.72.816.168.36.252.8.252 1.32V266h-1.272v-3.792c0-.552-.1-.968-.3-1.248-.2-.28-.504-.42-.912-.42-.264 0-.496.068-.696.204-.2.136-.356.332-.468.588a2.453 2.453 0 00-.156.924V266h-1.212v-3.744c0-.544-.092-.964-.276-1.26-.176-.304-.48-.456-.912-.456-.272 0-.508.068-.708.204a1.364 1.364 0 00-.456.6c-.112.256-.168.56-.168.912V266h-1.272zm13.535 1.8v-8.184h1.2l.036 1.368-.144-.072c.16-.472.424-.828.792-1.068a2.222 2.222 0 011.272-.372c.624 0 1.136.156 1.536.468.408.304.708.708.9 1.212.2.504.3 1.056.3 1.656 0 .6-.1 1.152-.3 1.656a2.727 2.727 0 01-.9 1.224c-.4.304-.912.456-1.536.456a2.4 2.4 0 01-.9-.168 2.116 2.116 0 01-.72-.468 1.786 1.786 0 01-.408-.732l.144-.144v3.168h-1.272zm2.928-2.76c.512 0 .912-.196 1.2-.588.296-.392.444-.94.444-1.644s-.148-1.252-.444-1.644c-.288-.392-.688-.588-1.2-.588-.336 0-.628.084-.876.252-.248.16-.44.408-.576.744-.136.336-.204.748-.204 1.236s.064.9.192 1.236c.136.336.328.588.576.756.256.16.552.24.888.24zm4.255.96v-6.384h1.164l.048 1.692-.108-.036c.088-.576.264-.996.528-1.26.272-.264.636-.396 1.092-.396h.612v1.14h-.612c-.32 0-.588.052-.804.156a1.06 1.06 0 00-.492.48c-.104.216-.156.496-.156.84V266h-1.272zm6.87.144c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.68.124-1.268.372-1.764s.6-.88 1.056-1.152c.456-.28.988-.42 1.596-.42.608 0 1.14.14 1.596.42.456.272.808.656 1.056 1.152.248.496.372 1.084.372 1.764 0 .672-.124 1.26-.372 1.764s-.6.892-1.056 1.164c-.456.272-.988.408-1.596.408zm0-1.104c.544 0 .964-.196 1.26-.588.296-.4.444-.948.444-1.644s-.148-1.24-.444-1.632c-.296-.4-.716-.6-1.26-.6-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588zm4.31.96v-6.384h1.164l.036 1.584-.144-.048c.072-.352.196-.652.372-.9a1.93 1.93 0 01.672-.576c.264-.136.552-.204.864-.204.544 0 .988.156 1.332.468.344.304.56.724.648 1.26h-.204c.072-.376.192-.688.36-.936.176-.256.4-.452.672-.588.272-.136.58-.204.924-.204.448 0 .828.096 1.14.288.32.184.56.456.72.816.168.36.252.8.252 1.32V266h-1.272v-3.792c0-.552-.1-.968-.3-1.248-.2-.28-.504-.42-.912-.42-.264 0-.496.068-.696.204-.2.136-.356.332-.468.588a2.453 2.453 0 00-.156.924V266h-1.212v-3.744c0-.544-.092-.964-.276-1.26-.176-.304-.48-.456-.912-.456-.272 0-.508.068-.708.204a1.364 1.364 0 00-.456.6c-.112.256-.168.56-.168.912V266h-1.272zm10.395 1.8v-8.184h1.2l.036 1.368-.144-.072c.16-.472.424-.828.792-1.068a2.222 2.222 0 011.272-.372c.624 0 1.136.156 1.536.468.408.304.708.708.9 1.212.2.504.3 1.056.3 1.656 0 .6-.1 1.152-.3 1.656a2.727 2.727 0 01-.9 1.224c-.4.304-.912.456-1.536.456a2.4 2.4 0 01-.9-.168 2.116 2.116 0 01-.72-.468 1.786 1.786 0 01-.408-.732l.144-.144v3.168h-1.272zm2.928-2.76c.512 0 .912-.196 1.2-.588.296-.392.444-.94.444-1.644s-.148-1.252-.444-1.644c-.288-.392-.688-.588-1.2-.588-.336 0-.628.084-.876.252-.248.16-.44.408-.576.744-.136.336-.204.748-.204 1.236s.064.9.192 1.236c.136.336.328.588.576.756.256.16.552.24.888.24zm6.469.96c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V266h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm5.154 5.34v-1.512h1.548V266h-1.548zm2.554 0v-1.512h1.548V266h-1.548zm2.555 0v-1.512h1.548V266h-1.548z"
-              fill="#858585"
-              fillOpacity={0.85}
-            />
-          </g>
-          <g filter="url(#filter1_dddd_113_57)">
-            <rect x={41} y={52} width={278} height={505} rx={12} fill="#131313" />
-            <rect
-              x={41.5}
-              y={52.5}
-              width={277}
-              height={504}
-              rx={11.5}
-              stroke="#333"
-            />
-            <rect x={57} y={68} width={28} height={28} rx={8} fill="#1B1B1B" />
-            <g clipPath="url(#clip2_113_57)">
-              <path
-                d="M72.385 90.591c-.43.542-1.302.245-1.313-.446l-.151-10.118h6.803c1.232 0 1.92 1.423 1.153 2.388l-6.492 8.176z"
-                fill="url(#paint0_linear_113_57)"
-              />
-              <path
-                d="M72.385 90.591c-.43.542-1.302.245-1.313-.446l-.151-10.118h6.803c1.232 0 1.92 1.423 1.153 2.388l-6.492 8.176z"
-                fill="url(#paint1_linear_113_57)"
-                fillOpacity={0.2}
-              />
-              <path
-                d="M69.618 74.311c.43-.541 1.303-.244 1.313.447l.066 10.118H64.28c-1.232 0-1.919-1.423-1.153-2.388l6.492-8.177z"
-                fill="#3ECF8E"
-              />
-            </g>
-            <path
-              d="M99.568 88.256c-.939 0-1.75-.165-2.432-.496a4.005 4.005 0 01-1.616-1.376c-.384-.597-.608-1.29-.672-2.08l2.112-.128c.064.49.203.907.416 1.248.224.341.517.603.88.784.373.17.821.256 1.344.256.448 0 .827-.053 1.136-.16.32-.117.56-.283.72-.496.171-.224.256-.496.256-.816 0-.288-.069-.544-.208-.768-.139-.235-.405-.443-.8-.624-.395-.192-.981-.379-1.76-.56-.939-.213-1.69-.453-2.256-.72-.565-.277-.976-.619-1.232-1.024-.256-.416-.384-.933-.384-1.552 0-.661.165-1.243.496-1.744.33-.512.8-.907 1.408-1.184.608-.288 1.339-.432 2.192-.432.907 0 1.675.165 2.304.496.629.32 1.125.763 1.488 1.328.363.565.587 1.216.672 1.952l-2.096.096a2.538 2.538 0 00-.384-1.088 1.943 1.943 0 00-.8-.72c-.331-.181-.736-.272-1.216-.272-.597 0-1.072.139-1.424.416-.341.267-.512.624-.512 1.072 0 .31.07.565.208.768.15.203.41.379.784.528.373.139.896.288 1.568.448 1.013.213 1.819.485 2.416.816.597.33 1.024.715 1.28 1.152.256.437.384.939.384 1.504 0 .693-.176 1.296-.528 1.808-.352.501-.848.89-1.488 1.168-.64.267-1.392.4-2.256.4zm9.056-.064c-.864 0-1.552-.283-2.064-.848-.502-.576-.752-1.37-.752-2.384v-5.504h2.048v4.992c0 .715.117 1.243.352 1.584.245.33.613.496 1.104.496.554 0 .981-.181 1.28-.544.309-.373.464-.912.464-1.616v-4.912h2.048V88h-1.872l-.048-2.352.256.08c-.128.81-.432 1.424-.912 1.84-.48.416-1.115.624-1.904.624zm6.73 2.208V79.456h1.968l.048 1.824-.208-.096c.214-.63.56-1.104 1.04-1.424.491-.33 1.062-.496 1.712-.496.811 0 1.483.203 2.016.608.544.405.95.944 1.216 1.616.267.672.4 1.419.4 2.24 0 .821-.138 1.568-.416 2.24a3.635 3.635 0 01-1.216 1.616c-.533.405-1.205.608-2.016.608-.426 0-.826-.075-1.2-.224a2.752 2.752 0 01-.944-.64 2.386 2.386 0 01-.544-.976l.192-.16V90.4h-2.048zm4.064-3.872c.619 0 1.104-.245 1.456-.736.363-.501.544-1.19.544-2.064 0-.875-.181-1.557-.544-2.048-.352-.501-.837-.752-1.456-.752-.416 0-.773.107-1.072.32-.298.203-.533.512-.704.928-.16.416-.24.933-.24 1.552s.08 1.136.24 1.552c.16.416.39.73.688.944.31.203.672.304 1.088.304zm8.323 1.664c-.896 0-1.616-.203-2.16-.608-.544-.416-.816-.992-.816-1.728s.229-1.312.688-1.728c.458-.416 1.157-.715 2.096-.896l2.832-.56c0-.608-.139-1.061-.416-1.36-.278-.31-.688-.464-1.232-.464-.491 0-.88.117-1.168.352-.278.224-.47.55-.576.976l-2.08-.096c.17-.907.586-1.6 1.248-2.08.661-.49 1.52-.736 2.576-.736 1.216 0 2.133.31 2.752.928.629.608.944 1.483.944 2.624v3.104c0 .224.037.379.112.464.085.085.208.128.368.128h.272V88a1.46 1.46 0 01-.32.048c-.139.01-.283.016-.432.016-.352 0-.667-.053-.944-.16a1.274 1.274 0 01-.64-.592c-.15-.288-.224-.677-.224-1.168l.176.128c-.086.373-.272.71-.56 1.008-.278.288-.63.512-1.056.672a4.08 4.08 0 01-1.44.24zm.416-1.488c.458 0 .853-.09 1.184-.272.33-.181.586-.432.768-.752.181-.32.272-.699.272-1.136v-.48l-2.208.448c-.459.096-.79.24-.992.432-.192.181-.288.421-.288.72 0 .33.106.587.32.768.224.181.538.272.944.272zm10.852 1.488c-.597 0-1.12-.128-1.568-.384a2.68 2.68 0 01-1.024-1.072L136.369 88h-1.952V76.64h2.048v4.032a2.904 2.904 0 011.008-.992c.437-.277.949-.416 1.536-.416.736 0 1.371.187 1.904.56.544.363.96.88 1.248 1.552.299.661.448 1.445.448 2.352 0 .907-.149 1.696-.448 2.368-.288.661-.704 1.179-1.248 1.552-.533.363-1.168.544-1.904.544zm-.464-1.664c.587 0 1.056-.245 1.408-.736.352-.501.528-1.19.528-2.064 0-.885-.176-1.573-.528-2.064-.341-.49-.805-.736-1.392-.736-.437 0-.816.112-1.136.336-.309.213-.549.528-.72.944-.16.416-.24.923-.24 1.52 0 .576.08 1.077.24 1.504.171.416.411.736.72.96.309.224.683.336 1.12.336zm8.258 1.664c-.896 0-1.616-.203-2.16-.608-.544-.416-.816-.992-.816-1.728s.229-1.312.688-1.728c.459-.416 1.157-.715 2.096-.896l2.832-.56c0-.608-.139-1.061-.416-1.36-.277-.31-.688-.464-1.232-.464-.491 0-.88.117-1.168.352-.277.224-.469.55-.576.976l-2.08-.096c.171-.907.587-1.6 1.248-2.08.661-.49 1.52-.736 2.576-.736 1.216 0 2.133.31 2.752.928.629.608.944 1.483.944 2.624v3.104c0 .224.037.379.112.464.085.085.208.128.368.128h.272V88a1.46 1.46 0 01-.32.048c-.139.01-.283.016-.432.016-.352 0-.667-.053-.944-.16a1.278 1.278 0 01-.64-.592c-.149-.288-.224-.677-.224-1.168l.176.128c-.085.373-.272.71-.56 1.008a2.802 2.802 0 01-1.056.672 4.08 4.08 0 01-1.44.24zm.416-1.488c.459 0 .853-.09 1.184-.272.331-.181.587-.432.768-.752.181-.32.272-.699.272-1.136v-.48l-2.208.448c-.459.096-.789.24-.992.432-.192.181-.288.421-.288.72 0 .33.107.587.32.768.224.181.539.272.944.272zm9.732 1.488c-.842 0-1.552-.123-2.128-.368-.565-.245-1.002-.587-1.312-1.024a2.92 2.92 0 01-.528-1.488l2.096-.096c.075.448.262.795.56 1.04.299.245.742.368 1.328.368.48 0 .854-.075 1.12-.224.278-.16.416-.405.416-.736a.778.778 0 00-.144-.48c-.096-.128-.277-.24-.544-.336-.266-.096-.661-.192-1.184-.288-.874-.15-1.562-.33-2.064-.544-.501-.224-.858-.501-1.072-.832-.202-.33-.304-.741-.304-1.232 0-.8.304-1.445.912-1.936.619-.501 1.52-.752 2.704-.752.768 0 1.414.128 1.936.384.523.245.928.587 1.216 1.024.299.427.486.917.56 1.472l-2.064.096a2.037 2.037 0 00-.288-.752 1.286 1.286 0 00-.56-.48 1.838 1.838 0 00-.832-.176c-.48 0-.842.096-1.088.288a.927.927 0 00-.368.768c0 .224.054.41.16.56.118.15.304.272.56.368.256.085.598.165 1.024.24.896.139 1.6.32 2.112.544.523.213.891.49 1.104.832.224.33.336.73.336 1.2 0 .544-.154 1.008-.464 1.392-.298.384-.725.677-1.28.88-.544.192-1.184.288-1.92.288zm8.959 0c-.854 0-1.595-.181-2.224-.544a3.755 3.755 0 01-1.456-1.568c-.342-.672-.512-1.456-.512-2.352 0-.896.17-1.675.512-2.336a3.79 3.79 0 011.44-1.568c.629-.373 1.36-.56 2.192-.56.81 0 1.52.181 2.128.544a3.577 3.577 0 011.424 1.568c.33.683.496 1.504.496 2.464v.464h-6.064c.042.747.245 1.312.608 1.696.373.373.864.56 1.472.56.458 0 .837-.101 1.136-.304.309-.213.522-.507.64-.88l2.096.128a3.464 3.464 0 01-1.392 1.968c-.683.48-1.515.72-2.496.72zm-2.064-5.264h3.952c-.043-.693-.24-1.205-.592-1.536-.352-.341-.8-.512-1.344-.512s-.998.176-1.36.528c-.352.352-.571.859-.656 1.52z"
-              fill="#fff"
-              fillOpacity={0.62}
-            />
-            <path fill="#262626" d="M41 108H319V110H41z" />
-            <path
-              d="M63 140.256c-1.099 0-2.043-.235-2.832-.704-.79-.48-1.397-1.163-1.824-2.048-.427-.885-.64-1.941-.64-3.168s.213-2.283.64-3.168c.427-.896 1.035-1.584 1.824-2.064.79-.48 1.733-.72 2.832-.72 1.11 0 2.059.24 2.848.72.8.48 1.408 1.168 1.824 2.064.427.885.64 1.941.64 3.168s-.213 2.283-.64 3.168c-.416.885-1.024 1.568-1.824 2.048-.79.469-1.739.704-2.848.704zm0-1.584c.736 0 1.365-.171 1.888-.512.533-.341.939-.832 1.216-1.472.277-.651.416-1.435.416-2.352 0-.917-.139-1.701-.416-2.352-.277-.651-.683-1.147-1.216-1.488-.523-.352-1.152-.528-1.888-.528-.725 0-1.35.176-1.872.528-.523.341-.928.837-1.216 1.488-.277.651-.416 1.435-.416 2.352 0 .917.139 1.701.416 2.352.288.64.693 1.131 1.216 1.472.523.341 1.147.512 1.872.512zm7.216 3.728v-10.912h1.6l.048 1.824-.192-.096c.213-.629.565-1.104 1.056-1.424.49-.331 1.056-.496 1.696-.496.832 0 1.514.208 2.048.624.544.405.944.944 1.2 1.616.266.672.4 1.408.4 2.208 0 .8-.134 1.536-.4 2.208a3.636 3.636 0 01-1.2 1.632c-.534.405-1.216.608-2.048.608-.427 0-.827-.075-1.2-.224a2.812 2.812 0 01-.96-.624 2.382 2.382 0 01-.544-.976l.192-.192v4.224h-1.696zm3.904-3.68c.682 0 1.216-.261 1.6-.784.394-.523.592-1.253.592-2.192 0-.939-.198-1.669-.592-2.192-.384-.523-.918-.784-1.6-.784-.448 0-.838.112-1.168.336-.331.213-.587.544-.768.992-.182.448-.272.997-.272 1.648 0 .651.085 1.2.256 1.648.181.448.437.784.768 1.008.341.213.736.32 1.184.32zm9.178 1.472c-.832 0-1.552-.181-2.16-.544-.598-.363-1.062-.88-1.392-1.552-.32-.672-.48-1.456-.48-2.352 0-.896.16-1.675.48-2.336.33-.672.794-1.189 1.392-1.552.597-.373 1.301-.56 2.112-.56.768 0 1.445.181 2.032.544.586.352 1.04.864 1.36 1.536.33.672.496 1.483.496 2.432v.432h-6.112c.042.832.261 1.456.656 1.872.405.416.95.624 1.632.624.501 0 .917-.117 1.248-.352.33-.235.56-.549.688-.944l1.76.112a3.532 3.532 0 01-1.328 1.92c-.65.48-1.446.72-2.384.72zm-2.272-5.232h4.32c-.054-.757-.272-1.317-.656-1.68-.374-.363-.854-.544-1.44-.544-.608 0-1.11.192-1.504.576-.384.373-.624.923-.72 1.648zm7.83 5.04v-8.512h1.552l.064 2.256-.144-.048c.118-.768.352-1.328.704-1.68.363-.352.848-.528 1.456-.528h.816v1.52h-.816c-.426 0-.784.069-1.072.208a1.414 1.414 0 00-.656.64c-.138.288-.208.661-.208 1.12V140h-1.696zm8.072.192c-.886 0-1.595-.203-2.128-.608-.523-.405-.784-.976-.784-1.712s.218-1.307.656-1.712c.448-.416 1.136-.715 2.064-.896l2.928-.56c0-.661-.155-1.152-.464-1.472-.31-.331-.768-.496-1.376-.496-.544 0-.97.123-1.28.368-.31.235-.523.587-.64 1.056l-1.744-.112c.16-.853.554-1.525 1.184-2.016.64-.491 1.466-.736 2.48-.736 1.152 0 2.026.309 2.624.928.608.608.912 1.467.912 2.576v3.312c0 .203.032.347.096.432.074.075.192.112.352.112h.304V140a3.96 3.96 0 01-.624.048c-.363 0-.678-.059-.944-.176a1.163 1.163 0 01-.576-.576c-.128-.277-.192-.645-.192-1.104l.176.08a2.023 2.023 0 01-.56.992 2.956 2.956 0 01-1.072.688c-.427.16-.89.24-1.392.24zm.272-1.344c.512 0 .95-.096 1.312-.288.362-.203.645-.48.848-.832.202-.352.304-.752.304-1.2v-.544l-2.496.48c-.512.096-.875.251-1.088.464-.203.203-.304.464-.304.784 0 .363.122.645.368.848.256.192.608.288 1.056.288zm9.17 1.152c-.81 0-1.408-.187-1.792-.56-.384-.373-.576-.955-.576-1.744v-8.208h1.696v8.08c0 .395.086.667.256.816.171.149.432.224.784.224h1.216V140h-1.584zm-3.664-7.12v-1.392h5.248v1.392h-5.248zm6.869 7.12v-8.512h1.696V140h-1.696zm-.032-9.744v-1.696h1.76v1.696h-1.76zm7.473 9.936c-.81 0-1.519-.181-2.127-.544a3.616 3.616 0 01-1.408-1.552c-.331-.672-.496-1.456-.496-2.352 0-.907.165-1.691.496-2.352.33-.661.8-1.173 1.408-1.536.608-.373 1.317-.56 2.127-.56.811 0 1.521.187 2.129.56a3.644 3.644 0 011.408 1.536c.33.661.496 1.445.496 2.352 0 .896-.166 1.68-.496 2.352a3.623 3.623 0 01-1.408 1.552c-.608.363-1.318.544-2.129.544zm0-1.472c.726 0 1.286-.261 1.681-.784.394-.533.592-1.264.592-2.192 0-.928-.198-1.653-.592-2.176-.395-.533-.955-.8-1.681-.8-.714 0-1.274.267-1.679.8-.395.523-.592 1.248-.592 2.176 0 .928.197 1.659.592 2.192.405.523.965.784 1.679.784zm5.747 1.28v-8.512h1.552l.064 2.272-.208-.112c.096-.555.277-1.003.544-1.344a2.39 2.39 0 01.976-.752c.384-.171.8-.256 1.248-.256.64 0 1.168.144 1.584.432.426.277.746.661.96 1.152.224.48.336 1.029.336 1.648V140h-1.696v-4.96c0-.501-.054-.923-.16-1.264-.107-.341-.283-.603-.528-.784-.246-.181-.566-.272-.96-.272-.598 0-1.083.197-1.456.592-.374.395-.56.971-.56 1.728V140h-1.696zM58.376 226v-11.36h4.24c1.301 0 2.315.315 3.04.944.725.619 1.088 1.483 1.088 2.592 0 .736-.165 1.376-.496 1.92-.33.533-.805.944-1.424 1.232-.608.277-1.344.416-2.208.416h-2.512V226h-1.728zm1.728-5.824h2.464c.779 0 1.37-.165 1.776-.496.405-.341.608-.843.608-1.504 0-.651-.203-1.136-.608-1.456-.405-.331-.997-.496-1.776-.496h-2.464v3.952zM68.575 226v-8.512h1.552l.064 2.256-.144-.048c.117-.768.352-1.328.704-1.68.363-.352.848-.528 1.456-.528h.816v1.52h-.816c-.427 0-.784.069-1.072.208a1.414 1.414 0 00-.656.64c-.139.288-.208.661-.208 1.12V226h-1.696zm9.16.192c-.81 0-1.52-.181-2.128-.544a3.62 3.62 0 01-1.408-1.552c-.33-.672-.496-1.456-.496-2.352 0-.907.166-1.691.496-2.352.33-.661.8-1.173 1.408-1.536.608-.373 1.318-.56 2.128-.56s1.52.187 2.128.56a3.642 3.642 0 011.408 1.536c.33.661.496 1.445.496 2.352 0 .896-.165 1.68-.496 2.352a3.62 3.62 0 01-1.408 1.552c-.608.363-1.317.544-2.128.544zm0-1.472c.726 0 1.286-.261 1.68-.784.395-.533.592-1.264.592-2.192 0-.928-.197-1.653-.592-2.176-.394-.533-.954-.8-1.68-.8-.714 0-1.274.267-1.68.8-.394.523-.592 1.248-.592 2.176 0 .928.198 1.659.592 2.192.406.523.966.784 1.68.784zm4.357 3.68v-1.392h.768c.288 0 .512-.064.672-.192.17-.128.256-.373.256-.736v-8.592H85.5v8.656c0 .811-.186 1.387-.56 1.728-.362.352-.97.528-1.824.528h-1.024zm1.68-12.144v-1.696h1.76v1.696h-1.76zm7.479 9.936c-.832 0-1.552-.181-2.16-.544-.597-.363-1.061-.88-1.392-1.552-.32-.672-.48-1.456-.48-2.352 0-.896.16-1.675.48-2.336.33-.672.794-1.189 1.392-1.552.597-.373 1.301-.56 2.112-.56.768 0 1.445.181 2.032.544.587.352 1.04.864 1.36 1.536.33.672.496 1.483.496 2.432v.432h-6.112c.043.832.261 1.456.656 1.872.405.416.95.624 1.632.624.501 0 .917-.117 1.248-.352.33-.235.56-.549.688-.944l1.76.112a3.532 3.532 0 01-1.328 1.92c-.65.48-1.446.72-2.384.72zm-2.272-5.232h4.32c-.053-.757-.272-1.317-.656-1.68-.374-.363-.853-.544-1.44-.544-.608 0-1.11.192-1.504.576-.384.373-.624.923-.72 1.648zm11.334 5.232c-.81 0-1.52-.181-2.128-.544a3.62 3.62 0 01-1.408-1.552c-.33-.672-.496-1.456-.496-2.352 0-.896.166-1.675.496-2.336a3.62 3.62 0 011.408-1.552c.608-.373 1.318-.56 2.128-.56.694 0 1.307.123 1.84.368.544.235.982.581 1.312 1.04.342.459.56 1.019.656 1.68l-1.776.096c-.085-.555-.309-.976-.672-1.264-.362-.299-.816-.448-1.36-.448-.714 0-1.274.267-1.68.8-.394.523-.592 1.248-.592 2.176 0 .928.198 1.659.592 2.192.406.523.966.784 1.68.784.544 0 .998-.149 1.36-.448.363-.309.587-.773.672-1.392l1.776.096c-.096.651-.314 1.216-.656 1.696-.33.48-.768.853-1.312 1.12-.533.267-1.146.4-1.84.4zm8.307-.192c-.81 0-1.408-.187-1.792-.56-.384-.373-.576-.955-.576-1.744v-8.208h1.696v8.08c0 .395.086.667.256.816.171.149.432.224.784.224h1.216V226h-1.584zm-3.664-7.12v-1.392h5.248v1.392h-5.248zm11.029 7.12v-11.36h1.728V226h-1.728zm4.204 0v-11.36h3.648c1.781 0 3.152.496 4.112 1.488.96.981 1.44 2.384 1.44 4.208 0 1.813-.475 3.211-1.424 4.192-.939.981-2.283 1.472-4.032 1.472h-3.744zm1.728-1.584h1.92c1.258 0 2.197-.336 2.816-1.008.629-.683.944-1.707.944-3.072 0-1.387-.315-2.416-.944-3.088-.619-.683-1.558-1.024-2.816-1.024h-1.92v8.192zM60.68 312v-9.776h-3.488v-1.584h8.704v1.584h-3.488V312H60.68zm7.873.192c-.886 0-1.595-.203-2.128-.608-.523-.405-.784-.976-.784-1.712s.218-1.307.656-1.712c.448-.416 1.136-.715 2.064-.896l2.928-.56c0-.661-.155-1.152-.464-1.472-.31-.331-.768-.496-1.376-.496-.544 0-.97.123-1.28.368-.31.235-.523.587-.64 1.056l-1.744-.112c.16-.853.554-1.525 1.184-2.016.64-.491 1.466-.736 2.48-.736 1.152 0 2.026.309 2.624.928.608.608.912 1.467.912 2.576v3.312c0 .203.032.347.096.432.074.075.192.112.352.112h.304V312a3.95 3.95 0 01-.624.048c-.363 0-.678-.059-.944-.176a1.162 1.162 0 01-.576-.576c-.128-.277-.192-.645-.192-1.104l.176.08a2.023 2.023 0 01-.56.992 2.956 2.956 0 01-1.072.688c-.427.16-.89.24-1.392.24zm.272-1.344c.512 0 .95-.096 1.312-.288.362-.203.645-.48.848-.832.202-.352.304-.752.304-1.2v-.544l-2.496.48c-.512.096-.875.251-1.088.464-.203.203-.304.464-.304.784 0 .363.122.645.368.848.256.192.608.288 1.056.288zm10.506 1.344c-.587 0-1.11-.128-1.568-.384a2.758 2.758 0 01-1.04-1.088l-.048 1.28H75.09v-11.36h1.696v4.048c.224-.373.554-.699.992-.976.448-.277.965-.416 1.552-.416.736 0 1.376.181 1.92.544.544.363.96.88 1.248 1.552.298.661.448 1.445.448 2.352 0 .907-.15 1.696-.448 2.368-.288.661-.704 1.173-1.248 1.536s-1.184.544-1.92.544zm-.272-1.472c.65 0 1.168-.261 1.552-.784.384-.533.576-1.264.576-2.192 0-.928-.192-1.653-.576-2.176-.384-.533-.896-.8-1.536-.8-.48 0-.891.117-1.232.352-.342.235-.603.576-.784 1.024-.182.437-.272.971-.272 1.6 0 .608.09 1.136.272 1.584.181.448.442.795.784 1.04.341.235.746.352 1.216.352zm7.544 1.28c-.555 0-1.003-.144-1.344-.432-.341-.288-.512-.747-.512-1.376v-9.552h1.696v9.392c0 .192.048.336.144.432.106.096.256.144.448.144h.672V312h-1.104zm6.054.192c-.832 0-1.552-.181-2.16-.544-.597-.363-1.061-.88-1.392-1.552-.32-.672-.48-1.456-.48-2.352 0-.896.16-1.675.48-2.336.33-.672.795-1.189 1.392-1.552.597-.373 1.302-.56 2.112-.56.768 0 1.446.181 2.032.544.587.352 1.04.864 1.36 1.536.33.672.496 1.483.496 2.432v.432h-6.112c.043.832.261 1.456.656 1.872.406.416.95.624 1.632.624.501 0 .918-.117 1.248-.352.33-.235.56-.549.688-.944l1.76.112a3.532 3.532 0 01-1.328 1.92c-.65.48-1.445.72-2.384.72zm-2.272-5.232h4.32c-.053-.757-.272-1.317-.656-1.68-.373-.363-.853-.544-1.44-.544-.608 0-1.11.192-1.504.576-.384.373-.624.923-.72 1.648z"
-              fill="#7D7D7D"
-            />
-            <path
-              d="M319 255h3a8 8 0 018 8v19a8 8 0 01-8 8h-3v-35z"
-              fill="#262626"
-            />
-            <rect
-              x={57.5}
-              y={154.5}
-              width={245}
-              height={37}
-              rx={11.5}
-              fill="#212121"
-            />
-            <rect
-              x={57.5}
-              y={154.5}
-              width={245}
-              height={37}
-              rx={11.5}
-              stroke="#282828"
-            />
-            <path
-              d="M70.032 177v-8.52h3.396c.608 0 1.132.104 1.572.312.44.208.78.504 1.02.888s.36.84.36 1.368c0 .384-.088.728-.264 1.032a2.004 2.004 0 01-.684.732c-.28.176-.58.276-.9.3l-.06-.108c.536 0 .952.124 1.248.372.296.24.468.62.516 1.14l.228 2.484h-1.308l-.204-2.316c-.024-.344-.14-.596-.348-.756-.208-.168-.548-.252-1.02-.252h-2.256V177h-1.296zm1.296-4.512h2.124c.488 0 .872-.12 1.152-.36.288-.248.432-.596.432-1.044 0-.456-.144-.804-.432-1.044-.288-.248-.708-.372-1.26-.372h-2.016v2.82zm9.192 4.656c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm7.79 3.924c-.664 0-1.196-.152-1.596-.456-.392-.304-.588-.732-.588-1.284s.164-.98.492-1.284c.336-.312.852-.536 1.548-.672l2.196-.42c0-.496-.116-.864-.348-1.104-.232-.248-.576-.372-1.032-.372-.408 0-.728.092-.96.276-.232.176-.392.44-.48.792l-1.308-.084c.12-.64.416-1.144.888-1.512.48-.368 1.1-.552 1.86-.552.864 0 1.52.232 1.968.696.456.456.684 1.1.684 1.932v2.484c0 .152.024.26.072.324.056.056.144.084.264.084h.228V177a3.05 3.05 0 01-.468.036c-.272 0-.508-.044-.708-.132a.873.873 0 01-.432-.432c-.096-.208-.144-.484-.144-.828l.132.06c-.064.28-.204.528-.42.744a2.213 2.213 0 01-.804.516c-.32.12-.668.18-1.044.18zm.204-1.008c.384 0 .712-.072.984-.216.272-.152.484-.36.636-.624a1.77 1.77 0 00.228-.9v-.408l-1.872.36c-.384.072-.656.188-.816.348a.796.796 0 00-.228.588c0 .272.092.484.276.636.192.144.456.216.792.216zm6.98 1.008c-.545 0-1.02-.136-1.429-.408-.4-.272-.708-.656-.924-1.152-.208-.504-.312-1.096-.312-1.776 0-.68.108-1.268.324-1.764.216-.504.524-.892.924-1.164.4-.272.872-.408 1.416-.408.44 0 .832.092 1.176.276.344.184.604.44.78.768v-3.036h1.272V177H95.83l-.036-.96a1.927 1.927 0 01-.804.816 2.465 2.465 0 01-1.2.288zm.335-1.104c.344 0 .636-.088.876-.264.24-.176.424-.432.552-.768.128-.336.192-.736.192-1.2 0-.48-.064-.884-.192-1.212-.128-.336-.312-.588-.552-.756-.24-.176-.532-.264-.876-.264-.512 0-.92.2-1.224.6-.304.392-.456.936-.456 1.632 0 .688.152 1.232.456 1.632.304.4.712.6 1.224.6zm6.955.96l3.072-8.52h1.644l3.072 8.52h-1.38l-.78-2.22h-3.48l-.768 2.22h-1.38zm2.556-3.396h2.676l-1.344-3.888-1.332 3.888zm7.511 3.396c-.416 0-.752-.108-1.008-.324-.256-.216-.384-.56-.384-1.032v-7.164h1.272v7.044c0 .144.036.252.108.324.08.072.192.108.336.108h.504V177h-.828zm3.27 0c-.416 0-.752-.108-1.008-.324-.256-.216-.384-.56-.384-1.032v-7.164h1.272v7.044c0 .144.036.252.108.324.08.072.192.108.336.108h.504V177h-.828zm5.045 0v-8.52h3.396c.608 0 1.132.104 1.572.312.44.208.78.504 1.02.888s.36.84.36 1.368c0 .384-.088.728-.264 1.032a2.004 2.004 0 01-.684.732c-.28.176-.58.276-.9.3l-.06-.108c.536 0 .952.124 1.248.372.296.24.468.62.516 1.14l.228 2.484h-1.308l-.204-2.316c-.024-.344-.14-.596-.348-.756-.208-.168-.548-.252-1.02-.252h-2.256V177h-1.296zm1.296-4.512h2.124c.488 0 .872-.12 1.152-.36.288-.248.432-.596.432-1.044 0-.456-.144-.804-.432-1.044-.288-.248-.708-.372-1.26-.372h-2.016v2.82zm9.192 4.656c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.68.124-1.268.372-1.764s.6-.88 1.056-1.152c.456-.28.988-.42 1.596-.42.608 0 1.14.14 1.596.42.456.272.808.656 1.056 1.152.248.496.372 1.084.372 1.764 0 .672-.124 1.26-.372 1.764s-.6.892-1.056 1.164c-.456.272-.988.408-1.596.408zm0-1.104c.544 0 .964-.196 1.26-.588.296-.4.444-.948.444-1.644s-.148-1.24-.444-1.632c-.296-.4-.716-.6-1.26-.6-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588zm5.418.96l-1.944-6.384h1.332l1.368 4.992 1.404-4.992h1.2l1.404 4.992 1.38-4.992h1.332L140.9 177h-1.428l-1.344-4.56-1.344 4.56h-1.416zm10.773.144c-.6 0-1.108-.092-1.524-.276-.408-.184-.724-.436-.948-.756a2.264 2.264 0 01-.384-1.128l1.308-.06c.064.352.216.632.456.84.24.208.604.312 1.092.312.4 0 .716-.064.948-.192.232-.128.348-.332.348-.612 0-.152-.04-.28-.12-.384-.072-.112-.216-.204-.432-.276-.216-.08-.536-.156-.96-.228-.632-.12-1.128-.26-1.488-.42-.36-.16-.616-.364-.768-.612-.152-.248-.228-.548-.228-.9 0-.584.216-1.06.648-1.428.44-.368 1.072-.552 1.896-.552.552 0 1.016.096 1.392.288.376.184.668.436.876.756.216.312.352.664.408 1.056l-1.308.072a1.335 1.335 0 00-.24-.576 1.072 1.072 0 00-.456-.384 1.513 1.513 0 00-.684-.144c-.408 0-.712.08-.912.24-.2.16-.3.368-.3.624 0 .192.044.348.132.468.096.12.248.22.456.3.208.072.484.136.828.192.664.112 1.184.252 1.56.42.376.16.64.36.792.6.152.24.228.532.228.876 0 .4-.112.74-.336 1.02-.224.28-.532.496-.924.648a3.921 3.921 0 01-1.356.216z"
-              fill="#ADADAD"
-            />
-            <path
-              d="M279.5 171.5l3.5 3.5 3.5-3.5"
-              stroke="#858585"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-            <rect
-              x={57.5}
-              y={240.5}
-              width={245}
-              height={37}
-              rx={11.5}
-              fill="#212121"
-            />
-            <rect
-              x={57.5}
-              y={240.5}
-              width={245}
-              height={37}
-              rx={11.5}
-              stroke="#282828"
-            />
-            <path
-              d="M71.916 263v-3.42l-2.988-5.1h1.488l2.148 3.804 2.16-3.804h1.488l-3 5.1V263h-1.296zm6.893.144c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.68.124-1.268.372-1.764s.6-.88 1.056-1.152c.456-.28.988-.42 1.596-.42.608 0 1.14.14 1.596.42.456.272.808.656 1.056 1.152.248.496.372 1.084.372 1.764 0 .672-.124 1.26-.372 1.764s-.6.892-1.056 1.164c-.456.272-.988.408-1.596.408zm0-1.104c.544 0 .964-.196 1.26-.588.296-.4.444-.948.444-1.644s-.148-1.24-.444-1.632c-.296-.4-.716-.6-1.26-.6-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588zm6.41 1.104c-.64 0-1.152-.212-1.536-.636-.376-.432-.564-1.028-.564-1.788v-4.104h1.272v3.78c0 .576.1 1 .3 1.272.2.272.504.408.912.408.464 0 .824-.148 1.08-.444.264-.304.396-.728.396-1.272v-3.744h1.272V263h-1.188l-.024-1.668.18.072c-.112.56-.348.992-.708 1.296-.36.296-.824.444-1.392.444zM90.15 263v-6.384h1.164l.048 1.692-.108-.036c.088-.576.264-.996.528-1.26.272-.264.636-.396 1.092-.396h.612v1.14h-.612c-.32 0-.588.052-.804.156a1.06 1.06 0 00-.492.48c-.104.216-.156.496-.156.84V263H90.15zm10.845.192c-.68 0-1.272-.124-1.776-.372a2.95 2.95 0 01-1.176-1.032 3.24 3.24 0 01-.504-1.536l1.332-.084c.056.4.172.74.348 1.02.176.272.412.48.708.624.304.136.668.204 1.092.204a2.9 2.9 0 00.936-.132c.264-.096.464-.236.6-.42a1.1 1.1 0 00.204-.672c0-.24-.06-.452-.18-.636-.112-.192-.332-.364-.66-.516-.32-.16-.792-.316-1.416-.468-.68-.168-1.224-.352-1.632-.552-.408-.2-.704-.448-.888-.744-.176-.304-.264-.676-.264-1.116 0-.488.116-.916.348-1.284.24-.376.58-.668 1.02-.876.44-.208.968-.312 1.584-.312.648 0 1.2.12 1.656.36.464.24.828.568 1.092.984.272.416.44.892.504 1.428l-1.332.072a2.022 2.022 0 00-.3-.864 1.586 1.586 0 00-.648-.588c-.272-.144-.604-.216-.996-.216-.496 0-.888.116-1.176.348-.28.224-.42.524-.42.9 0 .24.056.444.168.612.12.16.328.3.624.42.304.12.732.248 1.284.384.736.168 1.32.376 1.752.624.44.24.752.524.936.852.184.328.276.7.276 1.116 0 .504-.132.944-.396 1.32-.256.368-.616.652-1.08.852-.464.2-1.004.3-1.62.3zm6.747-.048c-.64 0-1.152-.212-1.536-.636-.376-.432-.564-1.028-.564-1.788v-4.104h1.272v3.78c0 .576.1 1 .3 1.272.2.272.504.408.912.408.464 0 .824-.148 1.08-.444.264-.304.396-.728.396-1.272v-3.744h1.272V263h-1.188l-.024-1.668.18.072c-.112.56-.348.992-.708 1.296-.36.296-.824.444-1.392.444zm4.931 1.656v-8.184h1.2l.036 1.368-.144-.072c.16-.472.424-.828.792-1.068a2.222 2.222 0 011.272-.372c.624 0 1.136.156 1.536.468.408.304.708.708.9 1.212.2.504.3 1.056.3 1.656 0 .6-.1 1.152-.3 1.656a2.727 2.727 0 01-.9 1.224c-.4.304-.912.456-1.536.456a2.4 2.4 0 01-.9-.168 2.116 2.116 0 01-.72-.468 1.786 1.786 0 01-.408-.732l.144-.144v3.168h-1.272zm2.928-2.76c.512 0 .912-.196 1.2-.588.296-.392.444-.94.444-1.644s-.148-1.252-.444-1.644c-.288-.392-.688-.588-1.2-.588-.336 0-.628.084-.876.252-.248.16-.44.408-.576.744-.136.336-.204.748-.204 1.236s.064.9.192 1.236c.136.336.328.588.576.756.256.16.552.24.888.24zm6.173 1.104c-.664 0-1.196-.152-1.596-.456-.392-.304-.588-.732-.588-1.284s.164-.98.492-1.284c.336-.312.852-.536 1.548-.672l2.196-.42c0-.496-.116-.864-.348-1.104-.232-.248-.576-.372-1.032-.372-.408 0-.728.092-.96.276-.232.176-.392.44-.48.792l-1.308-.084c.12-.64.416-1.144.888-1.512.48-.368 1.1-.552 1.86-.552.864 0 1.52.232 1.968.696.456.456.684 1.1.684 1.932v2.484c0 .152.024.26.072.324.056.056.144.084.264.084h.228V263a3.05 3.05 0 01-.468.036c-.272 0-.508-.044-.708-.132a.873.873 0 01-.432-.432c-.096-.208-.144-.484-.144-.828l.132.06c-.064.28-.204.528-.42.744a2.213 2.213 0 01-.804.516c-.32.12-.668.18-1.044.18zm.204-1.008c.384 0 .712-.072.984-.216.272-.152.484-.36.636-.624a1.77 1.77 0 00.228-.9v-.408l-1.872.36c-.384.072-.656.188-.816.348a.796.796 0 00-.228.588c0 .272.092.484.276.636.192.144.456.216.792.216zm7.879 1.008c-.44 0-.832-.096-1.176-.288a2.068 2.068 0 01-.78-.816l-.036.96h-1.188v-8.52h1.272v3.036c.168-.28.416-.524.744-.732a2.166 2.166 0 011.164-.312c.552 0 1.032.136 1.44.408.408.272.72.66.936 1.164.224.496.336 1.084.336 1.764 0 .68-.112 1.272-.336 1.776-.216.496-.528.88-.936 1.152-.408.272-.888.408-1.44.408zm-.204-1.104a1.37 1.37 0 001.164-.588c.288-.4.432-.948.432-1.644s-.144-1.24-.432-1.632c-.288-.4-.672-.6-1.152-.6-.36 0-.668.088-.924.264-.256.176-.452.432-.588.768-.136.328-.204.728-.204 1.2 0 .456.068.852.204 1.188.136.336.332.596.588.78.256.176.56.264.912.264zm6.125 1.104c-.664 0-1.196-.152-1.596-.456-.392-.304-.588-.732-.588-1.284s.164-.98.492-1.284c.336-.312.852-.536 1.548-.672l2.196-.42c0-.496-.116-.864-.348-1.104-.232-.248-.576-.372-1.032-.372-.408 0-.728.092-.96.276-.232.176-.392.44-.48.792l-1.308-.084c.12-.64.416-1.144.888-1.512.48-.368 1.1-.552 1.86-.552.864 0 1.52.232 1.968.696.456.456.684 1.1.684 1.932v2.484c0 .152.024.26.072.324.056.056.144.084.264.084h.228V263a3.05 3.05 0 01-.468.036c-.272 0-.508-.044-.708-.132a.873.873 0 01-.432-.432c-.096-.208-.144-.484-.144-.828l.132.06c-.064.28-.204.528-.42.744a2.213 2.213 0 01-.804.516c-.32.12-.668.18-1.044.18zm.204-1.008c.384 0 .712-.072.984-.216.272-.152.484-.36.636-.624a1.77 1.77 0 00.228-.9v-.408l-1.872.36c-.384.072-.656.188-.816.348a.796.796 0 00-.228.588c0 .272.092.484.276.636.192.144.456.216.792.216zm7.171 1.008c-.6 0-1.108-.092-1.524-.276-.408-.184-.724-.436-.948-.756a2.264 2.264 0 01-.384-1.128l1.308-.06c.064.352.216.632.456.84.24.208.604.312 1.092.312.4 0 .716-.064.948-.192.232-.128.348-.332.348-.612 0-.152-.04-.28-.12-.384-.072-.112-.216-.204-.432-.276-.216-.08-.536-.156-.96-.228-.632-.12-1.128-.26-1.488-.42-.36-.16-.616-.364-.768-.612-.152-.248-.228-.548-.228-.9 0-.584.216-1.06.648-1.428.44-.368 1.072-.552 1.896-.552.552 0 1.016.096 1.392.288.376.184.668.436.876.756.216.312.352.664.408 1.056l-1.308.072a1.335 1.335 0 00-.24-.576 1.072 1.072 0 00-.456-.384 1.513 1.513 0 00-.684-.144c-.408 0-.712.08-.912.24-.2.16-.3.368-.3.624 0 .192.044.348.132.468.096.12.248.22.456.3.208.072.484.136.828.192.664.112 1.184.252 1.56.42.376.16.64.36.792.6.152.24.228.532.228.876 0 .4-.112.74-.336 1.02-.224.28-.532.496-.924.648a3.921 3.921 0 01-1.356.216zm6.531 0c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm9.04 3.78v-8.52h3.18c.976 0 1.736.236 2.28.708.544.464.816 1.112.816 1.944 0 .552-.124 1.032-.372 1.44-.248.4-.604.708-1.068.924-.456.208-1.008.312-1.656.312h-1.884V263h-1.296zm1.296-4.368h1.848c.584 0 1.028-.124 1.332-.372.304-.256.456-.632.456-1.128 0-.488-.152-.852-.456-1.092-.304-.248-.748-.372-1.332-.372h-1.848v2.964zM164.67 263v-6.384h1.164l.048 1.692-.108-.036c.088-.576.264-.996.528-1.26.272-.264.636-.396 1.092-.396h.612v1.14h-.612c-.32 0-.588.052-.804.156a1.06 1.06 0 00-.492.48c-.104.216-.156.496-.156.84V263h-1.272zm6.87.144c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.68.124-1.268.372-1.764s.6-.88 1.056-1.152c.456-.28.988-.42 1.596-.42.608 0 1.14.14 1.596.42.456.272.808.656 1.056 1.152.248.496.372 1.084.372 1.764 0 .672-.124 1.26-.372 1.764s-.6.892-1.056 1.164c-.456.272-.988.408-1.596.408zm0-1.104c.544 0 .964-.196 1.26-.588.296-.4.444-.948.444-1.644s-.148-1.24-.444-1.632c-.296-.4-.716-.6-1.26-.6-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588zm3.267 2.76v-1.044h.576c.216 0 .384-.048.504-.144.128-.096.192-.28.192-.552v-6.444h1.284v6.492c0 .608-.14 1.04-.42 1.296-.272.264-.728.396-1.368.396h-.768zm1.26-9.108v-1.272h1.32v1.272h-1.32zm5.609 7.452c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm8.501 3.924c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.672.124-1.256.372-1.752.248-.504.6-.892 1.056-1.164.456-.28.988-.42 1.596-.42.52 0 .98.092 1.38.276.408.176.736.436.984.78.256.344.42.764.492 1.26l-1.332.072c-.064-.416-.232-.732-.504-.948-.272-.224-.612-.336-1.02-.336-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588.408 0 .748-.112 1.02-.336.272-.232.44-.58.504-1.044l1.332.072a2.885 2.885 0 01-.492 1.272c-.248.36-.576.64-.984.84-.4.2-.86.3-1.38.3zm6.23-.144c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V263h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm8.272 5.34v-8.52h1.296V263h-1.296zm3.153 0v-8.52h2.736c1.336 0 2.364.372 3.084 1.116.72.736 1.08 1.788 1.08 3.156 0 1.36-.356 2.408-1.068 3.144-.704.736-1.712 1.104-3.024 1.104h-2.808zm1.296-1.188h1.44c.944 0 1.648-.252 2.112-.756.472-.512.708-1.28.708-2.304 0-1.04-.236-1.812-.708-2.316-.464-.512-1.168-.768-2.112-.768h-1.44v6.144z"
-              fill="#858585"
-              fillOpacity={0.85}
-            />
-            <rect
-              x={57.5}
-              y={326.5}
-              width={245}
-              height={37}
-              rx={11.5}
-              fill="#212121"
-            />
-            <rect
-              x={57.5}
-              y={326.5}
-              width={245}
-              height={37}
-              rx={11.5}
-              stroke="#282828"
-            />
-            <path
-              d="M70.032 349v-8.52h1.644l3.936 6.948v-6.948h1.296V349h-1.704l-3.876-6.792V349h-1.296zm10.48.144c-.664 0-1.196-.152-1.596-.456-.392-.304-.588-.732-.588-1.284s.164-.98.492-1.284c.336-.312.852-.536 1.548-.672l2.196-.42c0-.496-.116-.864-.348-1.104-.232-.248-.576-.372-1.032-.372-.408 0-.728.092-.96.276-.232.176-.392.44-.48.792l-1.308-.084c.12-.64.416-1.144.888-1.512.48-.368 1.1-.552 1.86-.552.864 0 1.52.232 1.968.696.456.456.684 1.1.684 1.932v2.484c0 .152.024.26.072.324.056.056.144.084.264.084h.228V349a3.05 3.05 0 01-.468.036c-.272 0-.508-.044-.708-.132a.873.873 0 01-.432-.432c-.096-.208-.144-.484-.144-.828l.132.06c-.064.28-.204.528-.42.744a2.213 2.213 0 01-.804.516c-.32.12-.668.18-1.044.18zm.204-1.008c.384 0 .712-.072.984-.216.272-.152.484-.36.636-.624a1.77 1.77 0 00.228-.9v-.408l-1.872.36c-.384.072-.656.188-.816.348a.796.796 0 00-.228.588c0 .272.092.484.276.636.192.144.456.216.792.216zm4.758.864v-6.384h1.164l.036 1.584-.144-.048c.072-.352.196-.652.372-.9a1.93 1.93 0 01.672-.576c.264-.136.552-.204.864-.204.544 0 .988.156 1.332.468.344.304.56.724.648 1.26h-.204c.072-.376.192-.688.36-.936.176-.256.4-.452.672-.588.272-.136.58-.204.924-.204.448 0 .828.096 1.14.288.32.184.56.456.72.816.168.36.252.8.252 1.32V349H93.01v-3.792c0-.552-.1-.968-.3-1.248-.2-.28-.504-.42-.912-.42-.264 0-.496.068-.696.204-.2.136-.356.332-.468.588a2.453 2.453 0 00-.156.924V349h-1.212v-3.744c0-.544-.092-.964-.276-1.26-.176-.304-.48-.456-.912-.456-.272 0-.508.068-.708.204a1.364 1.364 0 00-.456.6c-.112.256-.168.56-.168.912V349h-1.272zm13.105.144c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264a1.36 1.36 0 00.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm11.536 3.924c-.608 0-1.14-.136-1.596-.408a2.714 2.714 0 01-1.056-1.164c-.248-.504-.372-1.092-.372-1.764 0-.68.124-1.268.372-1.764s.6-.88 1.056-1.152c.456-.28.988-.42 1.596-.42.608 0 1.14.14 1.596.42.456.272.808.656 1.056 1.152.248.496.372 1.084.372 1.764 0 .672-.124 1.26-.372 1.764s-.6.892-1.056 1.164c-.456.272-.988.408-1.596.408zm0-1.104c.544 0 .964-.196 1.26-.588.296-.4.444-.948.444-1.644s-.148-1.24-.444-1.632c-.296-.4-.716-.6-1.26-.6-.536 0-.956.2-1.26.6-.296.392-.444.936-.444 1.632 0 .696.148 1.244.444 1.644.304.392.724.588 1.26.588zm4.711.96v-6.792c0-.528.148-.948.444-1.26.296-.312.76-.468 1.392-.468h1.128v1.044h-.96c-.248 0-.432.068-.552.204-.12.128-.18.312-.18.552V349h-1.272zm-.888-5.268V342.7h3.756v1.032h-3.756zM122.786 349c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V349h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm5.151 5.34v-8.52h1.272v3.576l-.156-.024c.072-.36.204-.652.396-.876.192-.232.428-.404.708-.516.28-.112.588-.168.924-.168.464 0 .856.104 1.176.312.32.2.56.484.72.852.168.368.252.788.252 1.26V349h-1.272v-3.768c0-.576-.1-1-.3-1.272-.192-.28-.496-.42-.912-.42-.464 0-.836.148-1.116.444-.28.288-.42.712-.42 1.272V349h-1.272zm9.577.144c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236zm11.356 3.78c-.608 0-1.056-.14-1.344-.42-.288-.28-.432-.716-.432-1.308v-6.156h1.272v6.06c0 .296.064.5.192.612.128.112.324.168.588.168h.912V349h-1.188zm-2.748-5.34v-1.044h3.936v1.044h-3.936zm6.905 5.484c-.664 0-1.196-.152-1.596-.456-.392-.304-.588-.732-.588-1.284s.164-.98.492-1.284c.336-.312.852-.536 1.548-.672l2.196-.42c0-.496-.116-.864-.348-1.104-.232-.248-.576-.372-1.032-.372-.408 0-.728.092-.96.276-.232.176-.392.44-.48.792l-1.308-.084c.12-.64.416-1.144.888-1.512.48-.368 1.1-.552 1.86-.552.864 0 1.52.232 1.968.696.456.456.684 1.1.684 1.932v2.484c0 .152.024.26.072.324.056.056.144.084.264.084h.228V349a3.05 3.05 0 01-.468.036c-.272 0-.508-.044-.708-.132a.873.873 0 01-.432-.432c-.096-.208-.144-.484-.144-.828l.132.06c-.064.28-.204.528-.42.744a2.213 2.213 0 01-.804.516c-.32.12-.668.18-1.044.18zm.204-1.008c.384 0 .712-.072.984-.216.272-.152.484-.36.636-.624a1.77 1.77 0 00.228-.9v-.408l-1.872.36c-.384.072-.656.188-.816.348a.796.796 0 00-.228.588c0 .272.092.484.276.636.192.144.456.216.792.216zm7.879 1.008c-.44 0-.832-.096-1.176-.288a2.068 2.068 0 01-.78-.816l-.036.96h-1.188v-8.52h1.272v3.036c.168-.28.416-.524.744-.732a2.166 2.166 0 011.164-.312c.552 0 1.032.136 1.44.408.408.272.72.66.936 1.164.224.496.336 1.084.336 1.764 0 .68-.112 1.272-.336 1.776-.216.496-.528.88-.936 1.152-.408.272-.888.408-1.44.408zm-.204-1.104a1.37 1.37 0 001.164-.588c.288-.4.432-.948.432-1.644s-.144-1.24-.432-1.632c-.288-.4-.672-.6-1.152-.6-.36 0-.668.088-.924.264-.256.176-.452.432-.588.768-.136.328-.204.728-.204 1.2 0 .456.068.852.204 1.188.136.336.332.596.588.78.256.176.56.264.912.264zm5.658.96c-.416 0-.752-.108-1.008-.324-.256-.216-.384-.56-.384-1.032v-7.164h1.272v7.044c0 .144.036.252.108.324.08.072.192.108.336.108h.504V349h-.828zm4.541.144c-.624 0-1.164-.136-1.62-.408a2.739 2.739 0 01-1.044-1.164c-.24-.504-.36-1.092-.36-1.764 0-.672.12-1.256.36-1.752a2.739 2.739 0 011.044-1.164c.448-.28.976-.42 1.584-.42.576 0 1.084.136 1.524.408.44.264.78.648 1.02 1.152.248.504.372 1.112.372 1.824v.324h-4.584c.032.624.196 1.092.492 1.404.304.312.712.468 1.224.468.376 0 .688-.088.936-.264.248-.176.42-.412.516-.708l1.32.084a2.647 2.647 0 01-.996 1.44c-.488.36-1.084.54-1.788.54zm-1.704-3.924h3.24c-.04-.568-.204-.988-.492-1.26-.28-.272-.64-.408-1.08-.408-.456 0-.832.144-1.128.432-.288.28-.468.692-.54 1.236z"
-              fill="#858585"
-              fillOpacity={0.85}
-            />
-          </g>
-          <path
-            stroke="#262626"
-            strokeWidth={2}
-            strokeLinecap="round"
-            strokeDasharray="6 6"
-            d="M330.009 273.009L348.008 273.164"
-          />
-          <path
-            stroke="#262626"
-            strokeWidth={2}
-            strokeLinecap="round"
-            strokeDasharray="6 6"
-            d="M347.991 274.009L346.698 424.003"
-          />
-        </g>
-        <defs>
-          <filter
-            id="filter0_dddd_113_57"
-            x={336}
-            y={132}
-            width={389}
-            height={723}
-            filterUnits="userSpaceOnUse"
-            colorInterpolationFilters="sRGB"
-          >
-            <feFlood floodOpacity={0} result="BackgroundImageFix" />
-            <feColorMatrix
-              in="SourceAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset dy={7} />
-            <feGaussianBlur stdDeviation={8} />
-            <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0" />
-            <feBlend
-              in2="BackgroundImageFix"
-              result="effect1_dropShadow_113_57"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset dx={2} dy={28} />
-            <feGaussianBlur stdDeviation={14} />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0" />
-            <feBlend
-              in2="effect1_dropShadow_113_57"
-              result="effect2_dropShadow_113_57"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset dx={4} dy={64} />
-            <feGaussianBlur stdDeviation={19} />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
-            <feBlend
-              in2="effect2_dropShadow_113_57"
-              result="effect3_dropShadow_113_57"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset dx={7} dy={113} />
-            <feGaussianBlur stdDeviation={22.5} />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0" />
-            <feBlend
-              in2="effect3_dropShadow_113_57"
-              result="effect4_dropShadow_113_57"
-            />
-            <feBlend
-              in="SourceGraphic"
-              in2="effect4_dropShadow_113_57"
-              result="shape"
-            />
-          </filter>
-          <filter
-            id="filter1_dddd_113_57"
-            x={3}
-            y={43}
-            width={379}
-            height={672}
-            filterUnits="userSpaceOnUse"
-            colorInterpolationFilters="sRGB"
-          >
-            <feFlood floodOpacity={0} result="BackgroundImageFix" />
-            <feColorMatrix
-              in="SourceAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset dy={7} />
-            <feGaussianBlur stdDeviation={8} />
-            <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0" />
-            <feBlend
-              in2="BackgroundImageFix"
-              result="effect1_dropShadow_113_57"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset dx={2} dy={28} />
-            <feGaussianBlur stdDeviation={14} />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0" />
-            <feBlend
-              in2="effect1_dropShadow_113_57"
-              result="effect2_dropShadow_113_57"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset dx={4} dy={64} />
-            <feGaussianBlur stdDeviation={19} />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
-            <feBlend
-              in2="effect2_dropShadow_113_57"
-              result="effect3_dropShadow_113_57"
-            />
-            <feColorMatrix
-              in="SourceAlpha"
-              values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-              result="hardAlpha"
-            />
-            <feOffset dx={7} dy={113} />
-            <feGaussianBlur stdDeviation={22.5} />
-            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0" />
-            <feBlend
-              in2="effect3_dropShadow_113_57"
-              result="effect4_dropShadow_113_57"
-            />
-            <feBlend
-              in="SourceGraphic"
-              in2="effect4_dropShadow_113_57"
-              result="shape"
-            />
-          </filter>
-          <linearGradient
-            id="paint0_linear_113_57"
-            x1={70.9209}
-            y1={82.2704}
-            x2={76.9671}
-            y2={84.8062}
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stopColor="#249361" />
-            <stop offset={1} stopColor="#3ECF8E" />
-          </linearGradient>
-          <linearGradient
-            id="paint1_linear_113_57"
-            x1={68.2403}
-            y1={78.6002}
-            x2={70.9977}
-            y2={83.7909}
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop />
-            <stop offset={1} stopOpacity={0} />
-          </linearGradient>
-          <clipPath id="clip0_113_57">
-            <path fill="#fff" d="M0 0H535V365H0z" />
-          </clipPath>
-          <clipPath id="clip1_113_57">
-            <path fill="#fff" transform="translate(406 163)" d="M0 0H16V16H0z" />
-          </clipPath>
-          <clipPath id="clip2_113_57">
-            <path
-              fill="#fff"
-              transform="translate(62.8 74)"
-              d="M0 0H16.3982V17H0z"
-            />
-          </clipPath>
-        </defs>
-            </svg>
\ No newline at end of file
diff --git a/apps/sim/public/static/workflow.gif b/apps/sim/public/static/workflow.gif
deleted file mode 100644
index 644bc2e25d3..00000000000
Binary files a/apps/sim/public/static/workflow.gif and /dev/null differ
diff --git a/apps/sim/public/static/x-icon.png b/apps/sim/public/static/x-icon.png
deleted file mode 100644
index 58d635b3fb8..00000000000
Binary files a/apps/sim/public/static/x-icon.png and /dev/null differ
diff --git a/apps/sim/public/twitter/daniel.jpg b/apps/sim/public/twitter/daniel.jpg
deleted file mode 100644
index 7ae0c1145e0..00000000000
Binary files a/apps/sim/public/twitter/daniel.jpg and /dev/null differ
diff --git a/apps/sim/public/twitter/github-projects.jpg b/apps/sim/public/twitter/github-projects.jpg
deleted file mode 100644
index 32925be2786..00000000000
Binary files a/apps/sim/public/twitter/github-projects.jpg and /dev/null differ
diff --git a/apps/sim/public/twitter/hasan.jpg b/apps/sim/public/twitter/hasan.jpg
deleted file mode 100644
index c46d9badf63..00000000000
Binary files a/apps/sim/public/twitter/hasan.jpg and /dev/null differ
diff --git a/apps/sim/public/twitter/lazukars.png b/apps/sim/public/twitter/lazukars.png
deleted file mode 100644
index 47acfbe22b7..00000000000
Binary files a/apps/sim/public/twitter/lazukars.png and /dev/null differ
diff --git a/apps/sim/public/twitter/nizzy.jpg b/apps/sim/public/twitter/nizzy.jpg
deleted file mode 100644
index 37b54be197e..00000000000
Binary files a/apps/sim/public/twitter/nizzy.jpg and /dev/null differ
diff --git a/apps/sim/public/twitter/samarth.jpg b/apps/sim/public/twitter/samarth.jpg
deleted file mode 100644
index 5843eba7726..00000000000
Binary files a/apps/sim/public/twitter/samarth.jpg and /dev/null differ
diff --git a/apps/sim/public/twitter/syamrajk.jpg b/apps/sim/public/twitter/syamrajk.jpg
deleted file mode 100644
index 317e89454d2..00000000000
Binary files a/apps/sim/public/twitter/syamrajk.jpg and /dev/null differ
diff --git a/apps/sim/public/twitter/xyflow.jpg b/apps/sim/public/twitter/xyflow.jpg
deleted file mode 100644
index 7d96ca7854b..00000000000
Binary files a/apps/sim/public/twitter/xyflow.jpg and /dev/null differ