.hero-video-layout{--vertical-padding:2.5rem;}.hero-video-layout-content{display:flex;flex-direction:column;align-items:center;gap:2.625rem;padding-top:var(--vertical-padding);padding-bottom:var(--vertical-padding);}.hero-video-layout-content.no-padding{padding-top:0;padding-bottom:0;}.hero-video-layout .video-iframe{aspect-ratio:16 / 9;border:0.25rem solid var(--gray-900);background-color:var(--gray-900);border-radius:1rem;object-fit:cover;width:22.5rem;}.hero-video-layout .layout-content{max-width:unset;justify-content:center;}.hero-video-layout .hero-video-layout-cta-buttons{padding-top:3.5rem;gap:1rem;width:22.5rem;}.hero-video-layout-cta-buttons{width:100%;display:flex;flex-direction:column;justify-content:center;padding-top:1.5rem;gap:1rem;}.hero-video-layout-cta-button{width:100%;justify-content:center;}.hero-video-layout-minor-heading{padding-bottom:1rem;font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:600;}.hero-video-layout-major-heading{max-width:32rem;padding-bottom:2rem;font-size:var(--font-size-display-md);line-height:var(--line-height-display-md);text-align:center;}.hero-video-layout-subheading{max-width:50rem;font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg);text-align:center;}.hero-video-layout-header{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;z-index:1;}@media (min-width:40rem){.hero-video-layout-content{--vertical-padding:4rem;}.hero-video-layout .video-iframe{width:35.5rem;}.hero-video-layout .hero-video-layout-header{max-width:31.25rem;}.hero-video-layout .hero-video-layout-major-heading{font-size:var(--font-size-display-xl);line-height:var(--line-height-display-xl);}.hero-video-layout-cta-buttons{flex-direction:row;align-items:center;gap:2rem;}}@media (min-width:64rem){.hero-video-layout .video-iframe{width:55rem;}.hero-video-layout .hero-video-layout-cta-button{width:10.625rem;}.hero-video-layout-subheading{font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl);}.hero-video-layout-cta-button{width:fit-content;}}@media (min-width:80rem){.hero-video-layout-content{gap:8rem;flex-direction:row;--vertical-padding:6rem;}.hero-video-layout .video-iframe{width:55rem;align-self:end;}.hero-video-layout .hero-video-layout-major-heading,.hero-video-layout .hero-video-layout-subheading{text-align:start;}.hero-video-layout .hero-video-layout-header{align-items:start;}.hero-video-layout .hero-video-layout-cta-buttons{justify-content:start;}}
.tabbed-demo-layout{position:relative;padding:6rem 0;}.tabbed-demo-layout .container{display:grid;}.tabbed-demo-layout .tab-group-container.selected,.tabbed-demo-layout .tab-group-container:not(.desktop){visibility:visible;z-index:2;}.tabbed-demo-layout .tab-group-container{visibility:hidden;display:grid;grid-column:1;grid-row:1;z-index:0;height:fit-content;background-color:var(--white);}.tabbed-demo-layout .demo-layout-tabs{width:100%;display:none;justify-content:center;margin-top:2.25rem;margin-bottom:0.725rem;padding:0 var(--layout-padding-smaller);}.tabbed-demo-layout .demo-layout-tab{display:flex;justify-content:center;align-items:center;background-color:var(--dairy-cream-25);padding:.625rem 1.625rem;border-top:1px solid var(--harvest-midnight-300);border-bottom:1px solid var(--harvest-midnight-300);border-left:none;border-right:none;color:var(--harvest-midnight-500);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);font-weight:600;cursor:pointer;}.tabbed-demo-layout .demo-layout-tab:hover{background-color:var(--harvest-midnight-50);}.tabbed-demo-layout .demo-layout-tab.is-active{background-color:var(--harvest-midnight-500);color:var(--harvest-midnight-50);cursor:auto;}.tabbed-demo-layout .demo-layout-tab:first-of-type{border-left:1px solid var(--harvest-midnight-300);border-top-left-radius:2.65rem;border-bottom-left-radius:2.65rem;}.tabbed-demo-layout .demo-layout-tab:last-of-type{border-right:1px solid var(--harvest-midnight-300);border-top-right-radius:2.65rem;border-bottom-right-radius:2.65rem;}.tabbed-demo-layout .demo-header-text{font-size:var(--font-size-display-sm);line-height:var(--line-height-display-sm);font-weight:600 !important;letter-spacing:-0.02em;text-align:center;}.tabbed-demo-layout .tab-hint{justify-content:center;display:none;}@media (min-width:40rem){.tabbed-demo-layout .demo-header-text{font-size:var(--font-size-display-md);line-height:var(--line-height-display-sm);}}@media (min-width:64rem){.tabbed-demo-layout .demo-layout-tabs{display:flex;}.tabbed-demo-layout .tab-group-container.desktop.selected{visibility:visible;z-index:2;}.tabbed-demo-layout .tab-group-container:not(.selected){visibility:hidden;z-index:0;}.tabbed-demo-layout .tab-group-container.selected .tab-hint{display:flex;}}
.tabbed-demo-layout .demos-container{display:grid;margin-top:1.5rem;}.tabbed-demo-layout .demo{border:var(--harvest-midnight-300) solid .25rem;border-radius:1rem;justify-self:center;}.tabbed-demo-layout .demo.mobile{width:21rem;}.tabbed-demo-layout .mobile-subtitle{display:flex;margin-bottom:3rem;text-align:center;justify-self:center;}.tabbed-demo-layout .tab-container{display:grid;grid-column:1;grid-row:1;justify-content:center;z-index:0;}.tabbed-demo-layout .tab-group-container.selected:not(.desktop) .tab-container.selected{visibility:visible;z-index:2;}.tabbed-demo-layout .tab-group-container .tab-container:not(.selected),.tabbed-demo-layout .tab-group-container.desktop .tab-container,.tabbed-demo-layout .tab-group-container.desktop .tab-container .demo{visibility:hidden;z-index:0;}@media (min-width:64rem){.tabbed-demo-layout .demo{width:60rem;margin:0 -2rem;}.tabbed-demo-layout .tab-group-container.desktop.selected .tab-container.selected .demo,.tabbed-demo-layout .tab-group-container.selected .tab-container.selected{visibility:visible;z-index:2;}.tabbed-demo-layout .tab-group-container:not(.selected) .mobile-subtitle{display:none;margin-top:0;}}@media (min-width:80rem){.tabbed-demo-layout .demo{width:70rem;}}.tabbed-demo-layout .tab-header-container{background-color:var(--white);max-width:100vw;width:fit-content;overflow:auto;display:flex;gap:1rem;justify-self:center;margin-top:3rem;height:fit-content;position:relative;}@media (min-width:25rem){.tabbed-demo-layout .tab-header-container{gap:2rem;}}.tabbed-demo-layout .tab-header{padding:0.625rem 0.875rem;border-radius:0.375rem;transition:all 0.1s;cursor:pointer;text-align:center;white-space:nowrap;background-color:var(--harvest-midnight-25);color:var(--harvest-midnight-300);}.tabbed-demo-layout .tab-header:first-child{margin-left:2rem;}.tabbed-demo-layout .tab-header:last-child{margin-right:2rem;}.tabbed-demo-layout .tab-header:first-child:last-child{display:none;}.tabbed-demo-layout .tab-header.selected{cursor:unset;background-color:var(--harvest-midnight-500);color:var(--white);}.tabbed-demo-layout .tab-header p{white-space:nowrap;}@media(min-width:64rem){.tabbed-demo-layout .tab-group-container:not(.selected) .tab-header-container{display:none;margin-top:0;}}
.logo-carousel-layout{background-color:var(--harvest-midnight-50);}.logo-carousel-layout.is-evergreen-background{background-color:var(--evergreen-50);}.logo-carousel-layout .layout-content{max-width:100rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}.logo-carousel-wrapper{display:flex;justify-content:center;flex-direction:column;width:100%;height:10.25rem;}@media (min-width:80rem){.logo-carousel-wrapper{flex-direction:row;height:7.5rem;}}.logo-carousel-text-container{flex:1;flex-shrink:0;margin-top:2rem;text-align:center;margin-right:1.5rem;}@media (min-width:80rem){.logo-carousel-text-container{width:13rem;margin-top:0;align-content:center;}}.logos-container{flex:1 1 75%;min-width:19rem;padding-top:1.5rem;overflow:hidden;display:flex;flex-direction:row;}@media (min-width:80rem){.logo-carousel-text-container .onside-text{display:flex;text-align:center;justify-self:center;}}.logos-container-inner{display:flex;animation:logo-carousel 30s linear infinite;gap:4rem;padding-right:4rem;}.logo-carousel-logos{height:4rem;object-fit:contain;}@keyframes logo-carousel{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}