OK
https://brave.com/
Chad
Country
Network
August 22, 2024, 12:15 AM UTC
Date & Time
Websites
Websites
Runtime: 3.5s
On August 22, 2024, 12:15 AM UTC, https://brave.com/ was accessible when tested on AS327975 in Chad.

Failures

HTTP Experiment
null
DNS Experiment
null
Control
null

DNS Queries

Resolver:
196.216.149.43
Query:
IN A brave.com
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
18.239.236.73
@
IN
A
18.239.236.32
@
IN
A
18.239.236.41
@
IN
A
18.239.236.77
Query:
IN AAAA brave.com
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
AAAA
2600:9000:2684:a00:6:d0d2:780:93a1
@
IN
AAAA
2600:9000:2684:6200:6:d0d2:780:93a1
@
IN
AAAA
2600:9000:2684:6800:6:d0d2:780:93a1
@
IN
AAAA
2600:9000:2684:1200:6:d0d2:780:93a1
@
IN
AAAA
2600:9000:2684:2200:6:d0d2:780:93a1
@
IN
AAAA
2600:9000:2684:f200:6:d0d2:780:93a1
@
IN
AAAA
2600:9000:2684:a200:6:d0d2:780:93a1
@
IN
AAAA
2600:9000:2684:bc00:6:d0d2:780:93a1

TCP Connections

Connection to 18.239.236.73:443 succeeded.
Connection to 18.239.236.32:443 succeeded.
Connection to 18.239.236.41:443 succeeded.
Connection to 2600:9000:2684:1200:6:d0d2:780:93a1:443 was blocked.
Connection to 2600:9000:2684:6200:6:d0d2:780:93a1:443 was blocked.
Connection to 2600:9000:2684:2200:6:d0d2:780:93a1:443 was blocked.
Connection to 2600:9000:2684:a00:6:d0d2:780:93a1:443 was blocked.
Connection to 2600:9000:2684:6800:6:d0d2:780:93a1:443 was blocked.
Connection to 2600:9000:2684:a200:6:d0d2:780:93a1:443 was blocked.
Connection to 2600:9000:2684:bc00:6:d0d2:780:93a1:443 was blocked.
Connection to 2600:9000:2684:f200:6:d0d2:780:93a1:443 was blocked.
Connection to 18.239.236.77:443 succeeded.

HTTP Requests

URL
GET https://brave.com/
Response Headers
Accept-Ranges:
bytes
Age:
26576
Alt-Svc:
h3=":443"; ma=86400
Content-Length:
134873
Content-Security-Policy:
connect-src 'self' https://search.brave.com https://brave-software.ghost.io https://analytics.brave.com; default-src 'none'; media-src 'self'; font-src 'self'; frame-ancestors 'self' https://ads.brave.com https://ads.bravesoftware.com; frame-src 'self' https://blocksurvey.io https://contact.ads.brave.com https://html5-player.libsyn.com https://player.vimeo.com https://boards.greenhouse.io https://www.youtube-nocookie.com https://app.boostr.com/; img-src 'self' data: https://imgs.search.brave.com https://analytics.brave.com https://boards.greenhouse.io; script-src 'self' https://boards.greenhouse.io; style-src 'self' 'unsafe-inline'; object-src 'self'; manifest-src 'self'; upgrade-insecure-requests;
Content-Type:
text/html
Cross-Origin-Opener-Policy:
same-origin
Date:
Wed, 21 Aug 2024 16:52:16 GMT
Etag:
"eac05c148a8ea8429c8d259e2355948c"
Last-Modified:
Tue, 20 Aug 2024 19:13:10 GMT
Onion-Location:
https://brave4u7jddbv7cyviptqjc7jusxh72uik7zt6adtckl5f4nwy2v72qd.onion/index.html
Referrer-Policy:
strict-origin-when-cross-origin
Server:
AmazonS3
Strict-Transport-Security:
max-age=31536000; includeSubdomains; preload
Vary:
Accept-Encoding
Via:
1.1 c86145c1f4d8c302ebef9fae6aaf1f24.cloudfront.net (CloudFront)
X-Amz-Cf-Id:
reTuX9b5ymN6ZMwIFnrLlaoRk80fMV8bt2jlLGMBUbItIePxNvrKqA==
X-Amz-Cf-Pop:
LHR5-P6
X-Amz-Server-Side-Encryption:
AES256
X-Amz-Version-Id:
3aSe9WUbDSDyVSP.ueVEe2cbFZnCJGi9
X-Cache:
Hit from cloudfront
X-Content-Type-Options:
nosniff
X-Frame-Options:
SAMEORIGIN
Response Body
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
	<meta name="generator" content="Hugo 0.119.0">
    <script src="/static-assets/js/ie-shims.js"></script>

    

    <script id="localization-script" data-languages="{&#34;ca&#34;:{&#34;dismiss&#34;:&#34;Omet&#34;,&#34;message&#34;:&#34;Aquesta pàgina també està disponible en Català. Voldries canviar de llengua?&#34;,&#34;url&#34;:&#34;/ca/&#34;,&#34;yes&#34;:&#34;Sí&#34;},&#34;de&#34;:{&#34;dismiss&#34;:&#34;Schließen&#34;,&#34;message&#34;:&#34;Diese Seite ist auch auf Deutsch verfügbar. Möchten Sie die Sprache wechseln?&#34;,&#34;url&#34;:&#34;/de/&#34;,&#34;yes&#34;:&#34;Ja&#34;},&#34;en&#34;:{&#34;dismiss&#34;:&#34;Dismiss&#34;,&#34;message&#34;:&#34;This page is also available in English. Would you like to switch languages?&#34;,&#34;url&#34;:&#34;/&#34;,&#34;yes&#34;:&#34;Yes&#34;},&#34;en-in&#34;:{&#34;dismiss&#34;:&#34;Dismiss&#34;,&#34;message&#34;:&#34;This page is also available in English (India). Would you like to switch languages?&#34;,&#34;url&#34;:&#34;/en-in/&#34;,&#34;yes&#34;:&#34;Yes&#34;},&#34;es&#34;:{&#34;dismiss&#34;:&#34;Descartar&#34;,&#34;message&#34;:&#34;Esta página también está disponible en Español. ¿Te gustaría cambiar el idioma?&#34;,&#34;url&#34;:&#34;/es/&#34;,&#34;yes&#34;:&#34;Sí&#34;},&#34;fil&#34;:{&#34;dismiss&#34;:&#34;I-dismiss&#34;,&#34;message&#34;:&#34;Available din ang page na ito sa Filipino. Gusto mo bang magpalit ng wika?&#34;,&#34;url&#34;:&#34;/fil/&#34;,&#34;yes&#34;:&#34;Oo&#34;},&#34;fr&#34;:{&#34;dismiss&#34;:&#34;Ignorer&#34;,&#34;message&#34;:&#34;Cette page est également disponible en Français. Voulez-vous changer de langue ?&#34;,&#34;url&#34;:&#34;/fr/&#34;,&#34;yes&#34;:&#34;Oui&#34;},&#34;hi&#34;:{&#34;dismiss&#34;:&#34;खारिज करें&#34;,&#34;message&#34;:&#34;इस पेज को हिन्दी में भी देखा जा सकता है. क्या आप पेज की भाषा बदलना चाहेंगे?&#34;,&#34;url&#34;:&#34;/hi/&#34;,&#34;yes&#34;:&#34;हां&#34;},&#34;id&#34;:{&#34;dismiss&#34;:&#34;Tutup&#34;,&#34;message&#34;:&#34;Halaman ini tersedia dalam bahasa Indonesia. Apakah Anda ingin mengubah bahasanya?&#34;,&#34;url&#34;:&#34;/id/&#34;,&#34;yes&#34;:&#34;Ya&#34;},&#34;it&#34;:{&#34;dismiss&#34;:&#34;Ignora&#34;,&#34;message&#34;:&#34;Questa pagina è disponibile anche in Italiano. Preferisci cambiare lingua?&#34;,&#34;url&#34;:&#34;/it/&#34;,&#34;yes&#34;:&#34;Sì&#34;},&#34;ja&#34;:{&#34;dismiss&#34;:&#34;いいえ&#34;,&#34;message&#34;:&#34;このページは日本語でもご覧になれます。言語を変更しますか?&#34;,&#34;url&#34;:&#34;/ja/&#34;,&#34;yes&#34;:&#34;はい&#34;},&#34;ko&#34;:{&#34;dismiss&#34;:&#34;숨기기&#34;,&#34;message&#34;:&#34;이 페이지는 한국어로도 이용할 수 있습니다. 언어를 전환하시겠습니까?&#34;,&#34;url&#34;:&#34;/ko/&#34;,&#34;yes&#34;:&#34;예&#34;},&#34;nl&#34;:{&#34;dismiss&#34;:&#34;Sluiten&#34;,&#34;message&#34;:&#34;Deze pagina is ook beschikbaar in het Nederlands. Wilt u van taal wisselen?&#34;,&#34;url&#34;:&#34;/nl/&#34;,&#34;yes&#34;:&#34;Ja&#34;},&#34;pl&#34;:{&#34;dismiss&#34;:&#34;Zamknij&#34;,&#34;message&#34;:&#34;Ta strona jest również dostępna w następującym języku: Polski. Czy chcesz zmienić wyświetlany język?&#34;,&#34;url&#34;:&#34;/pl/&#34;,&#34;yes&#34;:&#34;Tak&#34;},&#34;pt-br&#34;:{&#34;dismiss&#34;:&#34;Dispensar&#34;,&#34;message&#34;:&#34;Esta página também está disponível em Português. Gostaria de mudar de idioma?&#34;,&#34;url&#34;:&#34;/pt-br/&#34;,&#34;yes&#34;:&#34;Sim&#34;},&#34;ro&#34;:{&#34;dismiss&#34;:&#34;Închide&#34;,&#34;message&#34;:&#34;Această pagină este disponibilă și în Română. Vrei să schimbi limba?&#34;,&#34;url&#34;:&#34;/ro/&#34;,&#34;yes&#34;:&#34;Da&#34;},&#34;ru&#34;:{&#34;dismiss&#34;:&#34;Отклонить&#34;,&#34;message&#34;:&#34;Язык этой страницы можно изменить на Русский. Хотите?&#34;,&#34;url&#34;:&#34;/ru/&#34;,&#34;yes&#34;:&#34;Да&#34;},&#34;tr&#34;:{&#34;dismiss&#34;:&#34;Dismiss&#34;,&#34;message&#34;:&#34;Bu sayfa ayrıca Türkçe olarak da mevcut. Dili değiştirmek ister misiniz?&#34;,&#34;url&#34;:&#34;/tr/&#34;,&#34;yes&#34;:&#34;Evet&#34;},&#34;uk&#34;:{&#34;dismiss&#34;:&#34;Відхилити&#34;,&#34;message&#34;:&#34;Ця сторінка також доступна Українська. Змінити мову?&#34;,&#34;url&#34;:&#34;/uk/&#34;,&#34;yes&#34;:&#34;Так&#34;},&#34;vi&#34;:{&#34;dismiss&#34;:&#34;Loại bỏ&#34;,&#34;message&#34;:&#34;Trang này cũng có sẵn trong Tiếng Việt. Bạn có muốn chuyển đổi ngôn ngữ?&#34;,&#34;url&#34;:&#34;/vi/&#34;,&#34;yes&#34;:&#34;Có&#34;},&#34;zh&#34;:{&#34;dismiss&#34;:&#34;关闭&#34;,&#34;message&#34;:&#34;本页面还有 中文 (中国) 版本。您想切换语言吗?&#34;,&#34;url&#34;:&#34;/zh/&#34;,&#34;yes&#34;:&#34;是&#34;}}" src="/js/localization.min.js"></script>

    <meta charset="UTF-8">
    
    <meta name="description" content="The Brave browser is a fast, private and secure web browser for PC, Mac and mobile. Download now to enjoy a faster ad-free browsing experience that saves data and battery life by blocking tracking software." />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-itunes-app" content="app-id=1052879175, affiliate-data=pt=117981002&ct=smartbanner"/>
    <meta property="og:title" content="The browser that puts you first | Brave" />
