.main[view=firefoxPasswordManager] section.intro{position:relative;padding:80px 0;background:url("/assets/images/pages/firefox-password-manager/hero-img@2x.webp") no-repeat center/cover;overflow:hidden}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.intro{padding:64px 0;background-image:url("/assets/images/pages/firefox-password-manager/hero-img.webp")}}@media(max-width: 768px){.main[view=firefoxPasswordManager] section.intro{padding:48px 0;background-image:url("/assets/images/pages/firefox-password-manager/hero-img-mobile.webp")}}@media(max-width: 414px){.main[view=firefoxPasswordManager] section.intro{padding:32px 0}}.main[view=firefoxPasswordManager] section.intro .intro-content{width:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:0}.main[view=firefoxPasswordManager] section.intro .intro-content h1,.main[view=firefoxPasswordManager] section.intro .intro-content p{display:block;color:#fff;width:960px;max-width:100%;text-align:center}.main[view=firefoxPasswordManager] section.intro .intro-content .actions{text-align:center}.main[view=firefoxPasswordManager] section.intro .intro-content .actions [class^=btn-]{margin:0 auto 16px;font-size:18px}.main[view=firefoxPasswordManager] section.intro .intro-content .actions a.storeBadge{color:#ffc700}.main[view=firefoxPasswordManager] section.isFPMSecure{background:#054b91;background:linear-gradient(90deg, #072841 0%, #054B91 100%);color:#fff;padding:56px 0}@media(max-width: 768px){.main[view=firefoxPasswordManager] section.isFPMSecure{padding:48px 0}}.main[view=firefoxPasswordManager] section.isFPMSecure .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.isFPMSecure .container{flex-flow:column nowrap;justify-content:center;gap:24px}}.main[view=firefoxPasswordManager] section.isFPMSecure .container:before,.main[view=firefoxPasswordManager] section.isFPMSecure .container:after{display:none}.main[view=firefoxPasswordManager] section.isFPMSecure .container .ifsContent{width:45%}@media(max-width: 1200px){.main[view=firefoxPasswordManager] section.isFPMSecure .container .ifsContent{width:48%;padding-right:0}}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.isFPMSecure .container .ifsContent{width:100%}}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.isFPMSecure .container .ifsContent h2{text-align:center}}.main[view=firefoxPasswordManager] section.isFPMSecure .container .ifsContent p{margin:20px 0 0}.main[view=firefoxPasswordManager] section.isFPMSecure .container .ifsContent a{color:#ffc700;font-weight:500}.main[view=firefoxPasswordManager] section.isFPMSecure .container .ifsImage{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:50%}@media(max-width: 1200px){.main[view=firefoxPasswordManager] section.isFPMSecure .container .ifsImage{width:44%}}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.isFPMSecure .container .ifsImage{width:100%;margin:0;order:2}}.main[view=firefoxPasswordManager] section.streamlineFirefox{background:#fff;padding:56px 0}@media(max-width: 768px){.main[view=firefoxPasswordManager] section.streamlineFirefox{padding:48px 0}}.main[view=firefoxPasswordManager] section.streamlineFirefox .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.streamlineFirefox .container{flex-flow:column nowrap;justify-content:center;gap:24px}}.main[view=firefoxPasswordManager] section.streamlineFirefox .container:before,.main[view=firefoxPasswordManager] section.streamlineFirefox .container:after{display:none}.main[view=firefoxPasswordManager] section.streamlineFirefox .container .sfContent{width:45%}@media(max-width: 1200px){.main[view=firefoxPasswordManager] section.streamlineFirefox .container .sfContent{width:48%;padding-right:0}}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.streamlineFirefox .container .sfContent{width:100%}}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.streamlineFirefox .container .sfContent h2{text-align:center}}.main[view=firefoxPasswordManager] section.streamlineFirefox .container .sfContent p{margin:20px 0 0}.main[view=firefoxPasswordManager] section.streamlineFirefox .container .sfContent a{color:#1b74da;font-weight:500}.main[view=firefoxPasswordManager] section.streamlineFirefox .container .sfImage{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:50%}@media(max-width: 1200px){.main[view=firefoxPasswordManager] section.streamlineFirefox .container .sfImage{width:44%}}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.streamlineFirefox .container .sfImage{width:100%;margin:0;order:2}}.main[view=firefoxPasswordManager] section.howKeeperWorks{background:linear-gradient(135deg, #424242 0%, #141414 100%);color:#fff;padding:56px 0}@media(max-width: 768px){.main[view=firefoxPasswordManager] section.howKeeperWorks{padding:48px 0}}.main[view=firefoxPasswordManager] section.howKeeperWorks .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.howKeeperWorks .container{flex-flow:column nowrap;justify-content:center;gap:24px}}.main[view=firefoxPasswordManager] section.howKeeperWorks .container:before,.main[view=firefoxPasswordManager] section.howKeeperWorks .container:after{display:none}.main[view=firefoxPasswordManager] section.howKeeperWorks .container .hkContent{width:45%}@media(max-width: 1200px){.main[view=firefoxPasswordManager] section.howKeeperWorks .container .hkContent{width:48%;padding-right:0}}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.howKeeperWorks .container .hkContent{width:100%}}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.howKeeperWorks .container .hkContent h2{text-align:center}}.main[view=firefoxPasswordManager] section.howKeeperWorks .container .hkContent p{margin:20px 0 0}.main[view=firefoxPasswordManager] section.howKeeperWorks .container .hkContent a{color:#ffc700;font-weight:500}.main[view=firefoxPasswordManager] section.howKeeperWorks .container .hkImage{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:50%}@media(max-width: 1200px){.main[view=firefoxPasswordManager] section.howKeeperWorks .container .hkImage{width:44%}}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.howKeeperWorks .container .hkImage{width:100%;margin:0;order:2}}.main[view=firefoxPasswordManager] section.whyKeeper{background:#fff;padding:56px 0 0}@media(max-width: 768px){.main[view=firefoxPasswordManager] section.whyKeeper{padding:48px 0 0}}.main[view=firefoxPasswordManager] section.whyKeeper .container{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;gap:72px;height:100%;background:url("/assets/images/pages/firefox-password-manager/keeper-vault-ui@2x.webp") no-repeat bottom right/clamp(400px, 45%, 768px) auto}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.whyKeeper .container{gap:24px;background-size:90%;padding-bottom:65%}}.main[view=firefoxPasswordManager] section.whyKeeper .container:before,.main[view=firefoxPasswordManager] section.whyKeeper .container:after{display:none}.main[view=firefoxPasswordManager] section.whyKeeper .container h2{text-align:center;margin:auto}.main[view=firefoxPasswordManager] section.whyKeeper .container .wk1,.main[view=firefoxPasswordManager] 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=firefoxPasswordManager] section.whyKeeper .container .wk1,.main[view=firefoxPasswordManager] section.whyKeeper .container .wk2{flex-flow:column nowrap;justify-content:flex-start;gap:24px}}.main[view=firefoxPasswordManager] section.whyKeeper .container .wk2{padding-bottom:56px}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.whyKeeper .container .wk2{padding-bottom:0}}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent{width:45%}@media(max-width: 1200px){.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent{width:44%}}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent{width:100%;order:1}}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent h3,.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent p{padding-inline-start:48px}.main[view=firefoxPasswordManager] 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=firefoxPasswordManager] section.whyKeeper .container .wkContent h3.icon-strong-password:before{background-image:url("/assets/images/pages/firefox-password-manager/generate-and-store-strong-passwords-and-passkeys.svg")}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent h3.icon-autofill:before{background-image:url("/assets/images/pages/firefox-password-manager/autofill-your-credentials.svg")}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent h3.icon-zero-knowledge:before{background-image:url("/assets/images/pages/firefox-password-manager/ultimate-encryption-with-zero-knowledge.svg")}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent h3.icon-mfa:before{background-image:url("/assets/images/pages/firefox-password-manager/multi-factor-authentication.svg")}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent h3.icon-confidential:before{background-image:url("/assets/images/pages/firefox-password-manager/store-credit-card-numbers-and-other-confidential-records.svg")}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent h3.icon-sync:before{background-image:url("/assets/images/pages/firefox-password-manager/sync-across-devices-and-platforms.svg")}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent p{margin:0 0 16px}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent p strong{font-weight:600;color:#1b78e0}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent a{color:#1b74da;font-weight:500}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkContent ul{padding-inline-start:32px}.main[view=firefoxPasswordManager] section.whyKeeper .container .wkImage{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:50%}@media(max-width: 1200px){.main[view=firefoxPasswordManager] section.whyKeeper .container .wkImage{width:44%}}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.whyKeeper .container .wkImage{width:100%;max-width:100%;align-items:center;order:2}}.main[view=firefoxPasswordManager] section.whyKeeper .actions{text-align:center;margin-top:100px}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.whyKeeper .actions{margin-top:64px}}@media(max-width: 768px){.main[view=firefoxPasswordManager] section.whyKeeper .actions{margin-top:48px}}@media(max-width: 414px){.main[view=firefoxPasswordManager] section.whyKeeper .actions{margin-top:32px}}.main[view=firefoxPasswordManager] section.whyKeeper .actions [class^=btn-]{margin-bottom:16px}.main[view=firefoxPasswordManager] section.whyKeeper .actions a.storeBadge{text-decoration:underline}.main[view=firefoxPasswordManager] section.getKeeper{background:#000;color:#fff;display:flex;flex-flow:column;gap:40px;padding:96px 0}@media(max-width: 991px){.main[view=firefoxPasswordManager] section.getKeeper{padding:64px 0}}@media(max-width: 768px){.main[view=firefoxPasswordManager] section.getKeeper{padding:48px 0}}@media(max-width: 414px){.main[view=firefoxPasswordManager] section.getKeeper{padding:32px 0}}.main[view=firefoxPasswordManager] section.getKeeper .gkContent h2{text-align:center;margin-bottom:8px}.main[view=firefoxPasswordManager] section.getKeeper .gkContent p{text-align:center;width:1160px;max-width:100%;margin:0 auto}.main[view=firefoxPasswordManager] section.getKeeper .actions{display:block;text-align:center}.main[view=firefoxPasswordManager] section.getKeeper .actions [class^=btn-]{margin-bottom:24px}.main[view=firefoxPasswordManager] section.getKeeper .actions a.storeBadge{color:#ffc700}

/*# sourceMappingURL=firefox-password-manager.min.css.map*/