.p-grid>.x-main{background:url(/images/header-bg-gradient.svg) no-repeat 50% 0% / 100% auto,url(/images/header-bg-noise.svg) no-repeat 50% 0% / 100% auto,url(/images/header-bg.webp) no-repeat 50% 0% / 100% auto,url(/images/footer-bg-gradient.svg) no-repeat 50% 100% / 100% auto,url(/images/footer-bg-noise.svg) no-repeat 50% 100% / 100% auto,url(/images/footer-bg.webp) no-repeat 50% 100% / 100% auto}.p-grid>.x-main>main{display:flex;align-items:center;box-sizing:border-box;flex-flow:column;gap:max(14 * var(--step));padding-block:max(4 * var(--step)) max(18 * var(--step));padding-inline:max(max(4 * var(--step)),50% - max(190 * var(--step)))}@media (width > 1024px){.p-grid>.x-main>main{inline-size:max-content;margin-inline:auto;max-inline-size:calc(100vw - max(82 * var(--step)))}}.p-version{align-self:end;font-size:max(14 * var(--rpx));line-height:calc(20 / 14)}.p-banner{display:flex;align-items:center;flex-flow:column;inline-size:min(100% - max(4 * var(--step)),max(154 * var(--step)))}.p-banner .x-heading-group{display:contents}.p-banner .x-heading-image{display:inline-block;block-size:auto;inline-size:min(100%,max(72.5 * var(--step)))}.p-banner .x-subheading{margin-block-start:max(4 * var(--step));font-size:max(20 * var(--rpx));font-weight:700;line-height:max(22 / 20)}.p-banner .x-content{margin-block-start:max(6.5 * var(--step));font-size:max(18 * var(--rpx));line-height:max(24 / 18);text-shadow:var(--text-shadow-color) 0 max(1 * var(--text-shadow-spread)) var(--text-shadow-blur),var(--text-shadow-color) 0 max(-1 * var(--text-shadow-spread)) var(--text-shadow-blur),var(--text-shadow-color) max(1 * var(--text-shadow-spread)) 0 var(--text-shadow-blur),var(--text-shadow-color) max(-1 * var(--text-shadow-spread)) 0 var(--text-shadow-blur);--text-shadow-spread: 4px;--text-shadow-blur: 6px;--text-shadow-color: hsl(0 0% 0% / max(100% / 3))}.p-product-banner{display:flex;inline-size:min(100%,max(380 * var(--step)));background-color:var(--SurfaceHeaderColor);border-radius:max(6 * var(--rpx));color:var(--PrimaryColor)}@media (width < 1200px){.p-product-banner{flex-flow:column-reverse;gap:max(5 * var(--step))}}@media (width >= 1200px){.p-product-banner{gap:max(8 * var(--step))}}@media (width < 1520px){.p-product-banner{padding-block:max(5 * var(--step));padding-inline:max(5 * var(--step))}}@media (width >= 1520px){.p-product-banner{gap:max(20 * var(--step));padding-block:max(9 * var(--step));padding-inline:max(17 * var(--step))}}.p-product-banner .x-card{display:flex;flex-basis:100%;flex-flow:column;padding-block:var(--padding-block);padding-inline:var(--padding-inline);position:relative}.p-product-banner .x-card img{inline-size:100%}.p-product-banner .x-card:nth-child(2) .x-card_heading{margin-block-end:calc(max(4 * var(--step)) + 2px);padding-block:max(4 * var(--step));padding-inline:max(10 * var(--step));background-color:var(--AstroOrangeColor);color:var(--Black000Color)}.p-product-banner .x-card:nth-child(2) .x-card_content{display:flex;align-items:center;block-size:100%;flex-direction:column;justify-content:center;padding-block:max(5 * var(--step));padding-inline:max(10 * var(--step));background-color:var(--BrightBlue900Color)}.p-product-banner .x-card:nth-child(2) .x-card_content *{margin-block:max(2 * var(--step))}.p-product-banner .x-card:nth-child(2) .x-card_content .x-card_sub-title{display:flex;gap:.75rem;margin-bottom:2rem}.p-product-banner .x-card:nth-child(2) .x-card_content .x-card_sub-title>*{margin-block:0}@media (width < 700px){.p-product-banner .x-card:nth-child(2) .x-card_content .x-card_sub-title{flex-direction:column}}@media (width >= 700px) and (width < 1200px){.p-product-banner .x-card:nth-child(2) .x-card_content .x-card_sub-title{flex-direction:row}}@media (width >= 1200px) and (width < 1520px){.p-product-banner .x-card:nth-child(2) .x-card_content .x-card_sub-title{flex-direction:column}}@media (width >= 1520px){.p-product-banner .x-card:nth-child(2) .x-card_content .x-card_sub-title{flex-direction:row}}.p-product-banner .x-card:last-child{display:flex;align-items:center;justify-content:center}@media (width < 1200px){.p-product-banner .x-card:last-child{display:none}}.p-product-banner .x-card button{inline-size:-moz-fit-content;inline-size:fit-content;min-inline-size:max(200 * var(--rpx));padding-block:max(3 * var(--step));padding-inline:max(14 * var(--step));font-size:max(16 * var(--rpx));font-weight:300;line-height:max(24 * var(--rpx));background-color:var(--BrightBlue500Color);border:1px solid var(--BrightBlue500Color);border-radius:var(--EdgeRadius);color:var(--Black000Color);cursor:pointer}.p-product-banner .x-card button:hover{background-color:var(--BrightBlue400Color);border-color:var(--BrightBlue400Color)}@media (width < 1024px){.p-product-banner .x-card{--padding-block: max(0 * var(--step));--padding-inline: max(0 * var(--step))}}.p-product-banner .x-card svg{display:block;align-self:center;object-fit:contain}.p-product-banner .x-card h3{margin-block-end:max(1 * var(--step));font-size:max(24 * var(--rpx));font-weight:600;line-height:calc(28 / 24);text-align:center}:is(.p-product-banner .x-card)>svg+h3{margin-block-start:max(6 * var(--step))}.p-product-banner .x-card p{flex-grow:1;margin-block-start:max(5 * var(--step))}.p-product-banner .x-card a{color:var(--PrimaryColor);cursor:pointer}.p-explainer{display:flex;flex-flow:column;gap:max(4 * var(--step));inline-size:100%}.p-explainer-heading{font-size:max(34 * var(--rpx));font-weight:700;line-height:calc(40 / 34)}.p-explainer-content{display:flex;inline-size:min(100%,max(380 * var(--step)));background-color:var(--SurfaceHeaderColor);border-radius:max(6 * var(--rpx));color:var(--PrimaryColor)}@media (width < 1200px){.p-explainer-content{flex-flow:column;gap:max(5 * var(--step))}}@media (width >= 1200px){.p-explainer-content{gap:max(8 * var(--step))}}@media (width < 1520px){.p-explainer-content{padding-block:max(5 * var(--step));padding-inline:max(5 * var(--step))}}@media (width >= 1520px){.p-explainer-content{gap:max(20 * var(--step));padding-block:max(9 * var(--step));padding-inline:max(17 * var(--step))}}.p-explainer-content .x-card{display:flex;flex-basis:100%;flex-flow:column;padding-block:var(--padding-block);padding-inline:var(--padding-inline);position:relative;background-color:var(--SurfaceSelectedColor);border-radius:var(--EdgeRadius);box-shadow:var(--Grey700Color) 0 0 0 1px inset;--padding-block: max(5 * var(--step));--padding-inline: max(10 * var(--step))}.p-explainer-content .x-card:is(:hover,:focus-visible,:focus-within){background:var(--InteractiveMutedColor)}.p-explainer-content .x-card:is(:hover,:focus-visible,:focus-within) *{outline-color:transparent}@media (width < 1024px){.p-explainer-content .x-card{--padding-block: max(6 * var(--step));--padding-inline: max(5 * var(--step))}}.p-explainer-content .x-card svg{display:block;align-self:center;block-size:min(100%,max(24 * var(--step)));inline-size:auto;max-inline-size:100%;object-fit:contain}.p-explainer-content .x-card h3{font-size:max(24 * var(--rpx));font-weight:600;line-height:calc(28 / 24)}:is(.p-explainer-content .x-card)>svg+h3{margin-block-start:max(6 * var(--step))}.p-explainer-content .x-card p{flex-grow:1;margin-block-start:max(5 * var(--step))}.p-explainer-content .x-card p:after{margin-inline-start:max(2 * var(--step));padding:max(2 * var(--step));background:url(/images/arrow.svg) center center no-repeat;content:""}.p-explainer-content .x-card a{color:var(--PrimaryColor);cursor:pointer}@media (hover: hover),(pointer: coarse){.p-explainer-content .x-card a:before{inset:0;position:absolute;z-index:1;content:""}}.p-community{display:flex;flex-flow:column;gap:max(4 * var(--step));inline-size:100%}.p-community .p-community-heading{grid-area:heading}.p-community .p-community-events{grid-area:col-1of2}.p-community .p-community-links{grid-area:col-2of2}.p-community :where(:focus-visible){outline-color:var(--FocusLight)}.p-community-heading{font-size:max(34 * var(--rpx));font-weight:700;line-height:calc(40 / 34)}.p-community-content{padding-block:max(5 * var(--step)) max(7 * var(--step));padding-inline:max(5 * var(--step));background:var(--SurfaceColor);border-radius:max(6 * var(--rpx));color:var(--PrimaryColor)}@media (width >= 1200px){.p-community-content{display:flex;gap:max(8 * var(--step))}}@media (width >= 1520px){.p-community-content{gap:max(11 * var(--step))}}.p-community h4{font-size:max(24 * var(--rpx));font-weight:600;line-height:calc(28 / 24)}.p-community-events .p-community-events-content:has(>.no-events){block-size:100%}.p-community-events .no-events{display:flex;align-items:center;block-size:100%;flex-direction:column;flex-grow:1;gap:max(2 * var(--step));inline-size:100%;justify-content:center}.p-community-events .no-events .main{font-size:max(max(20 * var(--rpx)));line-height:calc(24 / 20)}.p-community-events{display:flex;flex-flow:column;flex-grow:1;gap:max(4 * var(--step))}.p-community-events-content{display:flex;flex-flow:column;gap:max(3 * var(--step));max-inline-size:max(220 * var(--step))}.p-community-event{display:grid;padding-block:max(3 * var(--step));position:relative;background:var(--SurfaceSelectedColor);border-radius:var(--EdgeRadius);box-shadow:0 0 0 1px inset var(--Grey700Color);color:var(--PrimaryColor)}.p-community-event:is(:hover,:focus-visible){background:var(--InteractiveMutedColor);cursor:pointer}.p-community-event.--closed{gap:0 max(10 * var(--step))}.p-community-event.--open{padding-block-end:max(0 * var(--step));transition:gap .15s}@media (width < 1000px){.p-community-event{align-items:center;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,auto)}.p-community-event.--closed{gap:0 max(2 * var(--step))}.p-community-event.--open .p-community-event-subheading{display:block}}@media (width >= 1000px){.p-community-event{align-items:center;gap:0 max(10 * var(--step));grid-template-columns:minmax(max(28 * var(--step)),min-content) 1fr minmax(max(28 * var(--step)),min-content);grid-template-rows:auto auto}}.p-community-event-heading{padding-inline-start:max(5 * var(--step));font-size:max(20 * var(--rpx));font-weight:500;line-height:max(24 * var(--rpx))}.p-community-event-subheading a,.p-community-event-details a{color:var(--Orange600Color)}.p-community-event-date{display:inline-block;min-inline-size:max(45 * var(--step));font-size:max(14 * var(--rpx));font-weight:500;line-height:max(22 * var(--rpx))}.p-community-event-date .-time{color:var(--SecondaryColor)}@media (width < 1000px){.p-community-event-date{grid-area:1 / 1 / 2 / 5}}.p-community-event-heading{grid-area:1/1/2/5}.p-community-event-info{display:flex;grid-area:2/1/3/5;margin-inline-start:max(5 * var(--step))}.p-community-event-info .-second-col{display:inline-flex;flex-grow:1}@media (width < 1000px){.p-community-event-info{display:initial;margin-block-end:max(2 * var(--step))}}.p-community-event-subheading{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:max(14 * var(--rpx));line-height:calc(20 / 14);color:var(--SecondaryColor)}.p-community-event.--open .p-community-event-subheading{display:block}.p-community-event-actions{display:flex;align-self:stretch;grid-area:1 / 5 / 3 / 6;padding-inline-end:max(5 * var(--step))}.p-community-event-actions button{display:flex;align-items:start;align-self:stretch;inline-size:100%;justify-content:end;padding-block:max(2.5 * var(--step));text-align:end;white-space:nowrap;color:var(--Orange600Color);cursor:pointer}.p-community-event-actions button:is(:active){translate:0 1px}.p-community-event-details{grid-area:3 / 1 / 4 / 6;overflow:hidden;padding-inline:max(5 * var(--step));cursor:initial;transition:padding .15s}.p-community-event.--open .p-community-event-details{padding-block-end:max(3 * var(--step));padding-block-start:max(5 * var(--step));opacity:1;animation:slideDown .15s ease-out;transition:visibility 0s linear 0s,opacity .3s}.p-community-event.--closed .p-community-event-details{block-size:0;visibility:hidden;opacity:0;animation:slideUp .15s ease-out}.p-community-links{display:flex;flex-flow:column;gap:max(4 * var(--step));margin-block-start:max(10 * var(--step))}@media (width >= 1200px){.p-community-links{flex-basis:37.5%;margin-block-start:0}}.p-community-links-content{display:flex;flex-flow:column;gap:max(5 * var(--step))}.p-community-link{--gap: max(4 * var(--step));--image-size: max(20 * var(--step));--padding-inline: max(4 * var(--step));padding-block:max(4 * var(--step));padding-inline:var(--padding-inline);position:relative;background:var(--SurfaceSelectedColor);border-radius:var(--EdgeRadius);box-shadow:0 0 0 1px inset var(--Grey700Color);color:var(--PrimaryColor)}.p-community-link:is(:hover,:focus-visible,:focus-within){background:var(--InteractiveMutedColor)}.p-community-link:is(:hover,:focus-visible,:focus-within) *{outline-color:transparent}@media (width >= 1024px) and (width < 1200px){.p-community-link{display:flex;align-items:center;flex-flow:column}}@media (width >= 1200px){.p-community-link{display:grid;column-gap:var(--gap);grid-auto-flow:row dense;grid-template-columns:var(--image-size) 1fr;--image-size: max(10 * var(--step))}}@media (width >= 1520px){.p-community-link{--gap: max(9 * var(--step));--image-size: max(20 * var(--step));--padding-inline: max(8 * var(--step))}}.p-community-link-image{grid-row-start:span 2;block-size:var(--image-size);inline-size:var(--image-size)}.p-community-link-heading{font-size:max(20 * var(--rpx));line-height:calc(24 / 20)}@media (hover: hover),(pointer: coarse){.p-community-link-heading a:before{inset:0;position:absolute;z-index:1;content:""}}@media (width >= 1024px) and (width < 1200px){.p-community-link-heading{margin-block-start:max(5 * var(--step))}}.p-community-link-content{margin-block:max(2 * var(--step)) 0;font-size:max(14 * var(--rpx));line-height:calc(20 / 14)}.p-community-link-content:after{margin-inline-start:max(2 * var(--step));padding:max(2 * var(--step));background:url(/images/arrow.svg) center center no-repeat;content:""}@keyframes slideDown{0%{block-size:0}to{block-size:var(--content-height, 0)}}@keyframes slideUp{0%{block-size:var(--content-height, 0)}to{block-size:0}}.p-articles{display:flex;flex-flow:column;gap:max(4 * var(--step));inline-size:100%}.p-articles .p-articles-content{padding-block:max(5 * var(--step));padding-inline:max(2 * var(--step));background-color:var(--SurfaceHeaderColor);border-radius:max(6 * var(--rpx));color:var(--PrimaryColor)}@media (width >= 760px){.p-articles{--articles-size: max(2 * var(--article-size) + 1 * var(--article-gap));align-self:start}}@media (width >= 1024px){.p-articles{--articles-size: max(1 * var(--article-size) + 0 * var(--article-gap))}}@media (width >= 1200px){.p-articles{--articles-size: max(2 * var(--article-size) + 1 * var(--article-gap))}}@media (width >= 1440px){.p-articles{--articles-size: max(3 * var(--article-size) + 2 * var(--article-gap))}}@media (width >= 1760px){.p-articles{--articles-size: max(4 * var(--article-size) + 3 * var(--article-gap))}}.p-articles>h3{font-size:max(34 * var(--rpx));font-weight:700;line-height:max(40 / 34)}.p-articles .-articles-content{display:flex;flex-direction:column;justify-content:center;padding-block:max(9 * var(--step));padding-inline:0;background:var(--SurfaceColor)}@media (width >= 760px){.p-articles .-articles-content{padding-inline:max(9 * var(--step))}}:root{--articlecount: 4;--articlesize: max(74 * var(--step));--gap: max(8 * var(--step))}@media (width < 460px){:root{--articlesize: max(65 * var(--step))}}@media (width < 1080px){:root{--articlecount: 1}}@media (1080px <= width < 1440px){:root{--articlecount: 2}}@media (1440px <= width < 1770px){:root{--articlecount: 3}}.p-article{display:flex;flex-flow:column;gap:max(4 * var(--step));padding-block-end:max(6 * var(--step));position:relative;background-color:var(--SurfaceSelectedColor);border-radius:max(1 * var(--step));box-shadow:var(--Grey700Color) 0 0 0 1px inset}.p-article :where(:focus-visible){outline:transparent}.p-article .-heading{display:-webkit-box;overflow:hidden;padding-inline:max(6 * var(--step));font-size:max(20 * var(--rpx));font-weight:700;line-height:calc(24 / 20);-webkit-line-clamp:1;-webkit-box-orient:vertical}@media (hover: hover),(pointer: coarse){.p-article .-heading>a:before{inset:0;position:absolute;z-index:1;content:""}}.p-article .-content{padding-inline:max(6 * var(--step))}.p-article .-content:after{margin-inline-start:max(2 * var(--step));padding:max(2 * var(--step));background:url(/images/arrow.svg) center center no-repeat;content:""}.p-article .-image{aspect-ratio:4 / 3;inline-size:auto;margin-block-end:max(2 * var(--step));margin-block-start:max(1 * var(--rpx));border-start-start-radius:max(1 * var(--step));border-start-end-radius:max(1 * var(--step))}.p-article:is(:hover,:focus-visible,:focus-within){background:var(--InteractiveMutedColor)}.p-article-slideshow{display:flex;align-items:center;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.p-article-slideshow+.-link-container{inline-size:min(100%,calc(max(1 * var(--articlesize))*max(1 * var(--articlecount)) + max(1 * var(--gap))*(max(1 * var(--articlecount)) - 1)));margin:max(2 * var(--step)) auto;text-align:end}.p-article-slideshow+.-link-container .-link{color:var(--Orange600Color)}.p-article-slideshow+.-link-container .-link:after{margin-inline-start:max(2 * var(--step));padding:max(2 * var(--step));background:url(/images/arrow.svg) center center no-repeat;content:""}.p-article-slideshow+.-link-container .-link:focus-visible{outline-color:var(--FocusLight)}.p-article-slideshow:defined{justify-content:center;overflow:hidden}.p-article-slideshow:not(:defined){gap:max(1 * var(--gap));inline-size:min(100%,calc(max(1 * var(--articlesize))*max(1 * var(--articlecount)) + max(1 * var(--gap))*(max(1 * var(--articlecount)) - 1)));overflow:auto hidden}.p-article-slideshow::-webkit-scrollbar{block-size:0;inline-size:0}.p-article-slideshow .p-article{inline-size:max(1 * var(--articlesize));scroll-snap-align:start}.p-signup{display:flex;flex-flow:column;padding-block:max(6 * var(--step)) max(12 * var(--step));padding-inline:max(6 * var(--step));font-size:max(4 * var(--step));font-weight:400;letter-spacing:.5%;background:var(--SurfaceColor);border-radius:var(--EdgeRadius);color:var(--PrimaryColor)}.p-signup :where(:focus-visible){outline-color:var(--FocusLight)}@media (width >= 400px){.p-signup{inline-size:min(100% - max(4 * var(--step)),max(134 * var(--step)));padding-inline:max(8 * var(--step))}}@media (width >= 1024px){.p-signup{inline-size:min(100% - max(4 * var(--step)),max(225 * var(--step)));padding-inline:max(14 * var(--step))}}.p-signup button[type=submit]:is(:hover,:focus-visible){box-shadow:var(--InteractiveHoverColor) 0 0 0 1px inset;color:var(--InteractiveHoverColor)}.p-signup-heading{font-size:max(34 * var(--rpx));font-weight:700;line-height:max(40 / 34);text-align:center}.p-signup-content{margin-block-start:max(5 * var(--step))}.p-signup-form{display:flex;flex-flow:column;gap:max(4 * var(--step));justify-content:space-between;margin-block-start:max(8 * var(--step))}@media (width >= 1199px){.p-signup-form{flex-flow:row;flex-wrap:wrap}}.p-signup-form-control{display:flex;flex-flow:column;gap:max(1 * var(--step))}.p-signup-form-control label{font-size:max(14 * var(--rpx));line-height:max(20 / 14)}.p-signup-form-control.-required label span:after{content:"*"}.p-signup-form-control.-optional label span:after{content:" (Optional)"}.p-signup-form-control input{padding-block:max(3 * var(--step));padding-inline-start:max(4 * var(--step));background:var(--BaseColor);border-radius:var(--EdgeRadius);color:var(--PrimaryColor)}.p-signup-form-control input:is(:hover,:focus-visible){--border-color: var(--InteractiveHoverColor)}@media (width >= 1199px){.p-signup-form-control{flex:0 0 calc(50% - max(4 * var(--step)))}}.p-signup-form-submit{align-self:center;margin-block-start:max(4 * var(--step));margin-inline-start:auto;padding-block:max(2 * var(--step));padding-inline:max(11 * var(--step));font-size:max(16 * var(--rpx));line-height:max(20 / 16);border-radius:var(--EdgeRadius);box-shadow:var(--InteractiveColor) 0 0 0 1px inset;color:var(--InteractiveColor);cursor:pointer}
