@font-face{font-display:swap;font-family:Mozilla Headline Condensed;font-style:normal;font-weight:600;src:url("/media/fonts/mozilla-headline/MozillaHeadlineCondensed-SemiBold.d729f14ffd9c.woff2") format("woff2")}@font-face{ascent-override:94.4%;descent-override:25.6%;font-family:fallback;line-gap-override:0%;size-adjust:77.44%;src:local("Georgia")}main{--condensed-title-font-family:"Mozilla Headline Condensed",fallback,X-LocaleSpecific,sans-serif;--purple-light-purple:#f1e7f8;--figma-link-purple:#6132bc;--figma-black-4:#15141a;display:grid;padding-block:16px;row-gap:16px}main *,main :after,main :before{box-sizing:border-box}main h1,main h2,main ol,main p{margin-bottom:0}main ol,main p{line-height:1.4}main .button{line-height:1}main img,main video{display:block;width:100%}.kit-banner{background:var(--gradient-radial-purple);border:none;border-radius:40px;color:var(--neutrals-white);overflow:hidden;padding:calc(var(--scale-64)*1px) calc(var(--scale-24)*1px);padding-bottom:0;position:relative}.kit-banner-container{gap:calc(var(--scale-40)*1px);margin:0 auto;max-width:1440px;padding:calc(var(--scale-40)*1px);width:100%}.kit-banner .heading,.kit-banner .subheading{color:var(--neutrals-white);margin:0}.kit-banner .heading{font-family:var(--condensed-title-font-family);font-size:4rem;font-weight:var(--font-weight-semibold);letter-spacing:-.6;line-height:.9}.kit-banner .subheading{font-size:var(--font-size-subheading-5)}.kit-banner-brand{margin:auto;max-height:50%;max-width:400px;position:relative}.kit-banner-subheading{color:var(--neutrals-white);font-size:var(--font-size-subheading-1);font-weight:var(--font-weight-semibold);line-height:1.1;margin-bottom:45px;margin-top:26px}.kit-banner-content{margin:auto;max-width:400px;text-align:center}@media(min-width:768px){.kit-banner{border-radius:128px}.kit-banner .heading{font-size:5rem}}@media(min-width:1024px){.kit-banner{padding:120px}.kit-banner .heading{font-size:8rem}.kit-banner-subheading{margin-bottom:34px;margin-top:20px}.kit-banner-content{max-width:100%;text-align:left}.kit-banner-body{max-width:43%;width:400px}.kit-banner-brand{bottom:0;max-height:90%;max-width:min(740px,60%);position:absolute;right:0}}@supports(-webkit-backdrop-filter:none){.kit-banner-still{display:block}.kit-banner-media video{display:none}}.button{background-color:var(--purple-purple);border-radius:40px;color:var(--neutrals-white);font-weight:var(--font-weight-semibold);padding:16px 24px;text-decoration:none}.button:focus,.button:hover{background-color:var(--purple-light-purple);color:var(--purple-dark-purple)}.button:active{background-color:var(--purple-dark-purple);color:var(--neutrals-white)}.c-animation-button{background-color:var(--purple-light-purple);bottom:80px;box-sizing:content-box;color:var(--figma-black-4);padding:4px;position:absolute;right:10px;z-index:1}.c-animation-button:focus,.c-animation-button:hover{background-color:var(--figma-link-purple);color:var(--neutrals-white)}.c-animation-button:active{background-color:var(--purple-dark-purple);color:var(--neutrals-white)}.c-animation-button[data-js-video-state=paused] .c-animation-button-play{display:block}.c-animation-button[data-js-video-state=paused] .c-animation-button-pause,.c-animation-button[data-js-video-state=playing] .c-animation-button-play{display:none}.c-animation-button[data-js-video-state=playing] .c-animation-button-pause{display:block}@media(min-width:1024px){.c-animation-button{bottom:30px;right:80px}}@supports(-webkit-backdrop-filter:none){.c-animation-button{display:none}}.c-card-gallery{display:flex;flex-direction:column;gap:16px;margin-inline:auto;max-width:calc(var(--widths-viewport-wrapper-screen-2xl)*1px);padding-inline:40px;width:100%}@media(min-width:1024px){.c-card-gallery{flex-direction:row}.c-card-gallery>*{flex-basis:50%}}@media(max-width:767px){.c-card-gallery{padding-inline:calc(var(--scale-24)*1px)}}.c-gallery-card{--padding:32px;align-items:start;border-radius:40px;display:grid;grid-template-columns:[full-width-start] var(--padding) [text-start] 1fr [text-end] var(--padding) [full-width-end];overflow:clip;padding-block-start:var(--padding);row-gap:70px}@media(min-width:768px){.c-gallery-card{--padding:56px;border-radius:80px}}@media(min-width:1024px){.c-gallery-card{--padding:80px;border-radius:128px}}.c-gallery-card-type-1 .c-gallery-card-media-container{border-top-left-radius:3%;grid-column:text-start/full-width-end;overflow:clip}.c-gallery-card-type-2 .c-gallery-card-media-container{grid-column:full-width}.c-gallery-card-text-container{display:grid;font-size:var(--font-size-body-medium);gap:24px;grid-column:text;justify-items:start}.c-gallery-card-text-container ol{counter-reset:custom-marker;display:grid;gap:10px;padding-left:34px}.c-gallery-card-text-container ol li{counter-increment:custom-marker;position:relative}.c-gallery-card-text-container ol li:before{align-items:center;aspect-ratio:1/1;background-color:var(--purple-purple);border-radius:50%;color:var(--neutrals-white);content:counter(custom-marker);display:inline-flex;font-size:var(--font-size-body-2xsmall);justify-content:center;margin-inline-end:10px;position:absolute;right:100%;top:0;width:24px}.c-gallery-card-text-container svg{background-color:rgba(21,20,26,.1);border-radius:2px;box-sizing:content-box;padding:4px;vertical-align:middle}.c-gallery-card-media-container{align-self:end}.c-gallery-card-heading{font-size:1.8125rem;font-weight:var(--font-weight-semibold)}.c-gallery-card-dark{--title-text-color:var(--neutrals-white);background-color:var(--purple-dark-purple);color:var(--neutrals-white)}.c-gallery-card-light{background-color:var(--purple-light-purple)}@layer flare{main{--neutrals-white:#fff;--purple-purple:#754fe0;--purple-medium-purple:#d98dfa;--purple-dark-purple:#210340;--purple-light-purple:#dcd2ff;--gradient-radial-purple:radial-gradient(74.06% 118.24% at 50% -18.24%,var(--purple-purple) 0%,var(--purple-dark-purple) 100%);--scale-16:16;--scale-24:24;--scale-40:40;--scale-48:48;--scale-64:64;--scale-80:80;--scale-128:128;--scale-200:200;--grids-spacing-interior-spacing-x1-5:12;--widths-viewport-wrapper-screen-2xl:1440;--font-size-base:16px;--font-size-subheading-1:1.5rem;--font-size-subheading-5:1rem;--font-size-body-medium:1.125rem;--font-size-body-xsmall:0.875rem;--font-size-body-2xsmall:0.75rem;--font-weight-semibold:600;--transition-base:0.2s ease}.font-semibold{font-weight:var(--font-weight-semibold)}.button{background:rgba(0,0,0,0);border:1px solid light-dark(var(--neutrals-charcoal),var(--neutrals-ash));border-radius:8px;color:light-dark(var(--neutrals-charcoal),var(--neutrals-ash));cursor:pointer;display:inline-block;font-family:var(--font-family-button);font-size:var(--font-size-base);font-weight:var(--font-weight-button);line-height:1.5;padding:16px 32px;text-align:center;text-decoration:none;transition:all var(--transition-base)}.button:focus,.button:hover{background:light-dark(var(--neutrals-charcoal),var(--neutrals-ash));border-color:light-dark(var(--neutrals-charcoal),var(--neutrals-ash));color:light-dark(var(--neutrals-white),var(--neutrals-black))}.button:active{background:light-dark(var(--neutrals-black),var(--neutrals-white));color:light-dark(var(--neutrals-ash),var(--neutrals-charcoal))}.button .icon{vertical-align:middle}.button .icon-right{margin-left:10px}.button .icon-arrow{background-color:currentColor;display:inline-block;height:16px;mask:url("/media/img/firefox/flare/icons/arrow-right.e84705133fc9.svg") no-repeat center/16px 16px;width:16px}.buttons{display:flex;flex-wrap:wrap;gap:calc(var(--grids-spacing-interior-spacing-x1-5, 12)*1px)}.icon-arrow-right{--icon-src:url("/media/img/firefox/flare/icons/arrow-right.e84705133fc9.svg")}.icon{background-color:currentColor;display:inline-block;height:1em;-webkit-mask:var(--icon-src) no-repeat center/1em 1em;mask:var(--icon-src) no-repeat center/1em 1em;vertical-align:middle;width:1em}}