.main[view=safariPasswordManager] .intro{position:relative;padding:80px 0;background:#000 url("/assets/images/pages/safari-password-manager/hero@2x.webp") no-repeat center/cover;overflow:hidden}@media(max-width: 1920px){.main[view=safariPasswordManager] .intro{padding:72px 0;background-image:url("/assets/images/pages/safari-password-manager/hero.webp")}}@media(max-width: 991px){.main[view=safariPasswordManager] .intro{padding:64px 0}}@media(max-width: 768px){.main[view=safariPasswordManager] .intro{padding:56px 0;background-image:url("/assets/images/pages/safari-password-manager/hero-mobile@2x.webp")}}@media(max-width: 480px){.main[view=safariPasswordManager] .intro{background-image:url("/assets/images/pages/safari-password-manager/hero-mobile.webp")}}.main[view=safariPasswordManager] .intro .intro-content{width:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:0}.main[view=safariPasswordManager] .intro .intro-content h1,.main[view=safariPasswordManager] .intro .intro-content p{display:block;color:#fff;width:960px;max-width:100%;text-align:center}@media(max-width: 768px){.main[view=safariPasswordManager] .intro .intro-content h1,.main[view=safariPasswordManager] .intro .intro-content p{width:600px;max-width:100%}}.main[view=safariPasswordManager] .intro .intro-content p{margin:16px 0}.main[view=safariPasswordManager] section.safariMoreSecure{background:linear-gradient(45deg, #072841 0%, #054b91 100%);padding:56px 0}@media(max-width: 991px){.main[view=safariPasswordManager] section.safariMoreSecure{padding:48px 0}}@media(max-width: 768px){.main[view=safariPasswordManager] section.safariMoreSecure{padding:32px 0}}@media(max-width: 414px){.main[view=safariPasswordManager] section.safariMoreSecure{padding:24px 0}}.main[view=safariPasswordManager] section.safariMoreSecure .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}@media(max-width: 991px){.main[view=safariPasswordManager] section.safariMoreSecure .container{flex-flow:column nowrap;justify-content:center}}.main[view=safariPasswordManager] section.safariMoreSecure .container:before,.main[view=safariPasswordManager] section.safariMoreSecure .container:after{display:none}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent{width:45%;max-width:650px}@media(max-width: 1200px){.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent{width:48%;padding-inline-end:0}}@media(max-width: 991px){.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent{width:100%}}@media(max-width: 768px){.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent{width:600px;max-width:100%}}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent h2{color:#fff;margin-bottom:12px}@media(max-width: 991px){.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent h2{text-align:center;margin-bottom:10px}}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent p{color:#fff;font-size:20px;margin:20px 0}@media(max-width: 991px){.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent p{text-align:center;font-size:18px}}@media(max-width: 480px){.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent p{font-size:16px}}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent p a{color:#ffc700}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent ul{color:#fff}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent ul li:not(:last-child){margin-bottom:16px}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent ul li{padding-inline-start:48px}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent ul li.shieldLock{background:url("/assets/images/pages/safari-password-manager/icon-shield-lock.svg") no-repeat var(--inline-start) 4px/32px}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent ul li.autofill{background:url("/assets/images/pages/safari-password-manager/icon-autofill.svg") no-repeat var(--inline-start) 4px/32px}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent ul li.newPassword{background:url("/assets/images/pages/safari-password-manager/icon-password-new.svg") no-repeat var(--inline-start) 4px/32px}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent ul li.vault{background:url("/assets/images/pages/safari-password-manager/icon-vault.svg") no-repeat var(--inline-start) 4px/32px}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent ul li.folderShared{background:url("/assets/images/pages/safari-password-manager/icon-folder-shared.svg") no-repeat var(--inline-start) 4px/32px}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedContent ul li a{color:#ffc700}.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedImage{width:45%}@media(max-width: 1920px){.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedImage{width:48%}}@media(max-width: 991px){.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedImage{margin-top:40px}}@media(max-width: 768px){.main[view=safariPasswordManager] section.safariMoreSecure .container .doIReallyNeedImage{width:580px;max-width:100%;order:2}}.main[view=safariPasswordManager] .howDoesIt{background:#fff;padding:98px 0;transition:all .3s ease}@media(max-width: 991px){.main[view=safariPasswordManager] .howDoesIt{padding:64px 0;height:auto}}@media(max-width: 768px){.main[view=safariPasswordManager] .howDoesIt{height:auto;padding:48px 0}}@media(max-width: 414px){.main[view=safariPasswordManager] .howDoesIt{padding:32px 0}}.main[view=safariPasswordManager] .howDoesIt .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;height:100%}@media(max-width: 991px){.main[view=safariPasswordManager] .howDoesIt .container{height:auto;flex-flow:column nowrap;justify-content:flex-start}}.main[view=safariPasswordManager] .howDoesIt .container:before,.main[view=safariPasswordManager] .howDoesIt .container:after{display:none}.main[view=safariPasswordManager] .howDoesIt .container .hdiContent{width:640px;max-width:48%}@media(max-width: 1200px){.main[view=safariPasswordManager] .howDoesIt .container .hdiContent{max-width:44%}}@media(max-width: 991px){.main[view=safariPasswordManager] .howDoesIt .container .hdiContent{max-width:100%;width:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;order:1}}@media(max-width: 768px){.main[view=safariPasswordManager] .howDoesIt .container .hdiContent{width:600px;max-width:100%}}.main[view=safariPasswordManager] .howDoesIt .container .hdiContent h2{color:#000}@media(max-width: 991px){.main[view=safariPasswordManager] .howDoesIt .container .hdiContent h2{text-align:center}}@media(max-width: 768px){.main[view=safariPasswordManager] .howDoesIt .container .hdiContent h2{text-align:center;margin-bottom:10px}}.main[view=safariPasswordManager] .howDoesIt .container .hdiContent p{margin:20px 0}.main[view=safariPasswordManager] .howDoesIt .container .hdiContent p a{font-weight:600;color:#1b78e0}.main[view=safariPasswordManager] .howDoesIt .container .hdiContent .list-arrows-yellow li{margin-bottom:16px}.main[view=safariPasswordManager] .howDoesIt .container .hdiImage{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;width:50%}@media(max-width: 1200px){.main[view=safariPasswordManager] .howDoesIt .container .hdiImage{width:44%}}@media(max-width: 991px){.main[view=safariPasswordManager] .howDoesIt .container .hdiImage{order:2}}@media(max-width: 768px){.main[view=safariPasswordManager] .howDoesIt .container .hdiImage{width:580px;max-width:100%}}.main[view=safariPasswordManager] .whatMakesKeeperBetter{background:#d8d8d8;padding:56px 0}@media(max-width: 1200px){.main[view=safariPasswordManager] .whatMakesKeeperBetter{padding:52px 0}}@media(max-width: 991px){.main[view=safariPasswordManager] .whatMakesKeeperBetter{padding:48px 0}}.main[view=safariPasswordManager] .whatMakesKeeperBetter h2{text-align:center;margin-bottom:24px}.main[view=safariPasswordManager] .whatMakesKeeperBetter p{text-align:center}.main[view=safariPasswordManager] .whatMakesKeeperBetter .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=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart{flex-flow:column nowrap;box-shadow:none;margin:0 0 40px;overflow:visible}}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide{width:50%;background:#fff;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=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide{padding:28px 24px}}@media(max-width: 768px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide{padding:24px 16px}}@media(max-width: 767px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide{width:100%;border:none;display:none}}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide.firstRow,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide.firstRow{justify-content:flex-end;padding:0;border:none;background:none}@media(max-width: 767px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide.firstRow,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide.firstRow{display:none}}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide h3,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide h3{font-size:20px;display:none}@media(max-width: 767px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide h3,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide h3{display:block}}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide p,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide p{text-align:left}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide p a,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide p a{color:#1b74da}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide ul,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide ul{font-size:20px;font-weight:300;margin-inline-start:32px}@media(max-width: 768px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide ul,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide ul{font-size:18px}}@media(max-width: 480px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide ul,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide ul{font-size:16px}}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide ul li,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide ul li{margin:12px 0}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide ul li a,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide ul li a{color:#1b74da}@media(max-width: 767px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide{border-bottom:0}}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide.lastRow{border-radius:0 0 0 8px}@media(max-width: 767px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .keeperSide.lastRow{border-radius:0}}@media(max-width: 767px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide{border-radius:0 0 8px 8px !important;overflow:hidden}}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide.lastRow{border-radius:0 0 8px 0}@media(max-width: 767px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychainSide{background:#f0f0f0;border-radius:0;position:relative}}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .sourceRow{width:100%;background:#f0f0f0;padding:26px 50px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:16px;font-size:22px;font-weight:600;line-height:35px;text-align:center}@media(max-width: 991px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .sourceRow{padding:28px 24px}}@media(max-width: 768px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .sourceRow{padding:26px 16px}}@media(max-width: 767px){.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .sourceRow{background:#000;color:#fff;margin:48px 0 0 0;border-radius:8px;border:1px solid #d8d8d8;border-bottom:0;font-size:18px;text-align:left;justify-content:flex-start;position:relative}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .sourceRow:after{content:"";display:block;width:24px;height:24px;background:url("/assets/icons/plus-yellow.svg") no-repeat center/contain;position:absolute;right:16px;top:50%;margin-top:-12px}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .sourceRow.open:after{background-image:url("/assets/icons/x-yellow.svg")}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .sourceRow.open+.keeperSide,.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .sourceRow.open+.keeperSide+.iCloudKeychainSide{display:flex !important}}.main[view=safariPasswordManager] .whatMakesKeeperBetter .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:linear-gradient(to bottom, #1b78e0 0%, #004899 100%)}.main[view=safariPasswordManager] .whatMakesKeeperBetter .sideBySideChart .iCloudKeychain{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=safariPasswordManager] section.whyUseKeeperPM{background:linear-gradient(135deg, #004899 0%, #072841 100%);padding:56px 0}@media(max-width: 991px){.main[view=safariPasswordManager] section.whyUseKeeperPM{padding:48px 0}}@media(max-width: 768px){.main[view=safariPasswordManager] section.whyUseKeeperPM{padding:32px 0}}@media(max-width: 414px){.main[view=safariPasswordManager] section.whyUseKeeperPM{padding:24px 0}}.main[view=safariPasswordManager] section.whyUseKeeperPM .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}@media(max-width: 991px){.main[view=safariPasswordManager] section.whyUseKeeperPM .container{flex-flow:column nowrap;justify-content:center}}.main[view=safariPasswordManager] section.whyUseKeeperPM .container:before,.main[view=safariPasswordManager] section.whyUseKeeperPM .container:after{display:none}.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent{width:45%;max-width:650px}@media(max-width: 1200px){.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent{width:48%;padding-inline-end:0}}@media(max-width: 991px){.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent{width:100%}}@media(max-width: 768px){.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent{width:600px;max-width:100%}}.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent h2{color:#fff;margin-bottom:12px}@media(max-width: 991px){.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent h2{text-align:center;margin-bottom:10px}}.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent p{color:#fff;font-size:20px;margin:20px 0}@media(max-width: 991px){.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent p{text-align:center}}@media(max-width: 768px){.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent p{font-size:18px}}@media(max-width: 480px){.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent p{font-size:16px}}.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent p a{color:#ffc700}.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent ul{color:#fff}.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent ul li:not(:last-child){margin-bottom:16px}.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedContent ul li a{color:#ffc700}.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedImage{width:45%}@media(max-width: 1920px){.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedImage{width:48%}}@media(max-width: 991px){.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedImage{margin-top:40px}}@media(max-width: 768px){.main[view=safariPasswordManager] section.whyUseKeeperPM .container .doIReallyNeedImage{width:580px;max-width:100%;order:2}}.main[view=safariPasswordManager] .getStartedWithKeeper{padding:56px 0;color:#fff;background:linear-gradient(135deg, #424242 0%, #141414 100%)}@media(max-width: 991px){.main[view=safariPasswordManager] .getStartedWithKeeper{padding:52px 0}}@media(max-width: 768px){.main[view=safariPasswordManager] .getStartedWithKeeper{padding:48px 0}}.main[view=safariPasswordManager] .getStartedWithKeeper h2{color:#fff;text-align:center}.main[view=safariPasswordManager] .getStartedWithKeeper p{text-align:center;max-width:100%;margin:0 auto}.main[view=safariPasswordManager] .getStartedWithKeeper .gskContent{display:flex;flex-flow:row nowrap;justify-content:center;padding:56px 0}@media(max-width: 768px){.main[view=safariPasswordManager] .getStartedWithKeeper .gskContent{flex-flow:column nowrap}}.main[view=safariPasswordManager] .getStartedWithKeeper .actions{display:block;text-align:center;margin-top:40px}

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