<meta property="og:description" content="The Brave browser is a fast, private and secure web browser for PC, Mac and mobile. Download now to enjoy a faster ad-free browsing experience that saves data and battery life by blocking tracking software." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://brave.com/" />
<meta property="og:locale" content="en" />
<meta property="og:locale:alternate" content="en-in" />
<meta property="og:locale:alternate" content="ja" />
<meta property="og:locale:alternate" content="zh" />
<meta property="og:locale:alternate" content="ko" />
<meta property="og:locale:alternate" content="de" />
<meta property="og:locale:alternate" content="fr" />
<meta property="og:locale:alternate" content="es" />
<meta property="og:locale:alternate" content="da" />
<meta property="og:locale:alternate" content="it" />
<meta property="og:locale:alternate" content="pt-br" />
<meta property="og:locale:alternate" content="sv" />
<meta property="og:locale:alternate" content="fil" />
<meta property="og:locale:alternate" content="hi" />
<meta property="og:locale:alternate" content="id" />
<meta property="og:locale:alternate" content="nl" />
<meta property="og:locale:alternate" content="pl" />
<meta property="og:locale:alternate" content="ru" />
<meta property="og:locale:alternate" content="vi" />
<meta property="og:locale:alternate" content="ca" />
<meta property="og:locale:alternate" content="ro" />
<meta property="og:locale:alternate" content="tr" />
<meta property="og:locale:alternate" content="uk" />
<meta name="og:image" content="https://brave.com/home-assets/images/brave-home-og.png"/>
<meta property="og:updated_time" content="2024-08-14T00:00:00+00:00" /><meta property="og:site_name" content="Brave" />
    <meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://brave.com/home-assets/images/brave-home-og.png"/>
<meta name="twitter:title" content="The browser that puts you first | Brave"/>
<meta name="twitter:description" content="The Brave browser is a fast, private and secure web browser for PC, Mac and mobile. Download now to enjoy a faster ad-free browsing experience that saves data and battery life by blocking tracking software."/>
<meta name="twitter:site" content="@brave"/>
<meta name="twitter:creator" content="@brave"/>

    <meta itemprop="name" content="The browser that puts you first | Brave">
<meta itemprop="description" content="The Brave browser is a fast, private and secure web browser for PC, Mac and mobile. Download now to enjoy a faster ad-free browsing experience that saves data and battery life by blocking tracking software."><meta id="js-params" name="js-params" content="{&#34;downloadBetaForAndroid&#34;:&#34;Get Beta for Android&#34;,&#34;downloadBetaForIOs&#34;:&#34;Get Beta for iOS&#34;,&#34;downloadBetaForLinux&#34;:&#34;Get Beta for Linux&#34;,&#34;downloadBetaForMacOs&#34;:&#34;Get Beta for macOS&#34;,&#34;downloadBetaForWindows&#34;:&#34;Get Beta for Windows&#34;,&#34;downloadBraveForAndroid&#34;:&#34;Get Brave for Android&#34;,&#34;downloadBraveForIOs&#34;:&#34;Get Brave for iOS&#34;,&#34;downloadBraveForLinux&#34;:&#34;Get Brave for Linux&#34;,&#34;downloadBraveForMacOs&#34;:&#34;Get Brave for macOS&#34;,&#34;downloadBraveForWindows&#34;:&#34;Get Brave for Windows&#34;,&#34;downloadDevForMacOs&#34;:&#34;Download Dev for macOS&#34;,&#34;downloadDevForWindows&#34;:&#34;Download Dev for Windows&#34;,&#34;downloadNightlyForAndroid&#34;:&#34;Get Nightly for Android&#34;,&#34;downloadNightlyForLinux&#34;:&#34;Get Nightly for Linux&#34;,&#34;downloadNightlyForMacOs&#34;:&#34;Get Nightly for macOS&#34;,&#34;downloadNightlyForWindows&#34;:&#34;Get Nightly for Windows&#34;,&#34;downloadUrlBase&#34;:&#34;https://laptop-updates.brave.com&#34;,&#34;notAvailableForAndroid&#34;:&#34;Not Available for Android&#34;,&#34;notAvailableForIOs&#34;:&#34;Not Available for iOS&#34;,&#34;notAvailableForLinux&#34;:&#34;Not Available for Linux&#34;,&#34;notAvailableForMacOs&#34;:&#34;Not Available for macOS&#34;,&#34;notAvailableForWindows&#34;:&#34;Not Available for Windows&#34;}">

    <title>The browser that puts you first | Brave</title>

    <link rel="canonical" href="https://brave.com/">
    
    <link rel="alternate" href="https://brave.com/" hreflang="en" />
    <link rel="alternate" href="https://brave.com/en-in/" hreflang="en-in" />
    <link rel="alternate" href="https://brave.com/ja/" hreflang="ja" />
    <link rel="alternate" href="https://brave.com/zh/" hreflang="zh" />
    <link rel="alternate" href="https://brave.com/ko/" hreflang="ko" />
    <link rel="alternate" href="https://brave.com/de/" hreflang="de" />
    <link rel="alternate" href="https://brave.com/fr/" hreflang="fr" />
    <link rel="alternate" href="https://brave.com/es/" hreflang="es" />
    <link rel="alternate" href="https://brave.com/da/" hreflang="da" />
    <link rel="alternate" href="https://brave.com/it/" hreflang="it" />
    <link rel="alternate" href="https://brave.com/pt-br/" hreflang="pt-br" />
    <link rel="alternate" href="https://brave.com/sv/" hreflang="sv" />
    <link rel="alternate" href="https://brave.com/fil/" hreflang="tl" />
    <link rel="alternate" href="https://brave.com/hi/" hreflang="hi" />
    <link rel="alternate" href="https://brave.com/id/" hreflang="id" />
    <link rel="alternate" href="https://brave.com/nl/" hreflang="nl" />
    <link rel="alternate" href="https://brave.com/pl/" hreflang="pl" />
    <link rel="alternate" href="https://brave.com/ru/" hreflang="ru" />
    <link rel="alternate" href="https://brave.com/vi/" hreflang="vi" />
    <link rel="alternate" href="https://brave.com/ca/" hreflang="ca" />
    <link rel="alternate" href="https://brave.com/ro/" hreflang="ro" />
    <link rel="alternate" href="https://brave.com/tr/" hreflang="tr" />
    <link rel="alternate" href="https://brave.com/uk/" hreflang="uk" />
<link rel="alternate" href="https://brave.com/" hreflang="x-default" />

    <link rel="alternate" type="application/rss+xml" href="https://brave.com/index.xml" title="Brave" />

    <link rel="icon" href='https://brave.com/static-assets/images/brave-favicon.png' />
    <link rel="icon" href='https://brave.com/static-assets/images/cropped-brave_appicon_release-32x32.png' sizes="32x32" />
    <link rel="icon" href='https://brave.com/static-assets/images/cropped-brave_appicon_release-192x192.png' sizes="192x192" />
    <link rel="apple-touch-icon" href='https://brave.com/static-assets/images/cropped-brave_appicon_release-180x180.png' />

    
        
            
            <script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "https://www.brave.com/#organization",
  "address": "580 Howard St. Unit 402, San Francisco, CA 94105, United States",
  "legalName": "Brave Software Inc",
  "name": "Brave Software",
  "alternateName": "Brave Browser",
  "description": "Brave make a suite of internet privacy tools, including our browser and search engine that help shield users from the ads, trackers, and other creepy stuff trying to follow them across the web.",
  "url": "https://brave.com/",
  "logo": "https://brave.com/static-assets/images/brave-logo-dark.svg",
  "foundingDate": "2014-06-06",
  "image": "https://brave.com/static-assets/images/brave-logo-dark.svg",
  "sameAs": [
    "https://twitter.com/brave",
    "https://www.facebook.com/BraveSoftware/",
    "https://www.youtube.com/bravesoftware",
    "https://www.reddit.com/r/brave_browser/",
    "https://en.wikipedia.org/wiki/Brave_(web_browser)",
    "https://en.wikipedia.org/wiki/Brave_Search",
    "https://github.com/brave/",
    "https://www.linkedin.com/company/brave-software"
  ]
}</script>
            
        
    

    <link href="/static-assets/css/main.min.css" rel="stylesheet" />

    

    <link href="/static-assets/css/fonts-latin.css" rel="stylesheet" />

    <noscript><link href="/static-assets/css/noscript.min.css" rel="stylesheet" />
    </noscript>
    <script src="/js/is-platform.min.js"></script>
    

    <style>
        :root {
            --footnotes: "Footnotes";
        }
    </style>

    
        <script data-is-404="false" data-matomo-id="2" src="/static-assets/js/analysis.js"></script>

<link rel="preconnect" href="https://analytics.brave.com">
<script type="text/javascript" src="/matomo.js"></script>
<noscript style="position:absolute;bottom:0"><img src="https://analytics.brave.com/piwik.php?idsite=2&rec=1" style="border:0;" alt=""></noscript>

    
</head>


    

<body class="home-page is-home bg-page-background ">
    <div id="root">
        






<div class="site-header-wrapper absolute top-0 z-40 w-full lg:fixed">
  <div
  id="ls-banner"
  class="hidden overflow-hidden bg-[#0d0f14] text-[#DBDEE2]"
  data-theme="dark"
>
  <div
    class="mx-auto flex flex-col items-center justify-center gap-x-6 gap-y-4 py-3 pl-6 pr-4 sm:flex-row lg:max-w-7xl"
  >
    <p id="ls-message" class="p-0 text-[1.25rem] sm:text-[1rem] leading-[1.6]"></p>
    <div
      class="grid w-[min(100%,250px)] grid-cols-2 gap-x-3"
    >
      <a id="ls-url" href="#" class="leoButton isMedium isFilled text-center" data-track-event data-event-category="Research" data-event-action="Language suggestion banner" data-event-name="(Language suggestion banner): Yes">
        Yes
      </a>
      <button id="ls-dismiss" class="leoButton isMedium isPlain" data-track-event data-event-category="Research" data-event-action="Language suggestion banner" data-event-name="(Language suggestion banner): Dismiss">
        Dismiss
      </button>
    </div>
  </div>
