/* XOV homepage - the logo's cobalt, cyan, white, and red-orange accent. */
.brave-home{--logo-red:#e63825;--logo-red-text:#b92d1d;--logo-red-soft:#fff0eb}.brave-home .comparison-anchor>span{color:var(--logo-red)}.brave-home .highlight-switch{background:var(--logo-red-soft)}.brave-home .highlight-switch .highlight-label,.brave-home .highlight-switch .highlight-link{color:var(--logo-red-text)}.brave-home .highlight-switch .drawing-check{background:#fff8f5;border-color:#efbdb1;color:var(--logo-red)}.brave-home .card-files{background:var(--logo-red-soft)!important}.brave-home .card-files .feature-label,.brave-home .card-files .suite-card-copy .text-link{color:var(--logo-red-text)}.brave-home .pdf-document{color:var(--logo-red)!important}.brave-home .reference-block{background:#f97351!important}
.brave-home .password-illustration{color:#285c86;border-color:#adcee9;background:#fff}.brave-home .illustration-title{color:#5b88aa}.brave-home .password-example{border-color:#dceaf6}.brave-home .password-example small{color:#729bc0}.brave-home .password-example em{color:#3986b5}.brave-home .blue-site{background:#075ce8}.brave-home .green-site{background:#00a9ce}.brave-home .import-hint{color:#608daf}.brave-home .pdf-document{color:#075ce8}.brave-home .html-document{color:#00a0c6}.brave-home .document-tile i{background:#dceaf8}.brave-home .document-tile b{color:#7c9bb7}.brave-home .reference-panel h3{color:#28577b}.brave-home .reference-panel p{color:#5b869c}.brave-home .writing-line svg{color:#119cc5}.brave-home .mv-badge{background:#e4f8ff;color:#277b9e}.brave-home .sidebar-demo-bottom svg{color:#188ed0}.brave-home .site-dot.green{background:#57cfe6}.brave-home .site-dot.blue{background:#358bea}.brave-home .preview-statusbar i{background:#25bce0}
.brave-home .comparison-hero{padding-top:31px;padding-bottom:68px}.brave-home .comparison-intro{max-width:1150px}.brave-home .comparison-intro h1{font-size:clamp(52px,6.5vw,90px);line-height:1.025}.brave-home .comparison-intro h1 span{color:var(--brand-text)}.brave-home .comparison-subtitle{margin-top:25px}.brave-home .comparison-description{max-width:810px}.brave-home .comparison-hero:after{top:280px}.brave-home .comparison-highlights{margin-top:36px}.brave-home .section{padding:85px 0}.brave-home .suite-section-heading{text-align:left;max-width:none;margin-bottom:37px}.brave-home .suite-section-heading h2{font-size:49px;line-height:1.12;font-weight:600;letter-spacing:-.045em}.brave-home .suite-section-heading p:not(.eyebrow){margin:21px 0 0;font-size:17px;max-width:740px}.brave-home .suite-product-section{background:var(--surface);border-block:1px solid var(--border)}.brave-home .suite-product-stage{max-width:none;background:#dfedff;border:1.5px solid var(--comparison-ink);border-radius:16px;padding:25px 28px 0;box-shadow:none}.brave-home .product-stage-label{color:#6e8cae;font-size:11px}.brave-home .product-stage-label>span{background:#77afea}.brave-home .browser-frame{border:1px solid #a9c8e8;box-shadow:none;border-radius:10px 10px 0 0}.brave-home .frame-titlebar{background:#e8f2ff}.brave-home .frame-toolbar{background:#f9fcff}.brave-home .frame-omnibox{background:#eaf3ff}.brave-home .preview-sidebar{background:#f3f8ff}.brave-home .sidebar-demo-item.selected{background:#dceeff;color:#1264c5}.brave-home .mv-newtab{background:radial-gradient(ellipse at 50% 0%,#dceeff88,transparent 65%),#fff}.brave-home .start-page h3{color:#285079}.brave-home .start-eyebrow{color:#7598c1}.brave-home .mv-search{border-color:#d5e5f7}.brave-home .mv-tile b{background:#eef6ff;border-color:#d3e5f8;color:#6b9dd1}.brave-home .preview-feature-row{justify-content:flex-start;gap:34px;color:var(--text-muted);font-size:12px}.brave-home .preview-feature-row svg{color:var(--brand-text)}.brave-home .suite-workflow-section{background:var(--bg)}.brave-home .suite-workflow{grid-template-columns:.9fr 1.1fr;gap:65px}.brave-home .suite-feature-copy h2{font-size:44px;line-height:1.13;font-weight:600;letter-spacing:-.045em}.brave-home .suite-feature-copy>p{font-size:17px;line-height:1.85}.brave-home .feature-label{font-size:12px;color:var(--brand-text);font-weight:500;gap:8px}.brave-home .feature-label svg{width:18px;height:18px}.brave-home .workflow-visual{border:1.5px solid var(--comparison-ink);border-radius:16px;background:#e8f0fb;padding:20px}.brave-home .workflow-visual-head{color:#7996b8}.brave-home .reference-panel{background:#e4f8ff;border-color:#bbdfe9}.brave-home .reference-art{background:#c9eff9}.brave-home .reference-circle{background:#48c9e4}.brave-home .reference-block{background:#76acec}.brave-home .reference-slice{background:#99dbef}.brave-home .writing-panel{background:#fff;border-color:#d1dce9}.brave-home .writing-panel h3{color:#477cad}.brave-home .writing-caret{background:#297de0}.brave-home .suite-essentials-section{background:var(--surface);border-block:1px solid var(--border)}.brave-home .suite-feature-grid{gap:26px}.brave-home .suite-feature-card{border:1.5px solid var(--comparison-ink);border-radius:16px;box-shadow:none}.brave-home .card-passwords{background:#eaf3ff}.brave-home .card-files{background:#e4faff}.brave-home .suite-card-copy{padding:35px 37px 0}.brave-home .suite-card-copy h3{font-size:35px;line-height:1.12;font-weight:600;letter-spacing:-.045em;color:#183751}.brave-home .suite-card-copy>p{font-size:16px;color:#607d9d}.brave-home .suite-card-copy .text-link{color:#0751c7;font-size:14px}.brave-home .card-files .suite-card-copy>p{color:#5b8298}.brave-home .password-illustration{border:1px solid #adcee9;box-shadow:none;background:#fff}.brave-home .file-illustration{background:none}.brave-home .document-tile{border-color:#a1d5e7;box-shadow:none}.brave-home .suite-tools-section{background:var(--bg);text-align:left}.brave-home .everyday-tools{gap:25px;margin-top:40px}.brave-home .everyday-tools .intro-benefit{padding:27px 24px;border:1.5px solid var(--comparison-ink);border-radius:14px;background:var(--surface)}.brave-home .everyday-tools .benefit-icon{border:1px solid var(--border-strong);background:var(--brand-soft);box-shadow:none;color:var(--brand-text);width:43px;height:43px}.brave-home .everyday-tools h3{font-size:22px;line-height:1.2;margin-bottom:14px}.brave-home .everyday-tools p{font-size:15px;line-height:1.85}.brave-home .suite-explore{border:1px solid var(--comparison-ink);border-radius:27px;background:transparent;font-size:15px;margin-top:34px;min-width:210px}.brave-home main>section.suite-final{padding:72px 0 77px;background:#dcf5ff;border-block:1.5px solid #1b416a;color:#173351;text-align:left}.brave-home .suite-final .container{position:relative;padding-right:180px}.brave-home .suite-final img{position:absolute;right:32px;top:20px;width:104px;height:104px;border-radius:24px;margin:0;transform:rotate(9deg)}.brave-home .suite-final h2{font-size:54px;line-height:1.1;letter-spacing:-.045em;max-width:800px}.brave-home .suite-final p{color:#5f849e;font-size:18px;line-height:1.8;margin-top:22px}.brave-home .suite-final .suite-download{display:inline-flex;background:#075ce8;color:#fff;border:0;border-radius:30px;font-size:17px;min-width:220px;min-height:58px;padding:15px 25px;margin-top:28px;box-shadow:none}.brave-home .suite-final .suite-download:hover{background:#0347bc}.brave-home .suite-final-note{font-size:12px;color:#7195b0;margin-top:17px}
[data-theme=dark] .brave-home .suite-product-stage{background:#1b3958}[data-theme=dark] .brave-home .workflow-visual{background:#273448}[data-theme=dark] .brave-home .suite-card-copy h3{color:#183751}[data-theme=dark] .brave-home .card-passwords{background:#dcecff}[data-theme=dark] .brave-home .card-files{background:#dcf5ff}[data-theme=dark] .brave-home .suite-final h2{color:#173351}
@media(max-width:1100px){.brave-home .comparison-intro h1{font-size:74px}.brave-home .suite-section-heading h2{font-size:44px}.brave-home .suite-workflow{gap:42px}.brave-home .suite-feature-copy h2{font-size:38px}.brave-home .suite-card-copy{padding:31px 30px 0}.brave-home .suite-card-copy h3{font-size:32px}.brave-home .everyday-tools{gap:18px}.brave-home .everyday-tools .intro-benefit{padding:25px 21px}.brave-home .everyday-tools h3{font-size:20px}.brave-home .suite-final h2{font-size:46px}}
@media(max-width:850px){.brave-home .comparison-intro h1{font-size:64px}.brave-home .section{padding:68px 0}.brave-home .suite-section-heading h2{font-size:40px}.brave-home .suite-feature-copy h2{font-size:33px}.brave-home .suite-workflow{gap:30px}.brave-home .suite-workflow .workflow-visual{padding:13px}.brave-home .suite-card-copy{padding:27px 24px 0}.brave-home .suite-card-copy h3{font-size:29px}.brave-home .suite-card-copy>p{font-size:15px}.brave-home .everyday-tools{grid-template-columns:1fr 1fr}.brave-home .everyday-tools .intro-benefit{display:block}.brave-home .everyday-tools .benefit-icon{margin-bottom:18px}.brave-home .suite-final .container{padding-right:125px}.brave-home .suite-final h2{font-size:41px}.brave-home .suite-final img{width:75px;height:75px;right:15px}.brave-home .preview-feature-row{gap:20px}.brave-home .suite-product-stage{padding:21px 20px 0}}
@media(max-width:680px){.brave-home .comparison-hero{padding:21px 0 48px}.brave-home .comparison-intro h1{font-size:clamp(31px,9.7vw,51px);line-height:1.08}.brave-home .comparison-intro h1>br{display:block}.brave-home .comparison-subtitle{font-size:19px;line-height:1.65;margin-top:23px}.brave-home .comparison-description{font-size:16px;line-height:1.85}.brave-home .comparison-hero:after{top:380px}.brave-home .comparison-highlights{margin-top:33px}.brave-home .section{padding:55px 0}.brave-home .suite-section-heading h2{font-size:35px;line-height:1.14}.brave-home .suite-section-heading p:not(.eyebrow){font-size:16px;line-height:1.8}.brave-home .suite-section-heading{margin-bottom:30px}.brave-home .suite-product-stage{padding:15px 13px 0;border-radius:12px}.brave-home .product-stage-label{font-size:10px}.brave-home .preview-feature-row{font-size:11px;gap:12px 19px}.brave-home .suite-workflow{grid-template-columns:1fr;gap:32px}.brave-home .suite-feature-copy h2{font-size:35px;line-height:1.16}.brave-home .suite-feature-copy>p{font-size:17px;line-height:1.8}.brave-home .suite-feature-card{border-radius:14px}.brave-home .suite-feature-grid{gap:22px}.brave-home .suite-card-copy{padding:29px 26px 0}.brave-home .suite-card-copy h3{font-size:32px}.brave-home .suite-card-copy>p{font-size:16px;line-height:1.8}.brave-home .everyday-tools{grid-template-columns:1fr;gap:19px}.brave-home .everyday-tools .intro-benefit{display:flex;gap:17px;padding:27px 25px}.brave-home .everyday-tools .benefit-icon{margin:0;flex-shrink:0}.brave-home .everyday-tools h3{font-size:22px}.brave-home .everyday-tools p{font-size:16px}.brave-home main>section.suite-final{padding:56px 0 59px}.brave-home .suite-final .container{padding-right:0}.brave-home .suite-final img{position:static;transform:none;width:52px;height:52px;margin-bottom:26px;border-radius:13px}.brave-home .suite-final h2{font-size:39px}.brave-home .suite-final p{font-size:17px;margin-top:20px}.brave-home .suite-final .suite-download{font-size:17px;min-width:230px}.brave-home .suite-final-note{line-height:1.8;font-size:12px}}
@media(max-width:360px){.brave-home .comparison-intro h1{font-size:31px}.brave-home .suite-section-heading h2,.brave-home .suite-feature-copy h2{font-size:32px}.brave-home .suite-product-stage{padding-inline:9px}.brave-home .suite-card-copy{padding-inline:23px}.brave-home .suite-card-copy h3{font-size:30px}.brave-home .everyday-tools .intro-benefit{padding:25px 22px}.brave-home .everyday-tools h3{font-size:20px}.brave-home .suite-final h2{font-size:35px}}

/* Keep the logo accents while giving every homepage surface a dark variant. */
[data-theme=dark] .brave-home{--logo-red:#ff826b;--logo-red-text:#ffad9a;--logo-red-soft:#3b2528}
[data-theme=dark] .brave-home .highlight-switch{background:var(--logo-red-soft)}
[data-theme=dark] .brave-home .highlight-switch .highlight-label,[data-theme=dark] .brave-home .highlight-switch .highlight-link{color:var(--logo-red-text)}
[data-theme=dark] .brave-home .highlight-switch .drawing-check{background:#492c2f;border-color:#875047;color:var(--logo-red)}
[data-theme=dark] .brave-home .card-passwords{background:#1b304b}
[data-theme=dark] .brave-home .suite-card-copy h3{color:var(--text-primary)}
[data-theme=dark] .brave-home .suite-card-copy>p,[data-theme=dark] .brave-home .card-files .suite-card-copy>p{color:var(--text-secondary)}
[data-theme=dark] .brave-home .suite-card-copy .text-link{color:var(--brand-text)}
[data-theme=dark] .brave-home .card-files .suite-card-copy .text-link{color:var(--logo-red-text)}
[data-theme=dark] .brave-home .password-illustration{background:#15263a;border-color:#466181;color:var(--text-primary)}
[data-theme=dark] .brave-home .illustration-title,[data-theme=dark] .brave-home .password-example small,[data-theme=dark] .brave-home .import-hint{color:var(--text-secondary)}
[data-theme=dark] .brave-home .password-example{border-color:var(--border)}
[data-theme=dark] .brave-home .password-example em{color:#7bd5ee}
[data-theme=dark] .brave-home .document-tile{background:#1c2b3b;border-color:#52677e}
[data-theme=dark] .brave-home .document-tile i{background:#3c5066}
[data-theme=dark] .brave-home .document-tile b{color:var(--text-secondary)}
[data-theme=dark] .brave-home .html-document{color:#6ddaf5}
[data-theme=dark] .brave-home .workflow-visual{background:#1b2c42}
[data-theme=dark] .brave-home .workflow-panels{border-color:var(--border-strong)}
[data-theme=dark] .brave-home .reference-panel{background:#153848;border-color:#34586c}
[data-theme=dark] .brave-home .reference-art{background:#204c5c}
[data-theme=dark] .brave-home .writing-panel{background:#192a3f;border-color:var(--border-strong)}
[data-theme=dark] .brave-home .reference-panel h3,[data-theme=dark] .brave-home .writing-panel h3{color:var(--text-primary)}
[data-theme=dark] .brave-home .reference-panel p,[data-theme=dark] .brave-home .writing-line,[data-theme=dark] .brave-home .workflow-visual-head{color:var(--text-secondary)}
[data-theme=dark] .brave-home main>section.suite-final{background:#133748;border-color:var(--comparison-ink);color:var(--text-primary)}
[data-theme=dark] .brave-home .suite-final h2{color:var(--text-primary)}
[data-theme=dark] .brave-home .suite-final p,[data-theme=dark] .brave-home .suite-final-note{color:var(--text-secondary)}