.mzp-c-hero{position:relative;text-align:center}.mzp-c-hero[class*=mzp-t-product-] .mzp-c-hero-title{background-position:top;background-repeat:no-repeat;-webkit-background-size:80px 80px;background-size:80px 80px;padding:104px 0 0}.mzp-c-hero.mzp-t-dark,.mzp-t-dark .mzp-c-hero{background-color:#000;color:#fff}.mzp-c-hero.mzp-t-dark .mzp-c-hero-desc,.mzp-t-dark .mzp-c-hero .mzp-c-hero-desc{color:#e0e0e6}.mzp-c-hero-body{margin:0 auto;max-width:432px}.mzp-c-hero-title{font-size:48px;font-size:3rem;line-height:1;margin-bottom:16px}@media(min-width:768px){.mzp-c-hero-title{font-size:56px;font-size:3.5rem;line-height:1}}.mzp-t-product-firefox .mzp-c-hero-title{background-image:url("/media/protocol/img/logos/firefox/browser/logo.eb1324e44442.svg")}.mzp-t-product-beta .mzp-c-hero-title{background-image:url("/media/protocol/img/logos/firefox/browser/beta/logo.9d84b80dbb88.svg")}.mzp-t-product-developer .mzp-c-hero-title{background-image:url("/media/protocol/img/logos/firefox/browser/developer/logo.41d42822c8fb.svg")}.mzp-t-product-nightly .mzp-c-hero-title{background-image:url("/media/protocol/img/logos/firefox/browser/nightly/logo.91c8528645bc.svg")}.mzp-t-product-focus .mzp-c-hero-title{background-image:url("/media/protocol/img/logos/firefox/browser/focus/logo.aac3e33175cb.svg")}.mzp-t-product-mozilla .mzp-c-hero-title{background-image:url("/media/protocol/img/logos/mozilla/logo.c796abe414e5.svg")}.mzp-t-product-vpn .mzp-c-hero-title{background-image:url("/media/protocol/img/logos/mozilla/vpn/logo.c648f487bfb8.svg")}.mzp-t-product-vpn.mzp-t-dark .mzp-c-hero-title{background-image:url("/media/protocol/img/logos/mozilla/vpn/logo-flat-white.7310b86a6954.svg")}.mzp-t-product-pocket .mzp-c-hero-title{background-image:url("/media/protocol/img/logos/pocket/logo.17446bc33a5d.svg")}.mzp-c-hero-desc{font-size:18px;font-size:1.125rem;line-height:1.5;margin-bottom:16px}.mzp-c-hero-tagline{font-size:28px;font-size:1.75rem;line-height:1.07}@media(min-width:768px){.mzp-c-hero-tagline{font-size:38px;font-size:2.375rem;line-height:1.05}}.mzp-c-hero-image{padding:0 24px;position:relative;z-index:2}@media(min-width:768px){.mzp-c-hero.mzp-has-image{min-height:300px;text-align:left}[dir=rtl] .mzp-c-hero.mzp-has-image{text-align:right}.mzp-c-hero.mzp-has-image .mzp-c-hero-body{margin-left:0;margin-right:calc(50% + 32px);width:calc(50% - 32px)}[dir=rtl] .mzp-c-hero.mzp-has-image .mzp-c-hero-body{margin-left:calc(50% + 32px);margin-right:0}.mzp-c-hero.mzp-has-image .mzp-c-hero-cta{clear:both;float:left}[dir=rtl] .mzp-c-hero.mzp-has-image .mzp-c-hero-cta{float:right}.mzp-c-hero.mzp-has-image[class*=mzp-t-product-] .mzp-c-hero-title{padding-top:128px}.mzp-c-hero.mzp-has-image[class*=mzp-t-product-] .mzp-c-hero-title{background-position:0 0}[dir=rtl] .mzp-c-hero.mzp-has-image[class*=mzp-t-product-] .mzp-c-hero-title{background-position:100% 0}.mzp-c-hero.mzp-has-image.mzp-l-reverse .mzp-c-hero-body{margin-left:calc(50% + 32px);margin-right:0}[dir=rtl] .mzp-c-hero.mzp-has-image.mzp-l-reverse .mzp-c-hero-body{margin-left:0;margin-right:calc(50% + 32px)}.mzp-c-hero.mzp-has-image.mzp-l-reverse .mzp-c-hero-image{left:auto;right:50%}[dir=rtl] .mzp-c-hero.mzp-has-image.mzp-l-reverse .mzp-c-hero-image{left:50%;right:auto}.mzp-c-hero.mzp-has-image.mzp-l-reverse .mzp-c-hero-image img{left:auto;right:0}[dir=rtl] .mzp-c-hero.mzp-has-image.mzp-l-reverse .mzp-c-hero-image img{left:0;right:auto}.mzp-c-hero-image{height:calc(100% - 64px);left:50%;overflow:hidden;padding:0;position:absolute;right:auto;top:32px;width:50%;z-index:2}[dir=rtl] .mzp-c-hero-image{left:auto;right:50%}.mzp-c-hero-image img{bottom:0;left:0;max-height:100%;max-width:none;position:absolute;right:auto;width:auto}[dir=rtl] .mzp-c-hero-image img{left:auto;right:0}}@media(min-width:1024px){.mzp-c-hero.mzp-has-image .mzp-c-hero-body{margin-left:0;margin-right:calc(50% + 48px);width:calc(50% - 48px)}.mzp-c-hero.mzp-has-image.mzp-l-reverse .mzp-c-hero-body,[dir=rtl] .mzp-c-hero.mzp-has-image .mzp-c-hero-body{margin-left:calc(50% + 48px);margin-right:0}[dir=rtl] .mzp-c-hero.mzp-has-image.mzp-l-reverse .mzp-c-hero-body{margin-left:0;margin-right:calc(50% + 48px)}.mzp-c-hero-body{max-width:580px}.mzp-c-hero-title{margin-bottom:32px}.mzp-c-hero-desc{margin-bottom:48px}.mzp-c-hero-image{height:calc(100% - 96px);top:48px}}.mzp-c-notification-bar{zoom:1;background-color:#ededf0;border:1px;border-radius:4px;box-shadow:0 16px 24px 2px rgba(29,17,51,.04),0 6px 32px 4px rgba(9,32,77,.12),0 8px 12px -5px rgba(29,17,51,.12);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#20123a;font-size:14px;font-size:.875rem;font-weight:400;line-height:1.5;margin:24px 16px 0;padding:16px 48px;position:relative;text-align:center}.mzp-c-notification-bar:after{clear:both;content:"";display:block;height:0;visibility:hidden}@media(min-width:480px){.mzp-c-notification-bar{margin:24px auto 0;max-width:688px}}.mzp-c-notification-bar p{display:inline-block;margin:0 auto}.mzp-c-notification-bar a:link,.mzp-c-notification-bar a:visited{color:inherit;display:inline-block;font-size:inherit;font-weight:700;margin:0 8px}.mzp-c-notification-bar a:link:active,.mzp-c-notification-bar a:link:focus,.mzp-c-notification-bar a:link:hover,.mzp-c-notification-bar a:visited:active,.mzp-c-notification-bar a:visited:focus,.mzp-c-notification-bar a:visited:hover{color:inherit;text-decoration:none}.mzp-c-notification-bar.mzp-is-sticky{left:16px;margin:16px 0;position:fixed;right:16px;z-index:2}@media(min-width:480px){.mzp-c-notification-bar.mzp-is-sticky{margin:16px auto}}.mzp-c-notification-bar .mzp-c-notification-bar-button{background:url("/media/protocol/img/icons/close.73e5756fc7ce.svg") 50%/20px 20px no-repeat;border:0;direction:ltr;height:20px;left:auto;margin:8px;overflow:hidden;padding:0;position:absolute;right:0;text-align:left;text-indent:-9999px;top:0;white-space:nowrap;width:20px}[dir=rtl] .mzp-c-notification-bar .mzp-c-notification-bar-button{left:0;right:auto}.mzp-c-notification-bar .mzp-c-notification-bar-button:hover{cursor:pointer}.mzp-c-notification-bar .mzp-c-notification-bar-button:focus{border:1px solid}@media(min-width:480px){.mzp-c-notification-bar .mzp-c-notification-bar-button{background-color:#b1b1bc;border-radius:0 4px 4px 0;float:right;height:100%;margin:0;padding:0;width:40px}[dir=rtl] .mzp-c-notification-bar .mzp-c-notification-bar-button{border-radius:4px 0 0 4px;float:left}.mzp-c-notification-bar .mzp-c-notification-bar-button:focus,.mzp-c-notification-bar .mzp-c-notification-bar-button:hover{background-color:#9595a2;border:0}}.mzp-c-notification-bar.mzp-t-success{background-color:#88ffd1}@media(min-width:480px){.mzp-c-notification-bar.mzp-t-success .mzp-c-notification-bar-button{background-color:#2ac3a2}.mzp-c-notification-bar.mzp-t-success .mzp-c-notification-bar-button:focus,.mzp-c-notification-bar.mzp-t-success .mzp-c-notification-bar-button:hover{background-color:#008787}}.mzp-c-notification-bar.mzp-t-error{background-color:#ff6a75}@media(min-width:480px){.mzp-c-notification-bar.mzp-t-error .mzp-c-notification-bar-button{background-color:#e22850}.mzp-c-notification-bar.mzp-t-error .mzp-c-notification-bar-button:focus,.mzp-c-notification-bar.mzp-t-error .mzp-c-notification-bar-button:hover{background-color:#c50042}}.mzp-c-notification-bar.mzp-t-warning{background-color:#ffea80}@media(min-width:480px){.mzp-c-notification-bar.mzp-t-warning .mzp-c-notification-bar-button{background-color:#ffbd4f}.mzp-c-notification-bar.mzp-t-warning .mzp-c-notification-bar-button:focus,.mzp-c-notification-bar.mzp-t-warning .mzp-c-notification-bar-button:hover{background-color:#ffa436}}.mzp-c-notification-bar.mzp-t-click{background-color:#0060df;color:#fff;font-weight:600}.mzp-c-notification-bar.mzp-t-click .mzp-c-notification-bar-button{background-image:url("/media/protocol/img/icons/close-white.8557d2773e57.svg")}@media(min-width:480px){.mzp-c-notification-bar.mzp-t-click .mzp-c-notification-bar-button{background-color:#054096}.mzp-c-notification-bar.mzp-t-click .mzp-c-notification-bar-button:focus,.mzp-c-notification-bar.mzp-t-click .mzp-c-notification-bar-button:hover{background-color:#073072}}.mzp-c-notification-bar a:link{margin:0}.mzp-c-hero .mzp-c-hero-title{background-image:url("/media/protocol/img/logos/firefox/browser/logo-word-hor.7ff44b5b4194.svg");background-position:top;background-repeat:no-repeat;-webkit-background-size:260px,48px;background-size:260px,48px;padding-top:96px}.mzp-c-hero .mzp-c-hero-title h1{font-size:inherit}.mzp-c-hero .mzp-c-hero-image img{bottom:auto;box-shadow:0 8px 12px 1px rgba(29,17,51,.04),0 3px 16px 2px rgba(9,32,77,.12),0 5px 10px -3px rgba(29,17,51,.12);top:0}.mzp-c-hero .c-intro-download .mzp-c-button-download-container,.mzp-c-hero .small-links{margin-bottom:0}.mzp-c-hero .small-links li{margin-top:16px}.mzp-c-hero .small-links a:link,.mzp-c-hero .small-links a:visited{color:#42414d;font-size:12px;font-size:.75rem;line-height:1.5;text-decoration:none}.mzp-c-hero .small-links a:active,.mzp-c-hero .small-links a:focus,.mzp-c-hero .small-links a:hover{text-decoration:underline}@media(min-width:768px){.mzp-c-hero.mzp-has-image .mzp-c-hero-title{background-position:0 0}[dir=rtl] .mzp-c-hero.mzp-has-image .mzp-c-hero-title{background-position:100% 0}.mzp-c-hero .c-intro-download .mzp-c-button-download-container{text-align:left}[dir=rtl] .mzp-c-hero .c-intro-download .mzp-c-button-download-container{text-align:right}}@media(min-width:1024px){.mzp-c-hero{background-position:top right -480px}[dir=rtl] .mzp-c-hero{background-position:top left -480px}}@media(min-width:1312px){.mzp-c-hero{background-position:top right -260px}[dir=rtl] .mzp-c-hero{background-position:top left -260px}}