</div>


  <header
    class="site-header site-header layout ease-out grid-rows-[var(--site-header-height)_var(--sub-header-height)] overflow-visible font-medium text-text-primary transition-all duration-300"
  >
    <div class="relative flex w-full items-center justify-between">
      <a href="https://brave.com/">
        <img
          src="/static-assets/images/brave-logo-sans-text.svg"
          alt="Brave Software home"
          class="h-10"
        />
      </a>
      <input type="checkbox" id="nav-control" class="nav-control hidden" />
      <label for="nav-control" class="toggle-button z-50 lg:hidden">
        <div
          class="nojs-toggle leoButton block isSmall isFilled !px-[16px] !py-[14px]"
        >
          <div class="nav-icon"></div>
        </div>
      </label>
      <nav
        class="site-nav z-40 hidden w-full shadow-[0_8px_40px_0_rgba(0,0,0,0.35)] max-lg:mr-0 max-lg:mt-6 max-lg:rounded-xl max-lg:px-8 lg:contents border-[0.5px] border-divider-strong"
      >
        
        <ul
          class="block list-none items-center justify-start gap-4 p-0 pt-6 lg:ml-8 lg:flex lg:pt-2"
        >
          
            
            <li
              class="border-t border-divider-strong  border-opacity-40 py-2 first:border-none mt-0 max-lg:first:pb-[0.375rem] max-lg:first:pt-0 lg:border-none lg:pt-0"
            >
              <span
                class="nav-item leoButton isTiny isPlainFaint block lg:flex !cursor-text px-0 hover:!text-gray-30 max-lg:!text-[8px] max-lg:!font-bold max-lg:uppercase max-lg:!tracking-tighter lg:!cursor-default lg:text-text-primary lg:!-tracking-[.36px] dark:lg:text-white !leading-4 !min-h-4 text-gray-30 dark:text-gray-50 dark:hover:!text-gray-50 before:!content-none"
                tabindex="0"
                aria-haspopup="true"
                aria-expanded="false"
                aria-controls="dropdown-browser"
              >
                Browser
                <span class="hidden lg:inline-flex icon mt-px bg-[var(--leo-color-text-tertiary)] [--icon-size:18px] [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
              </span>
              
              <span
                class="dropdown-content z-30 block border-divider-strong lg:absolute lg:-ml-6 lg:mt-2 lg:rounded-xl lg:border-[0.5px] lg:bg-white lg:px-6 lg:py-4 lg:shadow-[0_8px_40px_0_rgba(0,0,0,0.20)]"
                id="dropdown-browser" data-theme="light"
              >
                
                
                  
                

                <ul class="list-none p-0 lg:flex gap-10">
                  <li>
                        
                        
                          
                        
                        <span class="hidden lg:block flex pb-0.5 pt-2.5 leading-5 lg:pt-1 lg:!text-[8px] lg:!font-bold lg:uppercase lg:tracking-tighter lg:!text-gray-30">Downloads
                          
                        </span>

                      
                      
                      <ul class=" list-none p-0"><li>
                            

                            

                            

                            <a href="/download/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Desktop
                                <span
                                  class="icon bg-icon-interactive [--icon-size:1em] [--icon-url:url(/leo-icons/download.svg)]"
                                ></span>
                              
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/android/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Android
                                <span
                                  class="icon bg-icon-interactive [--icon-size:1em] [--icon-url:url(/leo-icons/download.svg)]"
                                ></span>
                              
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/ios/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                iOS
                                <span
                                  class="icon bg-icon-interactive [--icon-size:1em] [--icon-url:url(/leo-icons/download.svg)]"
                                ></span>
                              
                            </a>
                            
                          </li>
                        
                      </ul>
                    </li>
                  <li>
                        
                        
                          
                        
                        <span class="font-semibold leoButton isPlainFaint isTiny nav-dropdown relative w-full max-lg:!p-0 max-lg:!leading-6 items-center justify-between lg:pb-1 !text-gray-70 lg:hover:!text-gray-30 lg:cursor-text lg:!leading-5 lg:!pl-0 before:!bg-white flex pb-0.5 pt-2.5 leading-5 lg:pt-1 lg:!text-[8px] lg:!font-bold lg:uppercase lg:tracking-tighter lg:!text-gray-30">Features
                          
                             <span class="lg:hidden transition-transform duration-500 [--icon-size:20px] icon [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
                          
                        </span>

                      
                      
                        
                      
                      <ul class="lg:col-count-2 lg:columns-2 gap-x-0 list-none p-0"><li>
                            

                            

                            

                            <a href="/shields/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Shields
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/firewall-vpn/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                VPN
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/leo/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Leo AI
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/wallet/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Wallet
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/brave-rewards/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Rewards
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/playlist/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Playlist
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/brave-news/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                News
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/talk/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Talk
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/privacy-features/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Advanced privacy
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/features/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                All features
                            </a>
                            
                          </li>
                        
                      </ul>
                    </li>
                  
                  
                  
                </ul>
              </span>
            </li>
          
            
            <li
              class="border-t border-divider-strong  border-opacity-40 py-2 first:border-none mt-0 max-lg:first:pb-[0.375rem] max-lg:first:pt-0 lg:border-none lg:pt-0"
            >
              <span
                class="nav-item leoButton isTiny isPlainFaint block lg:flex !cursor-text px-0 hover:!text-gray-30 max-lg:!text-[8px] max-lg:!font-bold max-lg:uppercase max-lg:!tracking-tighter lg:!cursor-default lg:text-text-primary lg:!-tracking-[.36px] dark:lg:text-white !leading-4 !min-h-4 text-gray-30 dark:text-gray-50 dark:hover:!text-gray-50 before:!content-none"
                tabindex="0"
                aria-haspopup="true"
                aria-expanded="false"
                aria-controls="dropdown-bravesearch"
              >
                Brave Search
                <span class="hidden lg:inline-flex icon mt-px bg-[var(--leo-color-text-tertiary)] [--icon-size:18px] [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
              </span>
              
              <span
                class="dropdown-content z-30 block border-divider-strong lg:absolute lg:-ml-6 lg:mt-2 lg:rounded-xl lg:border-[0.5px] lg:bg-white lg:px-6 lg:py-4 lg:shadow-[0_8px_40px_0_rgba(0,0,0,0.20)]"
                id="dropdown-bravesearch" data-theme="light"
              >
                
                

                <ul class="list-none p-0 ">
                  <li>

                      
                      
                      <ul class=" list-none p-0"><li>
                            

                            

                            

                            <a href="https://search.brave.com/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Try Brave Search
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/search/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                About Brave Search
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="https://support.brave.com/hc/en-us/articles/4409406835469-What-is-the-Web-Discovery-Project-"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Web Discovery Project
                            </a>
                            
                          </li>
                        
                      </ul>
                    </li>
                  
                  
                  
                </ul>
              </span>
            </li>
          
            
            <li
              class="border-t border-divider-strong  border-opacity-40 py-2 first:border-none mt-0 max-lg:first:pb-[0.375rem] max-lg:first:pt-0 lg:border-none lg:pt-0"
            >
              <span
                class="nav-item leoButton isTiny isPlainFaint block lg:flex !cursor-text px-0 hover:!text-gray-30 max-lg:!text-[8px] max-lg:!font-bold max-lg:uppercase max-lg:!tracking-tighter lg:!cursor-default lg:text-text-primary lg:!-tracking-[.36px] dark:lg:text-white !leading-4 !min-h-4 text-gray-30 dark:text-gray-50 dark:hover:!text-gray-50 before:!content-none"
                tabindex="0"
                aria-haspopup="true"
                aria-expanded="false"
                aria-controls="dropdown-whybrave"
              >
                Why Brave
                <span class="hidden lg:inline-flex icon mt-px bg-[var(--leo-color-text-tertiary)] [--icon-size:18px] [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
              </span>
              
              <span
                class="dropdown-content z-30 block border-divider-strong lg:absolute lg:-ml-6 lg:mt-2 lg:rounded-xl lg:border-[0.5px] lg:bg-white lg:px-6 lg:py-4 lg:shadow-[0_8px_40px_0_rgba(0,0,0,0.20)]"
                id="dropdown-whybrave" data-theme="light"
              >
                
                
                  
                

                <ul class="list-none p-0 lg:flex gap-10">
                  <li>

                      
                      
                      <ul class=" list-none p-0"><li>
                            

                            

                            

                            <a href="/learn/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Browser &amp; search guides
                            </a>
                            
                              <p
                                class="hidden pb-4 text-[10px] font-semibold leading-3 tracking-tighter text-[#878DA6] lg:block"
                              >
                                Privacy, extensions, and the best option for every platform.
                              </p>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/web3/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Web3 guides
                            </a>
                            
                              <p
                                class="hidden pb-4 text-[10px] font-semibold leading-3 tracking-tighter text-[#878DA6] lg:block"
                              >
                                Crypto, NFTs, and all things blockchain. Learn the basics of Web3.
                              </p>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/glossary/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Privacy glossary
                            </a>
                            
                              <p
                                class="hidden pb-4 text-[10px] font-semibold leading-3 tracking-tighter text-[#878DA6] lg:block"
                              >
                                Short, plain-language intros to common Internet and computer terms.
                              </p>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/compare/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Compare
                            </a>
                            
                              <p
                                class="hidden pb-4 text-[10px] font-semibold leading-3 tracking-tighter text-[#878DA6] lg:block"
                              >
                                See how Brave stacks up against other browsers.
                              </p>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/ai/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                AI guides
                            </a>
                            
                              <p
                                class="hidden pb-4 text-[10px] font-semibold leading-3 tracking-tighter text-[#878DA6] lg:block"
                              >
                                LLMs, machine learning, and the foundations of AI, for both users and devs.
                              </p>
                            
                          </li>
                        
                      </ul>
                    </li>
                  <li class="border-t border-divider-strong lg:border-0 mt-2 lg:mt-0">
                        
                        
                          
                        
                        <span class="uppercase text-gray-30 text-[8px] font-bold tracking-tighter flex pb-0.5 pt-2.5 leading-5 lg:pt-1 lg:!text-[8px] lg:!font-bold lg:uppercase lg:tracking-tighter lg:!text-gray-30">Blogs
                          
                        </span>

                      
                      
                      <ul class=" list-none p-0"><li>
                            

                            

                            

                            <a href="/blog/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Brave blog
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/privacy-updates/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Privacy updates
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/web-standards-at-brave/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Web standards
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/research/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Research
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/podcast/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Brave podcast
                            </a>
                            
                          </li>
                        
                      </ul>
                    </li>
                  
                  
                  
                </ul>
              </span>
            </li>
          
            
            <li
              class="border-t border-divider-strong  border-opacity-40 py-2 first:border-none mt-0 max-lg:first:pb-[0.375rem] max-lg:first:pt-0 lg:border-none lg:pt-0"
            >
              <span
                class="nav-item leoButton isTiny isPlainFaint block lg:flex !cursor-text px-0 hover:!text-gray-30 max-lg:!text-[8px] max-lg:!font-bold max-lg:uppercase max-lg:!tracking-tighter lg:!cursor-default lg:text-text-primary lg:!-tracking-[.36px] dark:lg:text-white !leading-4 !min-h-4 text-gray-30 dark:text-gray-50 dark:hover:!text-gray-50 before:!content-none"
                tabindex="0"
                aria-haspopup="true"
                aria-expanded="false"
                aria-controls="dropdown-searchapi"
              >
                Search API
                <span class="hidden lg:inline-flex icon mt-px bg-[var(--leo-color-text-tertiary)] [--icon-size:18px] [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
              </span>
              
              <span
                class="dropdown-content z-30 block border-divider-strong lg:absolute lg:-ml-6 lg:mt-2 lg:rounded-xl lg:border-[0.5px] lg:bg-white lg:px-6 lg:py-4 lg:shadow-[0_8px_40px_0_rgba(0,0,0,0.20)]"
                id="dropdown-searchapi" data-theme="light"
              >
                
                

                <ul class="list-none p-0 ">
                  <li>

                      
                      
                      <ul class=" list-none p-0"><li>
                            

                            

                            

                            <a href="/search/api/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                About Search API
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="https://api.search.brave.com/app/documentation/web-search/get-started"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              data-track-event data-event-category="Nav Menu CTAs" data-event-action="Search API docs link click" data-event-name="Search API docs link">
                                Docs
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="https://api.search.brave.com/login"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              data-track-event data-event-category="Nav Menu CTAs" data-event-action="Search API login/signup link click" data-event-name="Search API login/signup link">
                                Login / Sign-up
                            </a>
                            
                          </li>
                        
                      </ul>
                    </li>
                  
                  
                  
                </ul>
              </span>
            </li>
          
            
            <li
              class="border-t border-divider-strong  border-opacity-40 py-2 first:border-none mt-0 max-lg:first:pb-[0.375rem] max-lg:first:pt-0 lg:border-none lg:pt-0"
            >
              <span
                class="nav-item leoButton isTiny isPlainFaint block lg:flex !cursor-text px-0 hover:!text-gray-30 max-lg:!text-[8px] max-lg:!font-bold max-lg:uppercase max-lg:!tracking-tighter lg:!cursor-default lg:text-text-primary lg:!-tracking-[.36px] dark:lg:text-white !leading-4 !min-h-4 text-gray-30 dark:text-gray-50 dark:hover:!text-gray-50 before:!content-none"
                tabindex="0"
                aria-haspopup="true"
                aria-expanded="false"
                aria-controls="dropdown-privateadvertising"
              >
                Private advertising
                <span class="hidden lg:inline-flex icon mt-px bg-[var(--leo-color-text-tertiary)] [--icon-size:18px] [--icon-url:url(/leo-icons/arrow-small-down.svg)]"></span>
              </span>
              
              <span
                class="dropdown-content z-30 block border-divider-strong lg:absolute lg:-ml-6 lg:mt-2 lg:rounded-xl lg:border-[0.5px] lg:bg-white lg:px-6 lg:py-4 lg:shadow-[0_8px_40px_0_rgba(0,0,0,0.20)]"
                id="dropdown-privateadvertising" data-theme="light"
              >
                
                
                  
                

                <ul class="list-none p-0 lg:flex gap-5">
                  <li>

                      
                      
                      <ul class=" list-none p-0"><li>
                            

                            

                            

                            <a href="/brave-ads/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Overview
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="https://ads.brave.com"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Ads Manager
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/brave-ads/audience/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Audience
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/brave-ads/casestudies/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Case studies
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="https://ads-help.brave.com/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Help center
                            </a>
                            
                          </li>
                        <li>
                            

                            

                            

                            <a href="/brave-ads/learn/"
                              
                              class="leoButton isTiny isPlainFaint flex items-center gap-1 p-0 max-w-max !leading-6 !text-gray-70 hover:!text-text-interactive before:!content-none !min-h-4 h-6" data-nav-control="trigger"
                              
                              >
                                Why private ads?
                            </a>
                            
                          </li>
                        
                      </ul>
                    </li>
                  
                  
                  
                  <div class="lg:border-l lg:-my-4 lg:pt-4 border-divider-strong">
                    
                    <span class="hidden lg:block pl-6 uppercase text-[8px] text-gray-30 font-bold tracking-tighter pb-1 pt-2 lg:pt-1">Brave ads formats</span>
                    <div class="hidden lg:block pl-6 table-of-contents">
                      <ul>
                        
                          <li class="[&>a]:no-underline [&>a]:font-semibold [&>a]:!text-gray-70 [&>a]:text-[12px] [&>a]:hover:!text-text-interactive li-before"><a href='/brave-ads/ad-formats/#search-ads'>Search ads</a></li>
                        
                          <li class="[&>a]:no-underline [&>a]:font-semibold [&>a]:!text-gray-70 [&>a]:text-[12px] [&>a]:hover:!text-text-interactive li-before"><a href='/brave-ads/ad-formats/#new-tab-takeovers'>New tab takeovers</a></li>
                        
                          <li class="[&>a]:no-underline [&>a]:font-semibold [&>a]:!text-gray-70 [&>a]:text-[12px] [&>a]:hover:!text-text-interactive li-before"><a href='/brave-ads/ad-formats/#newsfeed-ads'>Newsfeed ads</a></li>
                        
                          <li class="[&>a]:no-underline [&>a]:font-semibold [&>a]:!text-gray-70 [&>a]:text-[12px] [&>a]:hover:!text-text-interactive li-before"><a href='/brave-ads/ad-formats/#notification-ads'>Notification ads</a></li>
                        
                      </ul>
                    </div>
                    <div class="hidden lg:block border-t border-divider-strong -mr-6 mt-4 py-[0.5rem] pb-[0.7rem] text-center">
                      <a href='/brave-ads/resources/' class="no-underline font-semibold !text-gray-70 hover:!text-text-interactive text-[12px]">More ads resources</a>
                    </div>
                  </div>
                  
                </ul>
              </span>
            </li>
          
        </ul>
        <div
          class="lg:flex-no-wrap button-block sticky bottom-0 flex flex-grow flex-wrap items-center justify-end gap-3 pb-6 pt-3 before:absolute before:left-0 before:right-0 before:block max-lg:bg-white lg:relative lg:bg-[transparent] lg:p-0 lg:before:hidden"
        >
        <a id="top-nav-download-button-desktop"  data-show-platform="false" class="download  leoButton isFilled isSmall flex items-center [--icon-size:18px!important] justify-center max-lg:w-full invisible opacity-0 transition-opacity duration-500" data-build-channel="release" data-allows-dynamic-ref-code="true" href="https://laptop-updates.brave.com/download/BRV002"><span class="content">Get Brave</span><span class="icon [--icon-url:url('/leo-icons/download.svg')] bg-[var(--icon-color,currentColor)] ml-1"></span></a>
          <a
            id="top-nav-try-search-button"
            class="leoButton isSmall isOutline w-full max-w-full text-center font-semibold capitalize leading-none max-lg:![--border-color-hover:#1C1E26] ![--border-color-hover:var(--leo-color-text-primary)] max-lg:![--border-color:#1C1E26] ![--border-color:var(--leo-color-text-primary)] max-lg:w-full lg:w-fit"
            href="https://search.brave.com"
            target="_blank"
            ><span class="content text-[#1C1E26] lg:text-text-primary">Search the Web</span><span class="icon [--icon-size:18px] [--icon-url:url('/leo-icons/search.svg')] bg-[#1C1E26] lg:bg-[var(--leo-color-text-primary)] dark:lg:text-text-primary"></span></a
          >
          
        </div>
      </nav>
    </div>
    
  </header>
