.main[view=bravePasswordManager] section.intro{position:relative;padding:80px 0;background:url("/assets/images/pages/brave-password-manager/hero-img@2x.webp") no-repeat center/cover;overflow:hidden}@media(max-width: 991px){.main[view=bravePasswordManager] section.intro{padding:64px 0;background-image:url("/assets/images/pages/brave-password-manager/hero-img.webp")}}@media(max-width: 768px){.main[view=bravePasswordManager] section.intro{padding:48px 0;background-image:url("/assets/images/pages/brave-password-manager/hero-img-mobile.webp")}}@media(max-width: 414px){.main[view=bravePasswordManager] section.intro{padding:32px 0}}.main[view=bravePasswordManager] section.intro .intro-content{width:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:0}.main[view=bravePasswordManager] section.intro .intro-content h1,.main[view=bravePasswordManager] section.intro .intro-content p{display:block;color:#fff;width:960px;max-width:100%;text-align:center}.main[view=bravePasswordManager] section.keeperVS{background:#f0f0f0;padding:56px 0}@media(max-width: 1200px){.main[view=bravePasswordManager] section.keeperVS{padding:52px 0}}@media(max-width: 991px){.main[view=bravePasswordManager] section.keeperVS{padding:48px 0}}@media(max-width: 768px){.main[view=bravePasswordManager] section.keeperVS{padding:40px 0}}@media(max-width: 767px){.main[view=bravePasswordManager] section.keeperVS{background:#fff}}@media(max-width: 480px){.main[view=bravePasswordManager] section.keeperVS{padding:32px 0}}.main[view=bravePasswordManager] section.keeperVS h2{text-align:center}.main[view=bravePasswordManager] section.keeperVS .disclaimer{font-size:16px;color:#191919;text-align:center}.main[view=bravePasswordManager] section.keeperVS .sideBySideChart{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;margin:40px 0;box-shadow:0px 4px 16px rgba(0,0,0,.08);border-radius:0 0 8px 8px;overflow:hidden}@media(max-width: 767px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart{flex-flow:column nowrap;box-shadow:none;margin:0 0 40px}}.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide,.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide{background:#fff;width:50%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;text-align:left;gap:16px;padding:32px 50px;border:1px solid #d8d8d8}@media(max-width: 991px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide,.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide{padding:28px 24px}}@media(max-width: 768px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide,.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide{padding:24px 16px}}@media(max-width: 767px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide,.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide{width:100%}}.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide.firstRow,.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide.firstRow{justify-content:flex-end;padding:0;background:none;border:none}@media(max-width: 767px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide.firstRow,.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide.firstRow{display:none}}.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide h3,.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide h3{display:none}@media(max-width: 767px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide h3,.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide h3{display:block;font-size:18px}}@media(max-width: 480px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide h3,.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide h3{font-size:16px}}.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide p a,.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide p a{color:#1b74da}@media(max-width: 767px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide{border-bottom:0;border-radius:8px 8px 0 0}}.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperSide.lastRow{border-radius:0 0 0 8px}.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide.lastRow{border-radius:0 0 8px 0}@media(max-width: 767px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide{background:#f0f0f0;border-radius:0 0 8px 8px}}@media(max-width: 767px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide+.keeperSide{margin-top:30px}}@media(max-width: 480px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsSide+.keeperSide{margin-top:16px}}.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .sourceRow{width:100%;background:#f0f0f0;padding:26px 50px;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:16px;font-size:22px;font-weight:600;line-height:35px}@media(max-width: 991px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .sourceRow{padding:28px 24px}}@media(max-width: 768px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .sourceRow{padding:26px 16px}}@media(max-width: 767px){.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .sourceRow{background:#f0f0f0;margin:48px 0 0 0;border-radius:8px 8px 0 0;border:1px solid #d8d8d8;border-bottom:0;font-size:18px}}.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .sourceRow img{position:relative;top:-2px}.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .keeperTab{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;align-self:flex-end;padding:26px 0;width:100%;border-radius:8px 8px 0 0;overflow:hidden;background:#054b91}.main[view=bravePasswordManager] section.keeperVS .sideBySideChart .vsTab{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;align-self:flex-end;width:100%;color:#fff;background:#232323;padding:32px 0;border-start-end-radius:8px;overflow:hidden;font-size:24px;font-weight:600}.main[view=bravePasswordManager] section.isBPMSafe{background:#054b91;background:linear-gradient(90deg, #072841 0%, #054B91 100%);color:#fff;padding:56px 0}@media(max-width: 768px){.main[view=bravePasswordManager] section.isBPMSafe{padding:48px 0}}.main[view=bravePasswordManager] section.isBPMSafe .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}@media(max-width: 991px){.main[view=bravePasswordManager] section.isBPMSafe .container{flex-flow:column nowrap;justify-content:center;gap:24px}}.main[view=bravePasswordManager] section.isBPMSafe .container:before,.main[view=bravePasswordManager] section.isBPMSafe .container:after{display:none}.main[view=bravePasswordManager] section.isBPMSafe .container .ibsContent{width:45%}@media(max-width: 1200px){.main[view=bravePasswordManager] section.isBPMSafe .container .ibsContent{width:48%;padding-right:0}}@media(max-width: 991px){.main[view=bravePasswordManager] section.isBPMSafe .container .ibsContent{width:100%}}@media(max-width: 991px){.main[view=bravePasswordManager] section.isBPMSafe .container .ibsContent h2{text-align:center}}.main[view=bravePasswordManager] section.isBPMSafe .container .ibsContent p{margin:20px 0 0}.main[view=bravePasswordManager] section.isBPMSafe .container .ibsContent a{color:#ffc700;font-weight:500}.main[view=bravePasswordManager] section.isBPMSafe .container .ibsImage{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:50%}@media(max-width: 1200px){.main[view=bravePasswordManager] section.isBPMSafe .container .ibsImage{width:44%}}@media(max-width: 991px){.main[view=bravePasswordManager] section.isBPMSafe .container .ibsImage{width:100%;margin:0;order:2}}.main[view=bravePasswordManager] section.whyKeeper{background:#fff;padding:56px 0}@media(max-width: 768px){.main[view=bravePasswordManager] section.whyKeeper{padding:48px 0}}.main[view=bravePasswordManager] section.whyKeeper .container{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;gap:72px;height:100%}@media(max-width: 991px){.main[view=bravePasswordManager] section.whyKeeper .container{gap:24px}}.main[view=bravePasswordManager] section.whyKeeper .container:before,.main[view=bravePasswordManager] section.whyKeeper .container:after{display:none}.main[view=bravePasswordManager] section.whyKeeper .container h2{text-align:center;margin:auto}.main[view=bravePasswordManager] section.whyKeeper .container .wk1,.main[view=bravePasswordManager] section.whyKeeper .container .wk2{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;height:100%}@media(max-width: 991px){.main[view=bravePasswordManager] section.whyKeeper .container .wk1,.main[view=bravePasswordManager] section.whyKeeper .container .wk2{flex-flow:column nowrap;justify-content:flex-start;gap:24px}}.main[view=bravePasswordManager] section.whyKeeper .container .wk2{padding-bottom:56px}@media(max-width: 991px){.main[view=bravePasswordManager] section.whyKeeper .container .wk2{padding-bottom:0}}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent{width:45%}@media(max-width: 1200px){.main[view=bravePasswordManager] section.whyKeeper .container .wkContent{width:44%}}@media(max-width: 991px){.main[view=bravePasswordManager] section.whyKeeper .container .wkContent{width:100%;order:1}}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent h3,.main[view=bravePasswordManager] section.whyKeeper .container .wkContent p{padding-inline-start:48px}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent h3:before{content:"";background-repeat:no-repeat;background-size:32px;display:block;height:32px;width:32px;position:absolute;margin-inline-start:-48px}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent h3.icon-strong-security:before{background-image:url("/assets/images/pages/brave-password-manager/has-the-strongest-security.svg")}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent h3.icon-secure-sharing:before{background-image:url("/assets/images/pages/brave-password-manager/allows-secure-password-sharing.svg")}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent h3.icon-store-more:before{background-image:url("/assets/images/pages/brave-password-manager/ability-to-store-more-than-just-passwords.svg")}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent h3.icon-autofill:before{background-image:url("/assets/images/pages/brave-password-manager/autofills-your-credentials.svg")}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent h3.icon-mobile-access:before{background-image:url("/assets/images/pages/brave-password-manager/ability-to-access-your-passwords-on-mobile.svg")}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent h3.icon-logout-timer:before{background-image:url("/assets/images/pages/brave-password-manager/has-a-logout-timer.svg")}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent p{margin:0 0 16px}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent p strong{font-weight:600;color:#1b78e0}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent a{color:#1b74da;font-weight:500}.main[view=bravePasswordManager] section.whyKeeper .container .wkContent ul{padding-inline-start:32px}.main[view=bravePasswordManager] section.whyKeeper .container .wkImage{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:50%}@media(max-width: 1200px){.main[view=bravePasswordManager] section.whyKeeper .container .wkImage{width:44%}}@media(max-width: 991px){.main[view=bravePasswordManager] section.whyKeeper .container .wkImage{width:100%;max-width:100%;align-items:center;order:2}}.main[view=bravePasswordManager] section.whyKeeper .actions{text-align:center;margin-top:100px}@media(max-width: 991px){.main[view=bravePasswordManager] section.whyKeeper .actions{margin-top:64px}}@media(max-width: 768px){.main[view=bravePasswordManager] section.whyKeeper .actions{margin-top:48px}}@media(max-width: 414px){.main[view=bravePasswordManager] section.whyKeeper .actions{margin-top:32px}}.main[view=bravePasswordManager] section.whyKeeper .actions [class^=btn-]{margin-bottom:16px}.main[view=bravePasswordManager] section.whyKeeper .actions a.storeBadge{text-decoration:underline}.main[view=bravePasswordManager] section.getKeeper{background:#000;color:#fff;display:flex;flex-flow:column;gap:40px;padding:96px 0}@media(max-width: 991px){.main[view=bravePasswordManager] section.getKeeper{padding:64px 0}}@media(max-width: 768px){.main[view=bravePasswordManager] section.getKeeper{padding:48px 0}}@media(max-width: 414px){.main[view=bravePasswordManager] section.getKeeper{padding:32px 0}}.main[view=bravePasswordManager] section.getKeeper .gkContent h2{text-align:center;margin-bottom:8px}.main[view=bravePasswordManager] section.getKeeper .gkContent p{text-align:center;width:1160px;max-width:100%;margin:0 auto}.main[view=bravePasswordManager] section.getKeeper .actions{display:block;text-align:center}.main[view=bravePasswordManager] section.getKeeper .actions [class^=btn-]{margin-bottom:24px}.main[view=bravePasswordManager] section.getKeeper .actions a.storeBadge{color:#ffc700}

/*# sourceMappingURL=index.min.css.map*/