/* Ported from design/src/site.css by tools/port-css.js (marquee, logo-tile, blog-card). Classes and keyframes prefixed hd-. Do not hand-edit; re-port. */
html body:not(#hd) .hd-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
html body:not(#hd) .hd-marquee-track{display:flex;width:max-content;animation:hdMarquee 42s linear infinite}
html body:not(#hd) .hd-marquee:hover .hd-marquee-track{animation-play-state:paused}
html body:not(#hd) .hd-logo-tile img{display:block}
html body:not(#hd) .hd-marquee-logos .hd-marquee-track{animation-duration:70s}
html body:not(#hd) .hd-marquee-track-3{animation-name:hdMarquee3}
@media (prefers-reduced-motion:reduce){
 html body:not(#hd) .hd-marquee-track{animation:none}
}
html body:not(#hd) .hd-blog-card-fallback{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(90% 90% at 50% 0%,rgba(78,186,151,.22) 0%,transparent 60%),linear-gradient(160deg,var(--purple-100) 0%,var(--purple-50) 100%)}
html body:not(#hd) .hd-blog-card-fallback img{width:38%;height:auto;opacity:.9;display:block}
html body:not(#hd) .hd-blog-card-fallback.hd-has-icon img{position:absolute;width:62%;opacity:.16}
html body:not(#hd) .hd-blog-card-fallback-icon{position:relative;width:76px;height:76px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,var(--green-400),var(--green-600));box-shadow:0 14px 30px -10px rgba(38,128,102,.6)}
html body:not(#hd) .hd-blog-card-media img{transition:transform 600ms cubic-bezier(.2,0,.2,1)}
html body:not(#hd) .hd-blog-card:hover .hd-blog-card-media img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){
 html body:not(#hd) .hd-blog-card-media img{transition:none}
}
@keyframes hdMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes hdMarquee3{from{transform:translateX(0)}to{transform:translateX(-33.3333%)}}