</div>
    
        <main class="site-main layout">
            
<div class="relative full-bleed overflow-x-clip z-0">
  <img src="/home-assets/images/brave-logo-translucent.svg" class="absolute top-48 md:top-[22rem] lg:top-64 left-1/2 w-[105%] max-w-[1800px] -translate-x-1/2" aria-hidden="true" />
</div>
<section class="hero z-10">
  <header class="grid xl:max-w-full 2xl:max-w-[850px] mt-4 md:-mt-2 2xl:mt-0 z-10">
    <h1 class="text-display-mobile-hero md:text-display-tablet-hero 2xl:text-display-desktop-hero mb-6 2xl:mb-10">
      The browser that puts you first
    </h1>
    <p class="lg:mb-6 text-mobile-h4 md:text-h5 2xl:text-h4 mb-4 lg:pr-12 2xl:max-w-[820px]">
      Block ads. Save data. And get way faster webpages. Just by switching your browser.
    </p>
    <a id="home-download-button-hero"  data-show-platform="false" class="download  btn btn--large btn--hero leoButton isHero isJumbo block font-medium flex w-fit invisible opacity-0 transition-opacity duration-500" data-build-channel="release" data-allows-dynamic-ref-code="true" href="https://laptop-updates.brave.com/download/BRV002"><span class="content">Get Brave</span><span class="icon [--icon-url:url('/leo-icons/download.svg')] bg-[var(--icon-color,currentColor)] ml-1"></span></a>
  </header>
</section>

            
  
  
  <section class="flex flex-wrap gap-10 min-[1280px]:flex-nowrap justify-between w-full z-10 mt-10 sm:mt-[3.5rem] md:mt-10 2xl:mt-20">
    <div class="card card__contents w-full min-[1280px]:w-[400px] [--card-padding:1.8rem] [--card-contents-border-width:2px] relative min-h-[290px]">
      <h4 class="text-h2 sm:text-h4">Private search</h4>
      <form action="https://search.brave.com/search?source=brave.com" method="GET" target="_blank" class="my-4 block w-full ml-0 relative" autocomplete="off">
        <input type="hidden" name="source" value="brave.com" />
        <input required type="text" name="q" placeholder="Search the web privately" class="w-full py-3 px-6 text-[0.875rem] leading-normal rounded-xl drop-shadow-02">
        <button type="submit" class="absolute top-1/2 right-0 -mt-[12px] pr-4" data-track-event data-event-category="Homepage CTA" data-event-action="Try Search widget query" data-event-name="Brave Search interactive widget"><div class="icon [--icon-size:24px] [--icon-url:url('/leo-icons/search.svg')] bg-icons-active"></div></button>
      </form>
      <p class="mb-16 text-desktop-default">Better results, less SEO spam, and zero profiling.</p>
      <img
    
      class="absolute bottom-0 left-0 w-full max-h-[140px]"
    
    src="/home-assets/images/line-waves.svg"
    alt="waves background"/>
    </div>
    
    <a href="/leo/" class="card card__contents no-underline w-full min-[1280px]:w-[400px] bg-purple-10 [--card-padding:1.8rem] [--card-contents-border-width:2px] relative overflow-hidden min-h-[458px] md:min-h-[224px] min-[1280px]:min-h-[368px]  flex flex-col justify-start" data-track-event data-event-category="Homepage CTA" data-event-action="Leo AI widget link click" data-event-name="Leo AI link widget">
      <h4 class="text-h2 sm:text-h4 pb-2">Built-in AI assistant</h4>
      <p class="text-desktop-default md:max-w-[320px] min-[1280px]:max-w-none">Get answers, generate content, &amp; more. Right in the browser.</p><img
    
      class="absolute right-0 bottom-0 z-0"
    
    src="/home-assets/images/leo-illustration.svg"
    alt=""/><div class="leoButton isOutline isMedium max-w-max mt-5 min-[1280px]:mt-auto z-10">Leo AI</div>
    </a>

    <a href="/firewall-vpn/" class="card card__contents no-underline w-full min-[1280px]:w-[400px] bg-[#FFE1D4] [--card-padding:1.8rem] [--card-contents-border-width:2px] relative overflow-hidden min-h-[447px] md:min-h-[242px] flex flex-col justify-start" data-track-event data-event-category="Homepage CTA" data-event-action="VPN widget link click" data-event-name="VPN link widget">
      <h4 class="text-h2 sm:text-h4 pb-2">Powerful VPN</h4>
      <p class="text-desktop-default md:max-w-[320px] min-[1280px]:max-w-none">Protect every app, on your entire device.</p><img
    
      class="absolute right-0 bottom-0 -z-0"
    
    src="/home-assets/images/vpn-illustration.svg"
    alt=""/><div class="leoButton isOutline isMedium max-w-max mt-5 min-[1280px]:mt-auto z-10">Firewall &#43; VPN</div>
    </a>
  </section>


  <section class="mt-10 sm:mt-[3.5rem] lg:mt-20" data-tab-group data-accordion-group>
    <h2 class="text-display-mobile-h1 md:text-display-desktop-h3 pb-2 sm:pb-4">What does a user-first Web look like?</h2>
    <p class="text-mobile-h4 sm:text-mobile-h3 lg:text-desktop-h4 max-w-[820px] pr-4 lg:pr-0 mb-6 lg:mb-10">Better privacy. Faster webpages. Easier navigation. And experiences that put people over tech company profit.</p>
    <div class="flex gap-[42px]">
      <div class="min-[1280px]:w-5/12">
        


