@keyframes fade-in-page-load{0%{opacity:0}to{opacity:1}}.spotlight-sections-container{animation:fade-in-page-load .5s ease-in-out .5s forwards;display:flex;min-height:100vh;opacity:0;position:relative}.spotlight-section-divider{--image-url:var(--spotlight-section-image-mobile);@media (width >= 600px){--image-url:var(--spotlight-section-image-tablet)}@media (width >= 1080px){--image-url:var(--spotlight-section-image-desktop)}@media (width >= 1800px){--image-url:var(--spotlight-section-image-xl-desktop)}@media (width >= 600px) and (resolution >= 2dppx){--image-url:var(--spotlight-section-image-tablet-2x)}@media (width >= 1080px) and (resolution >= 2dppx){--image-url:var(--spotlight-section-image-desktop-2x)}@media (width >= 1800px) and (resolution >= 2dppx){--image-url:var(--spotlight-section-image-xl-desktop-2x)}align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.5) 100%),var(--image-url) #d3d3d3 50% /cover no-repeat;background-position:top;display:grid;justify-content:center;min-height:min(100dvh,1024px);scroll-snap-align:center}.spotlight-section-bridge-statement{color:var(--spotlight-theme-colors-cream);font-family:var(--spotlight-font-family-headings);font-size:52px;font-weight:400;grid-area:1/1;line-height:60px;margin:0 auto;max-width:768px;padding:0 2.5rem;text-align:center}.spotlight-sections{flex:1}.spotlight-sections-mobile-nav-wrapper{height:fit-content;max-width:425px;padding:0 1.5rem;position:fixed;right:50%;top:calc(var(--spotlight-nav-height, 80px) + .75rem);transform:translateX(50%);width:100%;z-index:1;@media (width >= 600px){right:0;transform:translateX(0)}@media (width >= 1080px){display:none;z-index:0}}.spotlight-sections-mobile-nav{display:none}[data-animation-enabled=true] .spotlight-sections-mobile-nav{display:flex;flex-direction:column;gap:.25rem}.spotlight-sections-mobile-nav-active-section{align-items:center;background-color:var(--spotlight-theme-colors-cream);border:none;border-radius:1rem;color:var(--spotlight-theme-colors-teal);display:flex;justify-content:space-between;margin:0!important;outline:none;padding:1rem;text-align:left;width:100%;&:hover{background-color:var(--spotlight-theme-colors-white);color:currentColor}&:focus-visible{outline:2px solid var(--spotlight-primary-button-focused-color);outline-offset:2px}.cl-icon{background-color:var(--spotlight-theme-colors-white);border-radius:100%;box-sizing:content-box;height:1rem;padding:.5rem;transition:transform .2s ease;width:1rem}&[aria-expanded=true] .cl-icon{transform:rotate(180deg)}}.spotlight-sections-mobile-nav-items{background:var(--spotlight-theme-colors-cream);border-radius:1rem;display:flex;flex-direction:column;margin:0;padding:0;transition:opacity .2s ease,transform .2s ease;&[hidden]{display:none}}.spotlight-sections-mobile-nav-item-section-link{background:var(--spotlight-theme-colors-cream);color:var(--spotlight-theme-colors-teal);display:block;outline-offset:-1px;padding:1rem;text-decoration:none;&:focus-visible,&:hover{background-color:var(--spotlight-theme-colors-white);color:currentColor;text-decoration:none}}.spotlight-sections-mobile-nav-item{margin:0!important;&:first-child{.spotlight-sections-mobile-nav-item-section-link{border-top-left-radius:1rem;border-top-right-radius:1rem}}&:last-child{background:var(--spotlight-theme-colors-cream);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;padding:1rem}}.spotlight-sections-mobile-nav-cta{display:block;text-align:center}.spotlight-sections-side-nav{background-color:var(--spotlight-theme-colors-cream);box-sizing:content-box;display:none;flex-direction:column;gap:0;height:100vh;overflow-y:auto;padding-bottom:2rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:calc(var(--spotlight-nav-height, 80px) + 2rem);position:sticky;top:0;width:min(90vw,320px);@media (width >= 1080px){display:flex;margin-bottom:-1000px}}.spotlight-section-side-nav-header.h3{align-items:center;color:var(--spotlight-theme-colors-black);cursor:pointer;display:flex;font-family:var(--spotlight-font-family-headings-alt)!important;gap:.5rem;margin:0;margin-block:0;padding:1rem 0;position:relative;white-space:pre;--cl-anchor-font-weight:400;--cl-font-weight-h3:400;@media (width < 1080px){font-size:18px;line-height:28px}@media (width >= 1080px){border-top-color:var(--spotlight-theme-colors-lavender);border-top-style:solid;border-top-width:1px}}.spotlight-section-side-nav-group>summary{list-style:none}.spotlight-section-side-nav-group>summary::-webkit-details-marker{display:none}.spotlight-section-feature{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:min(100dvh,1024px)}.spotlight-section-divider,.spotlight-section-feature-wrapper,[data-feature],[data-section]{scroll-margin-top:0}.spotlight-section-feature-wrapper{display:flex;flex-direction:column;gap:1.75rem;margin-top:7.25rem;padding:1.5rem;@media (width >= 600px){align-items:center;flex-direction:row;margin-top:8.25rem}@media (width >= 1080px){margin-top:2.75rem}}.spotlight-section-feature-wrapper:last-child{max-width:1216px;width:100%}.spotlight-section-feature:nth-child(odd){.spotlight-section-feature-wrapper{@media (width >= 600px){flex-direction:row-reverse}}}[data-layout-type=media-first]{.spotlight-section-feature-wrapper{@media (width >= 600px){flex-direction:row-reverse}}.spotlight-section-feature:nth-child(odd){.spotlight-section-feature-wrapper{@media (width >= 600px){flex-direction:row}}}}.spotlight-section-feature-customer-demo{align-items:center;background-color:var(--spotlight-color-container-02);border:1px solid var(--spotlight-light-theme-color-border-03);border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;padding:1rem;&[data-testimonial-type=quote]{max-width:680px;padding:1.5rem;width:88%}@media (width >= 600px){flex-direction:row}}.spotlight-section-feature-media-wrapper{img{border-radius:var(--cl-border-radius-small);object-fit:contain}&[data-media-type=quote]{align-self:flex-start;max-width:680px;width:100%;.spotlight-section-feature-customer-demo[data-testimonial-type=quote]{align-items:flex-start;width:100%}}}.spotlight-section-features{background:var(--gradient);border:none;padding:0;width:100%}.spotlight-section-features>summary{list-style:none}.spotlight-section-features>summary::-webkit-details-marker{display:none}.spotlight-section-summary{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer;display:flex;padding:1.5rem;position:relative}.spotlight-section-summary:after{border-bottom:2px solid;border-right:2px solid;content:"";height:12px;margin-left:auto;transform:rotate(45deg);transition:transform .2s ease;width:12px}.spotlight-section-features[open] .spotlight-section-summary:after{transform:rotate(-135deg)}.spotlight-section-title{color:var(--spotlight-theme-colors-black);font-size:24px;font-weight:500;line-height:32px;margin:0}[data-feature]{scroll-snap-align:center}.spotlight-section-feature-content{display:flex;flex-direction:column;gap:1.5rem;max-width:492px}.search-section-content{align-items:center;height:100%;overflow:hidden}.search-section-content h2{text-align:center}.spotlight-section-feature-header{display:flex;flex-direction:column;gap:1rem}.spotlight-pill-container{align-items:center;display:flex;gap:1rem}.spotlight-pill{background-color:var(--spotlight-light-theme-color-container-01);border:1px solid var(--spotlight-light-theme-color-border-03);border-radius:.25rem;color:var(--spotlight-light-theme-color-text-01);letter-spacing:.1px;margin:0;padding:.25rem .5rem;width:fit-content}.spotlight-pill-line{background-color:var(--spotlight-color-border-divider-01);flex:1;height:1px}.spotlight-section-feature-blurb{font-size:var(--cl-font-size-medium);line-height:var(--cl-line-height-medium);@media (width >= 1080px){font-size:var(--cl-font-size-large);line-height:var(--cl-line-height-large)}}.spotlight-section-feature-blurb,.spotlight-section-feature-tagline{margin:0}.spotlight-section-feature-media{border-radius:.5rem;--height:100%;--width:100%;display:grid;height:var(--height);min-height:var(--height);min-width:var(--width);place-items:center;width:var(--width);*{grid-area:1/1}@media (width >= 600px){--height:246px;--width:328px}@media (width >= 1080px){--height:368px;--width:512px}}.spotlight-section-feature-media:empty:not(img){border:1px solid var(--spotlight-theme-colors-cream)}.spotlight-section-feature-ctas{align-items:center;display:flex;gap:1rem}.spotlight-section-feature-customer-demo-thumbnail{border-radius:.5rem;height:175px;object-fit:cover;width:310px}.spotlight-section-feature-customer-demo-quote{display:flex;flex-direction:column;font-weight:var(--spotlight-font-weight-book);gap:1rem}.spotlight-section-feature-customer-demo-quote-text{margin:0;quotes:'"' '"' "" " " "";&:before{content:open-quote}&:after,&:before{display:inline-block}&:after{content:close-quote}p{margin:0}p:first-child,p:last-child{display:inline}}.spotlight-section-feature-customer-demo-quote-author{margin:0}.spotlight-section-side-nav-items{display:flex;flex-direction:column;gap:.25rem;padding:0 0 1rem}.spotlight-section-feature-customer-demo-video-container{border-bottom:1px solid var(--spotlight-color-border-divider-01);display:grid;padding:0 0 1rem;place-items:center;width:fit-content;*{grid-area:1/1}@media (width >= 600px){border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;border-right-color:var(--spotlight-color-border-divider-01);border-right-style:solid;border-right-width:1px;padding-bottom:0;padding-left:0;padding-right:1rem;padding-top:0}}.spotlight-section-feature-customer-demo-logo{height:40px;max-height:40px;max-width:175px;min-width:100px;object-fit:contain;width:auto}.spotlight-section-side-nav-header,.spotlight-section-side-nav-header a,.spotlight-section-side-nav-item,.spotlight-section-side-nav-item a{color:var(--spotlight-theme-colors-black);text-decoration:none}.spotlight-section-side-nav-item{border-bottom:1px solid transparent;font-size:14px;line-height:22px;padding:.25rem;width:fit-content;--cl-anchor-font-weight:400;&.-active{border-bottom-color:var(--spotlight-theme-colors-hubspot-orange)}&:first-child{padding-top:0}&:last-child{padding-bottom:0}}.spotlight-section-side-nav-header a:hover,.spotlight-section-side-nav-header:hover,.spotlight-section-side-nav-item a:hover,.spotlight-section-side-nav-item:hover{background-color:transparent;color:var(--spotlight-theme-colors-hubspot-orange)}.spotlight-section-side-nav-group{border:none;padding:0;width:100%;&:has(.-active) .spotlight-section-side-nav-header,&[open] .spotlight-section-side-nav-header{border-color:var(--spotlight-theme-colors-hubspot-orange)}}.spotlight-cta{font-size:14px;font-weight:500;line-height:24px}.spotlight-section-feature:has(.spotlight-featured-cards-grid){height:unset;justify-content:flex-start;padding:2rem 0;.spotlight-section-feature-wrapper{width:100%}}.spotlight-section-features .spotlight-section-feature-content:has(.spotlight-featured-cards-grid){box-sizing:border-box;container-name:filter-content;container-type:inline-size;flex:1;max-width:100%;overflow:visible;padding:0 1.5rem;width:100%}.spotlight-featured-cards-grid{display:grid;gap:1.25rem;margin-top:2rem;width:100%;@container filter-content (width > 1023px){grid-template-columns:repeat(2,1fr)!important}}.spotlight-section-features:has(.spotlight-featured-cards-grid){overflow:visible}.spotlight-section-features .search-section-content:has(.spotlight-featured-cards-grid){display:flex;flex-direction:column;height:100%;overflow:visible}.search-section-header{color:var(--spotlight-theme-colors-cream);font-family:var(--spotlight-font-family-headings);font-weight:var(--spotlight-font-weight-book);line-height:var(--spotlight-line-height-display-3)}.spotlight-search-button{&:hover{background-color:var(--spotlight-theme-colors-white)!important;border-color:transparent!important;color:var(--spotlight-light-theme-color-text-01)!important}}.spotlight-filter-card-image{border-radius:.75rem!important}@container filter-content (width > 1023px){.spotlight-filter-card-media-container{flex:0 0 50%!important;margin-bottom:0!important}.spotlight-filter-card-image{border-radius:.75rem 0 0 .75rem!important;height:100%!important;width:100%!important}.spotlight-filter-card-content{display:flex!important;flex-direction:column!important}.spotlight-filter-card-content:not(:first-child){flex:0 0 50%!important;margin-left:1rem!important;padding:1.5rem 1.5rem 1.5rem 0!important}}