.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}}.c-sub-navigation{background:#f9f9fa;box-shadow:inset 0 10px 2px -10px rgba(29,17,51,.04),inset 0 10px 4px -10px rgba(9,32,77,.12),inset 0 10px 3px -10px rgba(29,17,51,.12)}.c-sub-navigation .mzp-l-content{padding-bottom:16px;padding-top:0}.c-sub-navigation .c-sub-navigation-content{padding-top:16px}.c-sub-navigation .c-sub-navigation-icon{float:left;height:24px;margin-right:8px;vertical-align:middle;width:24px}[dir=rtl] .c-sub-navigation .c-sub-navigation-icon{float:right;margin-left:8px;margin-right:8px}.c-sub-navigation .c-sub-navigation-title{font-family:Inter,X-LocaleSpecific,sans-serif;font-size:16px;font-size:1rem;font-weight:700;line-height:1.5}.c-sub-navigation .c-sub-navigation-title a:link,.c-sub-navigation .c-sub-navigation-title a:visited{color:#000;text-decoration:none}.c-sub-navigation .c-sub-navigation-title a:active,.c-sub-navigation .c-sub-navigation-title a:focus,.c-sub-navigation .c-sub-navigation-title a:hover{text-decoration:underline}.c-sub-navigation .c-sub-navigation-title button{background-color:rgba(0,0,0,0);border:0;color:inherit;font-size:16px;font-size:1rem;font-weight:700;line-height:1.5;margin-bottom:0;padding:0;position:relative;text-align:left;width:100%}[dir=rtl] .c-sub-navigation .c-sub-navigation-title button{text-align:right}.c-sub-navigation .c-sub-navigation-title.is-summary{margin:0;padding:0}.c-sub-navigation .c-sub-navigation-title.is-summary button:focus{outline:1px dotted #000}.c-sub-navigation .c-sub-navigation-title.is-summary button:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%239595a3' stroke-width='2' d='m5 9 7 7 7-7' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0 no-repeat;-webkit-background-size:24px,24px;background-size:24px,24px;content:"";height:24px;margin-top:-12px;position:absolute;top:50%;-webkit-transition:transform .1s ease-in-out;transition:transform .1s ease-in-out;width:24px}.c-sub-navigation .c-sub-navigation-title.is-summary button:before{right:4px}[dir=rtl] .c-sub-navigation .c-sub-navigation-title.is-summary button:before{left:4px;right:auto}.c-sub-navigation .c-sub-navigation-title.is-summary button[aria-expanded=true]:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c-sub-navigation .c-sub-navigation-list{margin:0}.c-sub-navigation .c-sub-navigation-list.is-closed{display:none}.no-js .c-sub-navigation .c-sub-navigation-list.is-closed{display:block}@media(min-width:768px){.c-sub-navigation .c-sub-navigation-list.is-closed{display:block}}.c-sub-navigation .c-sub-navigation-list.mzp-js-details-wrapper{margin-top:8px}.c-sub-navigation .c-sub-navigation-item{padding:4px 0}.c-sub-navigation .c-sub-navigation-item a:link,.c-sub-navigation .c-sub-navigation-item a:visited{color:#000;font-family:Inter,X-LocaleSpecific,sans-serif;font-size:14px;font-size:.875rem;line-height:1.5;text-decoration:none}.c-sub-navigation .c-sub-navigation-item a:link:active,.c-sub-navigation .c-sub-navigation-item a:link:focus,.c-sub-navigation .c-sub-navigation-item a:link:hover,.c-sub-navigation .c-sub-navigation-item a:visited:active,.c-sub-navigation .c-sub-navigation-item a:visited:focus,.c-sub-navigation .c-sub-navigation-item a:visited:hover{text-decoration:underline}.c-sub-navigation .c-sub-navigation-item a[aria-current=page]{font-weight:700}@media(min-width:768px){.c-sub-navigation{zoom:1}.c-sub-navigation:after{clear:both;content:"";display:block;height:0;visibility:hidden}.c-sub-navigation .c-sub-navigation-title{float:left;margin-bottom:0;margin-right:16px}[dir=rtl] .c-sub-navigation .c-sub-navigation-title{float:right;margin-left:16px;margin-right:0}.c-sub-navigation .c-sub-navigation-list{float:right;margin-right:-8px}[dir=rtl] .c-sub-navigation .c-sub-navigation-list{float:left;margin-left:-8px;margin-right:0}.c-sub-navigation .c-sub-navigation-list.mzp-js-details-wrapper{margin-top:0}.c-sub-navigation .c-sub-navigation-item{display:inline-block;padding:0 8px}}#beta .mzp-l-content,#developer .mzp-l-content,#nightly .mzp-l-content,#testflight .mzp-l-content{max-width:928px}.mzp-c-hero{background-color:#ededf0}.mzp-c-hero .mzp-c-hero-desc{margin:0}.mzp-c-call-out-compact{background:rgba(0,0,0,0)}@media(min-width:768px){.mzp-c-call-out-compact.mzp-t-product-beta .mzp-c-call-out-content,.mzp-c-call-out-compact.mzp-t-product-developer .mzp-c-call-out-content,.mzp-c-call-out-compact.mzp-t-product-firefox .mzp-c-call-out-content,.mzp-c-call-out-compact.mzp-t-product-focus .mzp-c-call-out-content,.mzp-c-call-out-compact.mzp-t-product-nightly .mzp-c-call-out-content{-webkit-background-size:96px 96px;background-size:96px 96px;padding:0 0 0 192px}[dir=rtl] .mzp-c-call-out-compact.mzp-t-product-beta .mzp-c-call-out-content,[dir=rtl] .mzp-c-call-out-compact.mzp-t-product-developer .mzp-c-call-out-content,[dir=rtl] .mzp-c-call-out-compact.mzp-t-product-firefox .mzp-c-call-out-content,[dir=rtl] .mzp-c-call-out-compact.mzp-t-product-focus .mzp-c-call-out-content,[dir=rtl] .mzp-c-call-out-compact.mzp-t-product-nightly .mzp-c-call-out-content{padding:0 192px 0 0}}.l-notes{font-size:14px;font-size:.875rem;line-height:1.5;max-width:1024px}.l-notes.mzp-l-content{padding-top:0}.l-notes ul li,.learn-more{font-size:16px;font-size:1rem;line-height:1.5}.learn-more{display:block;margin-top:16px;text-align:center}.t-newsletter{padding:48px 24px}.t-newsletter .mzp-l-content{background:#fff;border-radius:8px;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);max-width:432px;min-width:0;padding-bottom:48px;padding-top:48px}.t-newsletter .mzp-c-newsletter-content{margin-bottom:0}.t-newsletter .mzp-c-newsletter-form{font-size:14px;font-size:.875rem;padding-top:0}.t-newsletter .mzp-c-newsletter-form input[type=email],.t-newsletter .mzp-c-newsletter-form select{min-width:0}.t-newsletter .mzp-c-newsletter-form label[for=id_email]{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px}.t-newsletter .mzp-c-newsletter-form legend{font-size:14px;font-size:.875rem}.t-newsletter .mzp-c-newsletter-title{font-size:24px;font-size:1.5rem;margin-bottom:16px}.t-newsletter .mzp-c-newsletter-tagline{margin-bottom:32px}.t-newsletter .mzp-c-newsletter-tagline br{display:none}.t-newsletter .mzp-c-newsletter-details{text-align:left}.t-newsletter .mzp-c-form-submit{margin-bottom:0}.t-newsletter .mzp-c-fieldnote{margin-top:4px}.t-newsletter .mzp-c-newsletter-thanks{padding-top:0}.t-newsletter .mzp-c-newsletter-thanks h3{font-size:24px;font-size:1.5rem}.t-newsletter .mzp-c-newsletter-thanks p{margin-bottom:0}@media(min-width:768px){.t-newsletter{padding:48px}.t-newsletter .mzp-l-content{max-width:1152px}.t-newsletter .mzp-c-newsletter-form{grid-column-gap:48px;display:grid;grid-template-columns:auto 304px}.t-newsletter .mzp-c-button,.t-newsletter .mzp-c-newsletter-tagline{margin-bottom:0}}@media(min-width:1024px){.t-newsletter .mzp-l-content{padding-left:48px;padding-right:48px}.t-newsletter .mzp-c-newsletter-form{grid-column-gap:64px;background:url("/media/img/firefox/developer/mail.fdf0567fa7b3.svg") 0 0 no-repeat;padding-left:132px}}