<details class="card card__contents group p-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none [--card-contents-border-width:0px] open:!bg-[var(--leo-color-gray-10)] hover:bg-button-background open:hover:bg-[var(--leo-color-gray-10)] focus-within:bg-button-background w-full" data-single-open data-theme='dark' open data-tab-button-selected data-tab-button for="the-web-without-the-annoyances">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start p-8" data-accordion-heading>
        <span class="text-[30px] leading-[40px]">The Web, <em>without</em> the annoyances</span>
        <span class="flex-shrink-0 ml-auto mt-[0.2rem] mr-4 lg:mr-8 relative">
            <span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px]"></span>
            <span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px] transition-transform duration-100  rotate-90 group-open:rotate-0"></span>
        </span>
    </summary>
    <div class="-mt-2 mr-4 lg:mr-12 [&>p]:text-desktop-default [&>p]:leading-[30px] [&>p]:pb-8 px-8" data-accordion-content>
        <p>Brave blocks third-party ads on every website. That’s video ads, search ads, social media ads, and more.</p>
<p>And those annoying “Accept cookies?” pop-ups? Yeah, we block those too.</p>

    </div>
</details>

<details class="card card__contents group p-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none [--card-contents-border-width:0px] open:!bg-[var(--leo-color-gray-10)] hover:bg-button-background open:hover:bg-[var(--leo-color-gray-10)] focus-within:bg-button-background w-full" data-single-open data-theme='dark' data-tab-button for="save-data-save-battery-save-time">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start p-8" data-accordion-heading>
        <span class="text-[30px] leading-[40px]">Save data, save battery, save time</span>
        <span class="flex-shrink-0 ml-auto mt-[0.2rem] mr-4 lg:mr-8 relative">
            <span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px]"></span>
            <span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px] transition-transform duration-100  rotate-90 group-open:rotate-0"></span>
        </span>
    </summary>
    <div class="-mt-2 mr-4 lg:mr-12 [&>p]:text-desktop-default [&>p]:leading-[30px] [&>p]:pb-8 px-8" data-accordion-content>
        <p>Without that unwanted junk, you save Wi-Fi bandwidth and mobile data, battery life and CPU. And websites load 3x-6x faster. Less waiting = more time back in your day.</p>

    </div>
</details>

<details class="card card__contents group p-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none [--card-contents-border-width:0px] open:!bg-[var(--leo-color-gray-10)] hover:bg-button-background open:hover:bg-[var(--leo-color-gray-10)] focus-within:bg-button-background w-full" data-single-open data-theme='dark' data-tab-button for="unparalleled-privacy">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start p-8" data-accordion-heading>
        <span class="text-[30px] leading-[40px]">Unparalleled privacy</span>
        <span class="flex-shrink-0 ml-auto mt-[0.2rem] mr-4 lg:mr-8 relative">
            <span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px]"></span>
            <span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px] transition-transform duration-100  rotate-90 group-open:rotate-0"></span>
        </span>
    </summary>
    <div class="-mt-2 mr-4 lg:mr-12 [&>p]:text-desktop-default [&>p]:leading-[30px] [&>p]:pb-8 px-8" data-accordion-content>
        <p>Brave Shields block tracking and fingerprinting. Brave&rsquo;s premium VPN encrypts every connection no matter where you are.
All this (and more) in one ridiculously easy package.</p>

    </div>
</details>

<details class="card card__contents group p-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none [--card-contents-border-width:0px] open:!bg-[var(--leo-color-gray-10)] hover:bg-button-background open:hover:bg-[var(--leo-color-gray-10)] focus-within:bg-button-background w-full" data-single-open data-theme='dark' data-tab-button for="built-in-security-on-by-default">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start p-8" data-accordion-heading>
        <span class="text-[30px] leading-[40px]">Built-in security, on by default</span>
        <span class="flex-shrink-0 ml-auto mt-[0.2rem] mr-4 lg:mr-8 relative">
            <span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px]"></span>
            <span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px] transition-transform duration-100  rotate-90 group-open:rotate-0"></span>
        </span>
    </summary>
    <div class="-mt-2 mr-4 lg:mr-12 [&>p]:text-desktop-default [&>p]:leading-[30px] [&>p]:pb-8 px-8" data-accordion-content>
        <p>Brave works right out of the box. No dials to turn, no extensions, no PhD required.</p>

    </div>
</details>

<details class="card card__contents group p-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none [--card-contents-border-width:0px] open:!bg-[var(--leo-color-gray-10)] hover:bg-button-background open:hover:bg-[var(--leo-color-gray-10)] focus-within:bg-button-background w-full" data-single-open data-theme='dark' data-tab-button for="switching-is-easy">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start p-8" data-accordion-heading>
        <span class="text-[30px] leading-[40px]">Switching is easy</span>
        <span class="flex-shrink-0 ml-auto mt-[0.2rem] mr-4 lg:mr-8 relative">
            <span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px]"></span>
            <span class="icon [--icon-url:url(/leo-icons/minus.svg)] absolute top-0 left-0 [--icon-size:40px] h-[40px] w-[40px] transition-transform duration-100  rotate-90 group-open:rotate-0"></span>
        </span>
    </summary>
    <div class="-mt-2 mr-4 lg:mr-12 [&>p]:text-desktop-default [&>p]:leading-[30px] [&>p]:pb-8 px-8" data-accordion-content>
        <p>A faster, more private, less annoying Web is only 60 seconds away.</p>
<p>Just download Brave, import favorites from your old browser, and… You’re done!</p>

    </div>
</details>



      </div>
      <div class="hidden min-[1280px]:grid w-7/12 card card__contents p-0 overflow-hidden grid-cols-1 grid-rows-1 animation-container h-fit">
        
        <script type="module" src="/js/lottie-player.js"></script>
        
          
          
          
            <lottie-player src="/home-assets/lottie/web-without-annoyances.json" data-tab-section id="the-web-without-the-annoyances" data-no-hidden class="transition-[opacity,visibility] duration-[250ms] ease-in-out invisible opacity-0 open:visible open:opacity-100 [grid-area:1/1/-1/-1] block -my-2 bg-[rgb(164,216,151)]"></lottie-player>
          
        
          
          
          
            <lottie-player src="/home-assets/lottie/brave-saves-battery.json" data-tab-section id="save-data-save-battery-save-time" data-no-hidden class="transition-[opacity,visibility] duration-[250ms] ease-in-out invisible opacity-0 open:visible open:opacity-100 [grid-area:1/1/-1/-1] block -my-2 bg-[rgb(188,188,255)]"></lottie-player>
          
        
          
          
          
            <lottie-player src="/home-assets/lottie/unparalleled-privacy.json" data-tab-section id="unparalleled-privacy" data-no-hidden class="transition-[opacity,visibility] duration-[250ms] ease-in-out invisible opacity-0 open:visible open:opacity-100 [grid-area:1/1/-1/-1] block -my-2 bg-[rgb(253,243,224)]"></lottie-player>
          
        
          
          
          
            <lottie-player src="/home-assets/lottie/built-in-security.json" data-tab-section id="built-in-security-on-by-default" data-no-hidden class="transition-[opacity,visibility] duration-[250ms] ease-in-out invisible opacity-0 open:visible open:opacity-100 [grid-area:1/1/-1/-1] block -my-2 bg-[rgb(255,71,0)]"></lottie-player>
          
        
          
          
          
            <lottie-player src="/home-assets/lottie/switching-is-easy.json" data-tab-section id="switching-is-easy" data-no-hidden class="transition-[opacity,visibility] duration-[250ms] ease-in-out invisible opacity-0 open:visible open:opacity-100 [grid-area:1/1/-1/-1] block -my-2 bg-[rgb(247,211,196)]"></lottie-player>
          
        
      </div>
    </div>
  </section>


  <section class="mt-10 sm:mt-[3.5rem] lg:mt-20" data-tab-group>
    <h2 class="text-display-mobile-h1 md:text-display-desktop-h3 pb-2 sm:pb-4">A Web with fewer ads</h2>
    <p class="text-mobile-h4 sm:text-mobile-h3 lg:text-desktop-h4 max-w-[820px]">Check out some popular sites in Brave vs. other browsers. See the difference?</p>
    <p class="font-semibold py-4 lg:py-6 mb-2">Grab the slider to see the difference between Brave and other browsers</p><div class="flex gap-2 mb-8 flex-wrap">
      
      <button data-tab-button data-tab-button-selected class="leoButton isOutline isSmall w-fit px-5 py-2.5 data-[tab-button-selected]:isFilled flex-nowrap" for="brave-vs-chrome">
        <div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
        <span class="content block md:hidden">vs</span>
        <span class="content hidden md:block">Brave vs Chrome</span>
        <div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/chromerelease-color.svg')]"></div>
      </button>
      
      <button data-tab-button class="leoButton isOutline isSmall w-fit px-5 py-2.5 data-[tab-button-selected]:isFilled flex-nowrap" for="brave-vs-edge">
        <div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
        <span class="content block md:hidden">vs</span>
        <span class="content hidden md:block">Brave vs Edge</span>
        <div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/edge-color.svg')]"></div>
      </button>
      
      <button data-tab-button class="leoButton isOutline isSmall w-fit px-5 py-2.5 data-[tab-button-selected]:isFilled flex-nowrap" for="brave-vs-firefox">
        <div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
        <span class="content block md:hidden">vs</span>
        <span class="content hidden md:block">Brave vs Firefox</span>
        <div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/firefox-color.svg')]"></div>
      </button>
      
      <button data-tab-button class="leoButton isOutline isSmall w-fit px-5 py-2.5 data-[tab-button-selected]:isFilled flex-nowrap" for="brave-vs-safari">
        <div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
        <span class="content block md:hidden">vs</span>
        <span class="content hidden md:block">Brave vs Safari</span>
        <div class="icon color [--icon-size:24px] [--icon-url:url('/leo-icons/safari-color.svg')]"></div>
      </button>
      
    </div>

    
      <div class="flex flex-col lg:gap-1" data-tab-section id="brave-vs-chrome">
        <div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] mobile:hidden">
    
    <div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
        <div class="absolute h-full w-1/2 left-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="brave"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.png"
        alt="brave"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
        <div class="absolute h-full w-1/2 right-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="chrome"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/chromerelease-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/desktop-chrome-dailymail.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/desktop-chrome-dailymail.png"
        alt="chrome"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
        <input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
        <div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center">
            <div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
        </div>
    </div>
</div>

        <div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] -mobile:hidden">
    
    <div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
        <div class="absolute h-full w-1/2 left-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="brave"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.jpg"
        alt="brave"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
        <div class="absolute h-full w-1/2 right-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="chrome"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/chromerelease-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/mobile-chrome-allrecipes.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/mobile-chrome-allrecipes.jpg"
        alt="chrome"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
        <input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
        <div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center">
            <div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
        </div>
    </div>
</div>

      </div>
    
      <div class="flex flex-col lg:gap-1" data-tab-section id="brave-vs-edge">
        <div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] mobile:hidden">
    
    <div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
        <div class="absolute h-full w-1/2 left-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="brave"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.png"
        alt="brave"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
        <div class="absolute h-full w-1/2 right-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="edge"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/edge-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/desktop-edge-dailymail.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/desktop-edge-dailymail.png"
        alt="edge"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
        <input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
        <div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center">
            <div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
        </div>
    </div>
</div>

        <div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] -mobile:hidden">
    
    <div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
        <div class="absolute h-full w-1/2 left-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="brave"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.jpg"
        alt="brave"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
        <div class="absolute h-full w-1/2 right-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="edge"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/edge-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/mobile-edge-allrecipes.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/mobile-edge-allrecipes.jpg"
        alt="edge"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
        <input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
        <div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center">
            <div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
        </div>
    </div>
</div>

      </div>
    
      <div class="flex flex-col lg:gap-1" data-tab-section id="brave-vs-firefox">
        <div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] mobile:hidden">
    
    <div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
        <div class="absolute h-full w-1/2 left-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="brave"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.png"
        alt="brave"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
        <div class="absolute h-full w-1/2 right-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="firefox"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/firefox-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/desktop-firefox-dailymail.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/desktop-firefox-dailymail.png"
        alt="firefox"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
        <input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
        <div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center">
            <div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
        </div>
    </div>
</div>

        <div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] -mobile:hidden">
    
    <div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
        <div class="absolute h-full w-1/2 left-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="brave"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.jpg"
        alt="brave"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
        <div class="absolute h-full w-1/2 right-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="firefox"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/firefox-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/mobile-firefox-allrecipes.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/mobile-firefox-allrecipes.jpg"
        alt="firefox"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
        <input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
        <div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center">
            <div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
        </div>
    </div>
</div>

      </div>
    
      <div class="flex flex-col lg:gap-1" data-tab-section id="brave-vs-safari">
        <div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] mobile:hidden">
    
    <div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
        <div class="absolute h-full w-1/2 left-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="brave"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/desktop-brave-dailymail.png"
        alt="brave"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 3456 / 2158">
        <div class="absolute h-full w-1/2 right-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="safari"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/safari-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/desktop-safari-dailymail.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/desktop-safari-dailymail.png"
        alt="safari"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
        <input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
        <div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center">
            <div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
        </div>
    </div>
</div>

        <div class="c-compare card card__contents grid overflow-hidden w-full p-0 [--compare-range-value:50%] -mobile:hidden">
    
    <div class="c-compare__left p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
        <div class="absolute h-full w-1/2 left-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="brave"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/mobile-brave-allrecipes.jpg"
        alt="brave"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__right p-0 w-full [grid-area:1/1/1/1] relative" style="aspect-ratio: 1125 / 2436">
        <div class="absolute h-full w-1/2 right-0">
          <div class="card card__contents p-0 [--card-contents-border-width:2px] w-[clamp(80px,30%,128px)] absolute bottom-[32px] left-1/2 -translate-x-1/2 bg-page-background flex items-center justify-center aspect-square">
              <div
              title="safari"
              class="color icon [--icon-size:62.5%] [--icon-url:url('/leo-icons/safari-color.svg')]"
              ></div>
          </div>
        </div>
        <picture class="w-full max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/home-assets/images/mobile-safari-allrecipes.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/home-assets/images/mobile-safari-allrecipes.jpg"
        alt="safari"
        class="w-full"loading="lazy"/>
    </picture>
    </div>
    
    <div class="c-compare__slider before:left-[--compare-range-value] [grid-area:1/1/1/1] relative">
        <input type="range" min="0" max="100" value="50" step="0.01" class="c-compare__range bg-[transparent] box-border h-full m-0 absolute top-0 w-full"/>
        <div class="left-[--compare-range-value] absolute top-1/2 transform rotate-90 pointer-events-none bg-button-background w-[50px] h-[50px] rounded-full border-[2px] border-text-primary cursor-ew-resize -ml-[25px] -mt-[25px] flex justify-center items-center">
            <div class="icon [--icon-url:url('/leo-icons/arrow-up-and-down.svg')] w-[36px] bg-white"></div>
        </div>
    </div>
</div>

      </div>
    
  </section>


  <div class="mt-10 sm:mt-[3.5rem] lg:mt-20">
    <h2 class="text-display-mobile-h1 md:text-display-desktop-h3 pb-2 sm:pb-4 max-w-[1020px]">Winning on privacy, performance, and features</h2>
    <p class="text-mobile-h4 sm:text-mobile-h3 lg:text-desktop-h4 max-w-[820px] mb-8">See how Brave stacks up against other browsers with these in-depth comparisons.</p>
  </div>
  
  <script type="module" src="/js/card-carousel.js"></script>
  <section class="full-bleed overflow-hidden">
    <div class="layout overflow-x-auto" is="card-carousel">
      <div class="grid grid-flow-col gap-6 w-max pr-[--layout-gutter]" data-card-carousel-items-container>
        
        
          
          
          
          <div class="w-[309px] p-6 sm:p-8 rounded-[1rem] bg-[image:var(--gradient-peachy)] bg-[length:852px_544px] bg-[position:60%_70%] flex flex-wrap" data-card-carousel-item>
            <div>
              <div class="flex gap-[0.65rem] lg:gap-3">
                <div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
                  <div title="brave" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
                </div>
                <div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
                  <div title="Chrome" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/chromerelease-color.svg')]"></div>
                </div>
              </div>

              <h4 class="text-h3 sm:text-desktop-h4 pt-3 pb-2">Brave vs Chrome</h4>
              <p>When it comes to privacy and performance, Chrome lags far behind Brave.</p>
            </div>
            <a href="/compare/chrome-vs-brave/" class="leoButton isMedium isFilled mt-4 place-self-end">See how Chrome compares</a>
          </div>
        
          
          
          
          <div class="w-[309px] p-6 sm:p-8 rounded-[1rem] bg-[image:var(--gradient-peachy)] bg-[length:1400px_1593px] bg-[position:50%_100%] flex flex-wrap" data-card-carousel-item>
            <div>
              <div class="flex gap-[0.65rem] lg:gap-3">
                <div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
                  <div title="brave" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
                </div>
                <div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
                  <div title="Edge" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/edge-color.svg')]"></div>
                </div>
              </div>

              <h4 class="text-h3 sm:text-desktop-h4 pt-3 pb-2">Brave vs Edge</h4>
              <p>Microsoft’s successor to Explorer is slow, riddled with ads, and a privacy nightmare.</p>
            </div>
            <a href="/compare/edge-vs-brave/" class="leoButton isMedium isFilled mt-4 place-self-end">See how Edge compares</a>
          </div>
        
          
          
          
          <div class="w-[309px] p-6 sm:p-8 rounded-[1rem] bg-[image:var(--gradient-peachy)] bg-[length:735px_645px] bg-[position:60%_20%] flex flex-wrap" data-card-carousel-item>
            <div>
              <div class="flex gap-[0.65rem] lg:gap-3">
                <div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
                  <div title="brave" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
                </div>
                <div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
                  <div title="Firefox" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/firefox-color.svg')]"></div>
                </div>
              </div>

              <h4 class="text-h3 sm:text-desktop-h4 pt-3 pb-2">Brave vs Firefox</h4>
              <p>Once widely used, Firefox has slipped to the middle of the pack as a  Big Tech alternative.</p>
            </div>
            <a href="/compare/firefox-vs-brave/" class="leoButton isMedium isFilled mt-4 place-self-end">See how Firefox compares</a>
          </div>
        
          
          
          
          <div class="w-[309px] p-6 sm:p-8 rounded-[1rem] bg-[image:var(--gradient-peachy)] bg-[length:1366px_1199px] bg-[position:40%_70%] flex flex-wrap" data-card-carousel-item>
            <div>
              <div class="flex gap-[0.65rem] lg:gap-3">
                <div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
                  <div title="brave" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/social-brave-release-favicon-fullheight-color.svg')]"></div>
                </div>
                <div class="bg-white rounded-[20%] w-[40px] flex items-center justify-center aspect-square drop-shadow-[0_1px_4px_rgba(0,0,0,0.1)]">
                  <div title="Safari" class="color icon [--icon-size:75%] [--icon-url:url('/leo-icons/safari-color.svg')]"></div>
                </div>
              </div>

              <h4 class="text-h3 sm:text-desktop-h4 pt-3 pb-2">Brave vs Safari</h4>
              <p>Despite Apple&#39;s best efforts, Safari can&#39;t match Brave&#39;s privacy.</p>
            </div>
            <a href="/compare/safari-vs-brave/" class="leoButton isMedium isFilled mt-4 place-self-end">See how Safari compares</a>
          </div>
        
      </div>
      <template id="controls">
        <div class="layout mobile:hidden">
          <div class="controls-container flex justify-between">
            <button class="leoButton isPlain isLarge [--leo-button-padding:0]" data-direction="backward">
              <span class="icon [--icon-url:url(/leo-icons/arrow-left.svg)]"></span>
              <span class="content">View comparisons</span>
            </button>
            <button class="leoButton isPlain isLarge [--leo-button-padding:0]" data-direction="forward">
              <span class="content">View more comparisons</span>
              <span class="icon [--icon-url:url(/leo-icons/arrow-right.svg)]"></span>
            </button>
          </div>
        </div>
      </template>
    </div>
  </section>


  <section class="full-bleed layout text-text-primary bg-black mt-10 sm:mt-[3.5rem] lg:mt-20 overflow-x-clip pt-10 sm:pt-12 min-[1280px]:pt-0" data-theme="dark">
    <div class="flex flex-col min-[1280px]:flex-row overflow-y-clip">
      <div class="min-[1280px]:flex-1 self-center">
        <h2 class="text-display-mobile-h1 md:text-display-desktop-h3 pb-2 sm:pb-4">The browser that saves your time, not your personal info</h2>
        <p class="text-mobile-h4 md:text-mobile-h3 lg:text-desktop-h4 max-w-[820px] pt-2 pb-4 md:pb-8 lg:py-6">Download Brave for Android, iOS, Linux, macOS, or Windows</p>
        <a id="home-download-button-lower"  data-show-platform="false" class="download  btn btn--large btn--hero leoButton isHero isJumbo block font-medium flex w-fit invisible opacity-0 transition-opacity duration-500" data-build-channel="release" data-allows-dynamic-ref-code="true" href="https://laptop-updates.brave.com/download/BRV002"><span class="content">Get Brave</span><span class="icon [--icon-url:url('/leo-icons/download.svg')] bg-[var(--icon-color,currentColor)] ml-1"></span></a>
      </div><img
    
      class="-mb-24 -mt-4 ml-24 sm:-mb-[7.5rem] md:-mb-36 md:-mt-[5rem] lg:-mb-[13rem] lg:-mt-12 min-[1280px]:-mr-64 min-[1280px]:flex-1 min-[1280px]:mb-0 min-[1280px]:mt-10"
    
    src="/home-assets/images/app-illustration.svg"
    alt="App Illustration"/></div>
  </section>
  <section class="card card__contents mt-8 md:rounded-none md:border-0 md:mt-0 md:full-bleed layout text-text-primary bg-[var(--leo-color-primary-30)] px-4 py-8 lg:py-10" data-theme="dark">
    <div class="flex flex-col lg:flex-row gap-4 md:gap-8 md:items-center md:justify-center">
      <p class="text-mobile-h2 lg:text-desktop-h4">Let Brave power your business:</p>
      <div class="flex flex-row flex-wrap md:flex-nowrap gap-4">
        
        
          <a href="/brave-ads/" class="leoButton isOutline isSmall text-center bg-white hover:!bg-white max-w-[max-content]" data-theme="light" data-track-event data-event-category="Homepage CTA" data-event-action="Brave Ads link click" data-event-name="Brave Ads shortcut">Brave Ads</a>
        
          <a href="/search/api/" class="leoButton isOutline isSmall text-center bg-white hover:!bg-white max-w-[max-content]" data-theme="light" data-track-event data-event-category="Homepage CTA" data-event-action="Search API link click" data-event-name="Search API shortcut">Search API</a>
        
          <a href="https://support.brave.com/hc/en-us/articles/360039248271-Group-Policy" class="leoButton isOutline isSmall text-center bg-white hover:!bg-white max-w-[max-content]" data-theme="light" data-track-event data-event-category="Homepage CTA" data-event-action="Browser group installs link click" data-event-name="Browser group installs shortcut">Browser group installs</a>
        
      </div>
    </div>
  </section>


  
    <section id="faq" class="my-10 lg:my-20">
      <h2 class="pb-6 text-h2 sm:text-h3">FAQs</h2>
      
<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6" data-accordion-heading>
        Is the Brave Browser safe?
        <span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
    </summary>
    <div class="-mt-2 pb-6 prose" data-accordion-content>
        <p>Brave is one of the safest browsers on the market today. It blocks privacy-invasive ads &amp; trackers. It blocks third-party data storage. It protects from browser fingerprinting. It upgrades every webpage possible to secure https connections. And it does all this by default.</p>
<p>It’s also built off the open-source Chromium Web core, which powers browsers used by billions of people worldwide. This source code is arguably vetted by more security researchers than any other browser. In short, not only is Brave safe to use, it’s much safer than almost any other browser. <a href="/privacy-features/">Learn more</a>.</p>

    </div>
</details>

<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6" data-accordion-heading>
        How do I download &amp; install Brave?
        <span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
    </summary>
    <div class="-mt-2 pb-6 prose" data-accordion-content>
        <p>Brave is available on nearly all desktop computers (Windows, macOS, Linux) and nearly every mobile device (Android and iOS). To get started, simply download the Brave browser <a href="/download/">for desktop</a>, <a href="https://play.google.com/store/apps/details?id=com.brave.browser" target="_blank" rel="noopener">for Android</a>, or <a href="https://apps.apple.com/app/brave-private-web-browser-vpn/id1052879175?mt=8&amp;ign-mpt=uo%3D4" target="_blank" rel="noopener">for iOS</a>.</p>

    </div>
</details>

<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6" data-accordion-heading>
        Does Brave have a VPN?
        <span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
    </summary>
    <div class="-mt-2 pb-6 prose" data-accordion-content>
        <p>Yes! <a href="/firewall-vpn/">Brave Firewall + VPN</a> protects everything you do online, on your entire device, <em>even outside the Brave Browser</em>. One subscription covers up to 5 devices, across Android, iOS, and desktop.</p>

    </div>
</details>

<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6" data-accordion-heading>
        Does Brave block YouTube ads?
        <span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
    </summary>
    <div class="-mt-2 pb-6 prose" data-accordion-content>
        <p>Yes, the Brave browser can block ads on video sites like YouTube. That includes on-page ads, pre-roll and mid-roll ads, end-card ads, and more. By blocking ads, you get a cleaner experience and faster video load. <a href="/did-you-know/brave-blocks-youtube-ads/">Learn more about Brave’s YouTube ad blocking.</a></p>

    </div>
</details>

<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6" data-accordion-heading>
        What is the Brave Search engine?
        <span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
    </summary>
    <div class="-mt-2 pb-6 prose" data-accordion-content>
        <p>Brave Search is the private, independent search engine that’s default for most new users of the Brave browser. It’s also <a href="https://search.brave.com/default" target="_blank" rel="noopener">available in any other browser</a> at search.brave.com. Brave Search serves fast, accurate results from its own independent index of the Web, and offers unique features like a powerful AI-answer engine. Unlike some other search engines, Brave Search doesn’t profile you; it can’t share, sell, or lose your personal data, because it’s not collected in the first place. <a href="/search/">Learn more about Brave Search.</a></p>

    </div>
</details>

<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6" data-accordion-heading>
        What languages is Brave available in?
        <span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
    </summary>
    <div class="-mt-2 pb-6 prose" data-accordion-content>
        <p>The Brave Browser is available in nearly 160 languages in all, including four different dialects of Chinese. Brave Search is currently available in almost 20 different languages, with support for even more languages on the horizon.</p>

    </div>
</details>

<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6" data-accordion-heading>
        Who owns Brave?
        <span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
    </summary>
    <div class="-mt-2 pb-6 prose" data-accordion-content>
        <p>The Brave Browser, Brave Search, and all their various features are made by Brave Software Inc, an independent, privately-held company. Brave is not beholden to any other tech company, and works every single day to fight Big Tech’s terrible privacy abuses. Brave exists to help real people, not some faceless tech company.</p>

    </div>
</details>

<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6" data-accordion-heading>
        Is Brave open source?
        <span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
    </summary>
    <div class="-mt-2 pb-6 prose" data-accordion-content>
        <p>Yes. The Brave Browser is built on the open-source Chromium Web core and our own client code is released under the <a href="https://github.com/brave/brave-browser" target="_blank" rel="noopener">Mozilla Public License 2.0</a>.</p>

    </div>
</details>

<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6" data-accordion-heading>
        How does Brave compare to Chrome?
        <span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
    </summary>
    <div class="-mt-2 pb-6 prose" data-accordion-content>
        <p>Simply put, the <a href="/compare/chrome-vs-brave/">Brave Browser is 3x faster than Google Chrome</a>. By blocking privacy-invading ads &amp; trackers by default, there&rsquo;s less stuff to load on every single webpage you visit. That means pages load much faster, saving you time, money, and battery life. It also means you&rsquo;re much safer online. <a href="/compare/chrome-vs-brave/">Learn more</a>.</p>

    </div>
</details>

<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6" data-accordion-heading>
        Is Brave free?
        <span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
    </summary>
    <div class="-mt-2 pb-6 prose" data-accordion-content>
        <p>Yes, Brave is completely free to use. Simply download the Brave browser <a href="/download/">for desktop</a>, <a href="https://play.google.com/store/apps/details?id=com.brave.browser" target="_blank" rel="noopener">for Android</a>, or <a href="https://apps.apple.com/app/brave-private-web-browser-vpn/id1052879175?mt=8&amp;ign-mpt=uo%3D4" target="_blank" rel="noopener">for iOS</a> to get started. You can also use Brave Search free from any browser at search.brave.com, or <a href="https://search.brave.com/default" target="_blank" rel="noopener">set it as your default search engine</a>.</p>
<p>Brave also has some great, subscription-based features, including <a href="/talk/">Brave Talk Premium</a> and <a href="/firewall-vpn/">Brave Firewall + VPN</a>.</p>

    </div>
</details>

<details class="card card__contents group px-8 py-0 [&:not(:first-child)]:-mt-[--card-contents-border-width] [&:not(:first-of-type)]:rounded-t-none [&:not(:last-of-type)]:rounded-b-none">
    <summary class="text-blockquote [&[scrubbed]-webkit-details-marker]:hidden [-webkit-tap-highlight-color:transparent] list-none flex gap-2 items-start py-6" data-accordion-heading>
        What is BAT, and how do I earn it?
        <span class="icon [--icon-url:url(/static-assets/icons/arrow-alt-down.svg)] flex-shrink-0 ml-auto transition-transform duration-100 mt-[0.2rem] group-open:rotate-180"></span>
    </summary>
    <div class="-mt-2 pb-6 prose" data-accordion-content>
        <p>BAT is short for Basic Attention Token. BAT is a digital asset, and a key (but totally optional) part of the Brave Rewards ecosystem. Here’s how it works:</p>
<p>Brave Rewards gives you the option to view first-party, privacy-protecting ads while you browse (these ads are from the Brave Private Ads network). If you choose to view them, you earn BAT via <a href="/brave-rewards/">the Brave Rewards program</a>.</p>
<p>You can keep BAT like any other digital asset, or use it to tip the content publishers you love. Brave even gives you a secure way to store BAT (and any other asset), with <a href="/wallet/">Brave Wallet</a>. And, again, Brave Rewards is a totally optional program.</p>
<p>Other tech companies steal your data to sell ads—to them, you are the product. Brave is different. We think your attention is valuable (and private!), and that you should get a fair share of the revenue for any advertising you choose to view. That fair share is rewarded in BAT.</p>

    </div>
</details>



    </section>
  

        </main>
        
        <footer class="site-footer section pb-12 bg-[var(--leo-color-primary-30)]" data-theme="dark">
    <div class="site-footer__container container">
        <div class="site-footer__column">
            <div class="site-footer__grouping">
                <h4 class="site-footer__heading">Resources</h4>
                <ul>
                    <li><a href="https://support.brave.com/hc/en-us">Help center</a></li>
                    <li><a href="https://community.brave.com" target="_blank" rel="noopener noreferrer">Community</a></li>
                    <li><a href="/whats-new/">What&#39;s new in Brave?</a></li>
                    <li><a href="/latest/">Release notes</a></li>
                    <li><a href="https://status.brave.com" target="_blank" rel="noopener noreferrer">Status</a></li>
                    <li><a href='/faq/'>FAQs</a></li>
                    <li><a href='/transparency/'>Transparency report</a></li>
                    <li><a href="https://store.brave.com">Merch store</a></li>
                </ul>
            </div>
            <div class="site-footer__grouping">
                <h4 class="site-footer__heading">Privacy policy</h4>
                <ul>
                    <li><a href='/privacy/browser/'>Brave Browser</a></li>
                    <li><a href='https://search.brave.com/help/privacy-policy'>Brave Search</a></li>
                    <li><a href='https://search.brave.com/help/brave-search-index-right-to-be-forgotten'>Brave Search RTBF</a></li>
                    <li><a href='/privacy/website/'>Website &amp; email</a></li>
                    <li><a href='/privacy/publishers-creators/'>Publishers &amp; creators</a></li>
                    <li><a href='/privacy/advertiser/'>Advertisers</a></li>
                    <li><a href='/privacy/ccpa/'>CCPA</a></li>
                </ul>
            </div>
        </div>
        <div class="site-footer__column">
            <div class="site-footer__grouping">
                <h4 class="site-footer__heading">Browser</h4>
                <ul>
                    <li><a href='/download/'>Desktop</a></li>
                    <li><a href='/android/'>Android</a></li>
                    <li><a href='/ios/'>iOS</a></li>
                    <li><a href='/linux/'>Linux</a></li>
                    <li><a href='/download-beta/'>Beta</a></li>
                    <li><a href='/download-nightly/'>Nightly</a></li>
                </ul>
            </div>
            <div class="site-footer__grouping">
                <h4 class="site-footer__heading">Company</h4>
                <ul>
                    <li><a href='/about/'>About</a></li>
                    <li><a href='/blog/'>Blog</a></li>
                    <li><a href='/brave-branding-assets/'>Brand assets</a></li>
                    <li><a href='/careers/'>Careers</a></li>
                    <li><a href='/events/'>Events</a></li>
                    <li><a href="https://github.com/brave/" target="_blank" rel="noopener noreferrer">GitHub</a></li>
                    <li><a href='/research/'>Research</a></li>
                    <li><a href='/reviews/'>Reviews</a></li>
                    <li><a href='https://support.brave.com/hc/en-us/articles/4537609459469'>Tor Onion address</a></li>
                </ul>
            </div>
        </div>
        <div class="site-footer__column">
            <div class="site-footer__grouping">
                <h4 class="site-footer__heading">Social media</h4>
                <ul>
                    <li><a href="https://www.reddit.com/r/brave_browser" target="_blank" rel="noopener noreferrer">Reddit</a></li>
                    <li><a href="https://x.com/brave" target="_blank" rel="noopener noreferrer">X (formerly Twitter)</a></li>
                    <li><a href="https://mastodon.social/@brave" target="_blank" rel="me noopener noreferrer">Mastodon</a></li>
                    <li><a href="https://www.facebook.com/BraveSoftware/" target="_blank" rel="noopener noreferrer">Facebook</a></li>
                    <li><a href="https://www.youtube.com/bravesoftware" target="_blank" rel="noopener noreferrer">YouTube</a></li>
                </ul>
            </div>
            <div class="site-footer__grouping">
                <h4 class="site-footer__heading">Products</h4>
                <ul>
                    <li><a href='/search/'>Search</a></li>
                    <li><a href='/brave-rewards/'>Rewards</a></li>
                    <li><a href='/wallet/'>Wallet</a></li>
                    <li><a href='/firewall-vpn/'>Firewall &#43; VPN</a></li>
                    <li><a href='/talk/'>Talk</a></li>
                    <li><a href='/brave-news/'>News</a></li>
                    <li><a href='/playlist/'>Playlist</a></li>
                    <li><a href='/features/'>All features</a></li>
                    <li><a href="https://basicattentiontoken.org/" target="_blank" rel="noopener noreferrer">Basic Attention Token</a></li>
                    <li><a href='/youtube-ad-blocker/'>YouTube ad blocker</a></li>
                </ul>
            </div>
        </div>
        <div class="site-footer__column">
            <div class="site-footer__grouping pb-4">
                <h4 class="site-footer__heading">Contact</h4>
                <h5 class="site-footer__sub-heading">Support</h5>
                <a href="https://community.brave.com/" target="_blank" rel="noopener noreferrer">community.brave.com</a>
                <h5 class="site-footer__sub-heading">Advertising</h5>
                <a target="_blank" class="brave-tooltip-parent" href="mailto:adsales@brave.com" rel="noopener noreferrer">adsales@brave.com <span class="brave-tooltip">Please only use this email address if you are interested in purchasing advertising with Brave. For support, please visit community.brave.com.</span></a>
                <h5 class="site-footer__sub-heading">Business</h5>
                <a href="mailto:bizdev@brave.com">bizdev@brave.com</a>
                <h5 class="site-footer__sub-heading">Press</h5>
                <a href="mailto:press@brave.com">press@brave.com</a>
            </div>
            <div class="site-footer__grouping">
                <h4 class="site-footer__heading">Developer docs</h4>
                <ul>
                    <li><a href="https://wallet-docs.brave.com/" target="_blank" rel="noopener noreferrer">Wallet docs</a></li>
                </ul>
            </div>
            <div class="site-footer__grouping">
                <h4 class="site-footer__heading">Creators</h4>
                <ul>
                    <li><a href="https://creators.brave.com/" target="_blank" rel="noopener noreferrer">Overview</a></li>
                    <li><a href='/media-assets/' rel="noopener noreferrer">Creators media kit</a></li>
                </ul>
            </div>
        </div>
        <div class="site-footer__column">
            <div class="site-footer__grouping">
                <h4 class="site-footer__heading">Offices</h4>
                <p class="font-semibold leading-5 text-text-primary">Brave San Francisco<br>
                580 Howard St. Unit 402,<br> San Francisco, CA 94105</p>
            </div>
            <div class="site-footer__grouping leading-8 mt-4">
                <label for="language-switcher">Choose a language</label>
<div class="inline-block relative w-full">
    <select name="language-switcher" id="language-switcher" class="block appearance-none w-full bg-gray-900 border border-gray-700 hover:border-gray-800 bg-container-highlight border-gray-20 hover:border-gray-30 px-4 py-2 pr-8 rounded rounded-m leading-tight focus:outline-none focus:ring">
        
            
            <option selected value="en">English</option>
            
        
            
            <option  value="en-in">English (India)</option>
            
        
            
            <option  value="ja">日本語</option>
            
        
            
            <option  value="zh">中文 (中国)</option>
            
        
            
            <option  value="ko">한국어</option>
            
        
            
            <option  value="de">Deutsch</option>
            
        
            
            <option  value="fr">Français</option>
            
        
            
            <option  value="es">Español</option>
            
        
            
        
            
            <option  value="it">Italiano</option>
            
        
            
            <option  value="pt-br">Português</option>
            
        
            
        
            
            <option  value="fil">Filipino</option>
            
        
            
            <option  value="hi">हिन्दी</option>
            
        
            
            <option  value="id">bahasa Indonesia</option>
            
        
            
            <option  value="nl">Nederlands</option>
            
        
            
            <option  value="pl">Polski</option>
            
        
            
            <option  value="ru">Русский</option>
            
        
            
            <option  value="vi">Tiếng Việt</option>
            
        
            
            <option  value="ca">Català</option>
            
        
            
            <option  value="ro">Română</option>
            
        
            
            <option  value="tr">Türkçe</option>
            
        
            
            <option  value="uk">Українська</option>
            
        
    </select>
    <div class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700 text-[currentColor]">
        <svg class="fill-current fill-[currentColor] h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /></svg>
    </div>
</div>
            </div>
        </div>
        <div class="w-full flex flex-wrap justify-center sm:justify-between pt-12 mt-6 border-t border-neutral-800">
            <img src="/static-assets/images/brave-logo.svg" alt="Brave Software home" class="w-24 mb-4 sm:mb-0" />
            <div class="w-full sm:w-auto text-center sm:text-right">
                <a title="Terms of Use" href='/terms-of-use/'>Terms of use</a> | <a title="Report a Security Issue" href="https://hackerone.com/brave" target="_blank" rel="noopener noreferrer">Report a security issue</a>
                <small class="block">© 2015 - 2024 Brave Software, Inc. | All rights reserved</small>
            </div>
        </div>
    </div>
</footer>

    </div>

    

    <div id="interstitial" class="ie:hidden -desktop:hidden linux:hidden perfundo__overlay flex transition-opacity duration-300 ease-in opacity-0 invisible open:opacity-100 open:visible group overflow-y-auto overflow-x-hidden text-text-primary" data-theme="light">
        <section class="bg-white overflow-y-auto p-16 relative max-w-[1360px] w-[calc(100%-5rem)] rounded-[1rem] z-1001">
            <button class="close absolute right-0 w-24" aria-label="close modal"><img src="/static-assets/icons/close-icon.svg" alt="close"/></button>
            <div class="layout">
                <img src="/static-assets/images/brave-logo-sans-text.svg" alt="Brave logo" class="w-[42px]">
                
                <h3 class="text-display-h2 lg:text-display-h3 mt-[2.5rem]">Almost there…</h3>
                <h4 class="lg:text-desktop-h4 max-w-[582px] mb-8 mt-4">You’re just 60 seconds away from the best privacy online</h4>
                <ol class="flex gap-4 flex-wrap flex-col lg:flex-row lg:flex-nowrap windows:chrome:hidden custom-list-numbers">
                    
                    <li class="flex gap-4 items-center">
                        <h5 class="text-h5 ">Download Brave</h5>
                        <div class="hidden lg:block w-[60px] h-[2px] bg-text-interactive mx-2"></div>
                    </li>
                    
                    <li class="flex gap-4 items-center">
                        <h5 class="text-h5 ">Run the installer</h5>
                        <div class="hidden lg:block w-[60px] h-[2px] bg-text-interactive mx-2"></div>
                    </li>
                    
                    <li class="flex gap-4 items-center">
                        <h5 class="text-h5 ">Import settings</h5>
                        
                    </li>
                    
                </ol>
                <ol class="grid lg:grid-cols-3 gap-10 pb-4 -windows:hidden -chrome:hidden">
                    
                        <li class="border-2 rounded-[1rem] overflow-hidden grid grid-rows-1">
                            <div class="bg-page-background p-8">
                                <span class="uppercase font-bold text-[15px]">step 1</span>
                                <h5 class="text-desktop-h5 py-2">Download Brave</h5>
                                <p class="text-desktop-default">Open the installer from Chrome&#39;s downloads (it should be in the upper right corner of this window).</p>
                            </div>
                            
                            <picture class="border-t-2 max-w-maxcontent">
      <source srcset="/static-assets/images/optimized/interstitial-step-1.webp" type="image/webp" />
      <img
        src="/static-assets/images/optimized/interstitial-step-1.png"
        alt=""
        class="w-full"/>
    </picture>
                        </li>
                    
                        <li class="border-2 rounded-[1rem] overflow-hidden grid grid-rows-1">
                            <div class="bg-page-background p-8">
       

Resolver

Resolver ASN
AS36940
Resolver IP
196.216.149.43
Resolver Network Name
Internet Exchange Point of Nigeria
Report ID
20240821T235527Z_webconnectivity_TD_327975_n1_CTa3aQGW1pcR7IpW
Platform
android
Software Name
ooniprobe-android-unattended (3.8.6)
Measurement Engine
ooniprobe-engine (3.20.0)

Raw Measurement Data

Loading